/*
Theme Name: Trilogy Child
Theme URI: https://JillLynnDesign.com/
Template: jld
Author: Jill Lynn Design
Author URI: https://JillLynnDesign.com/
Description: The 2020 theme for Trilogy
Version: 5.1.1741383929
Updated: 2025-03-07 16:45:29

*/
.jld-social-network-widget a.fab {
  font-family: "Font Awesome 6 Brands" !important;
}
#custom-post-slick-slider .elementor-post__read-more{font-family: "pt-sans-pro", Sans-serif!important;}
.bg-image .heading-1{font-family: "ofelia-text", Sans-serif}

#formlanding .gform_heading {
    display: none;
}
body.page-id-17056 .fa-3x {
  font-size: 2em;
}
body.page-id-17056 h2.font-31 {
  font-size: 2.9rem;
}
div.wrapper-icon div.elementor-icon-wrapper {
	display: flex;
}


#formlanding .gform_wrapper input[type="text"], 
#formlanding .gform_wrapper input[type="email"] {
    padding: 10px 10px !important;
    font-size: 16px !important;
    color: #003F54 !important;
    background: #ffffff !important;
    border-bottom: 0.5px solid #003F54 !important;
	font-family:'pt-sans-pro';
}
#formlanding .gform_wrapper .gform_footer input[type="submit"] {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 13px 30px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-align: center !important;
    text-transform: none !important;
    background: #E0592B !important;
    border-radius: 50px !important;
	margin-bottom: 0px!important;
		font-family:'pt-sans-pro';
}
#formlanding .gform_wrapper .gform_footer input[type="submit"]:hover{background: #003E52!important;}
#formlanding .gform-footer{padding-bottom: 0px!important;}

#formlanding .gform_wrapper.gravity-theme #field_submit, 
#formlanding .gform_wrapper.gravity-theme .gform_footer {
    justify-content: center !important;
}
#formlanding .gform_wrapper.gravity-theme .gform_fields {
    grid-column-gap: 5% !important;
}

#formlanding .gfield--type-captcha{display: none!important;}

@media screen and (max-width:1024px) {
#formlanding .gform_wrapper .gform_footer input[type="submit"] {
    padding: 11px 24px 12px 24px !important;
    font-size: 15px !important;
}
#formlanding .gform_wrapper input[type="text"], 
#formlanding .gform_wrapper input[type="email"] {
    font-size: 15px !important;
}
}
@media screen and (max-width:768px) {
#formlanding .gform_wrapper .gform_footer input[type="submit"] {
    padding: 10px 22px 11px 22px !important;
    font-size: 14px !important;
}
#formlanding .gform_wrapper input[type="text"], 
#formlanding .gform_wrapper input[type="email"] {
    font-size: 14px !important;
}
}
@media only screen and (max-width: 641px) {
#formlanding.gform_wrapper.gravity-theme input:not([type="radio"]):not([type="checkbox"]):not([type="image"]):not([type="file"]) { line-height: 1 !important;}
}


@media (min-width: 768px) {
div.grad-green {
    background: linear-gradient(90deg,rgb(118, 188, 67) 27%, rgba(255, 255, 255, 0) 27%);
  }

}


/* FORM */


#globalform {
  border: solid 2px #E0592B;
  border-radius: 12px;
  padding: 30px;
}

#lexcontainer {
  border: none !important;
}

/* TIPOGRAFÍA */
#introform p {
    text-transform: none;
    color: #003E52;
    text-align: center;
    font-family: "pt-sans-pro", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.05px;
    word-spacing: 0px;
    color: #003E52;
    max-width: 800px;
    margin: 0px auto;
    margin-bottom: 20px;
}

#introform h2 {
      font-family: "ofelia-text", Sans-serif;
    font-size: 30px;
    font-weight: 800;
    text-transform: none;
    line-height: 35px;
    letter-spacing: 0px;
    word-spacing: 0px;
    color: #003E52;
    text-align: center;
}

#lexcontainer .runtime_appointmentbookingFlowReview h2 {
  content: 'Contact Us';
  font-size: 20px !important;
  text-transform: capitalize;
  border: 0px;
  font-weight: 600;
  font-family: 'ofelia-text';
  display: block;
  text-align: center;
}

#lexcontainer h2.runtime_appointmentbookingResourceSlot,
#lexcontainer .runtime_appointmentbookingFlowReview h2 {
font-size: 20px !important;
    font-family: 'pt-sans-pro';
    text-transform: none;
    line-height: 25px;
    letter-spacing: 0px;
    word-spacing: 0px;
    color: #003E52;
    text-align: center;
    border-bottom: 0px;
    font-weight: 600;
	padding-bottom: 24px;
}

#lexcontainer .runtime_appointmentbookingFlowWorkType h2.slds-text-align_center,
#lexcontainer .runtime_appointmentbookingFlowApptType h2.slds-text-align_center {
  font-size: 0px !important;
}

#lexcontainer .runtime_appointmentbookingFlowWorkType h2.slds-text-align_center:before,
#lexcontainer .runtime_appointmentbookingFlowApptType h2.slds-text-align_center:before {
  display: block !important;
  font-size: 20px;
  font-weight: 600;
  font-family: 'ofelia-text';
  text-transform: none;
  margin-bottom: 10px;
  color: #003E52;
}

#lexcontainer .runtime_appointmentbookingFlowWorkType h2.slds-text-align_center:after,
#lexcontainer .runtime_appointmentbookingFlowApptType h2.slds-text-align_center:after {
  font-size: 12px;
  text-transform: none;
  white-space: pre-line;
  display: block;
  color: #003E52;
  font-family: 'pt-sans-pro';
}

#lexcontainer .runtime_appointmentbookingFlowTimeslot .slds-page-header__controls, .slds-button_icon-border-filled{border: 0px!important;}
#lexcontainer .slds-scope .slds-button-group-list .slds-button, #lexcontainer .slds-scope .slds-button-group-list li+li .slds-button {border: 0px!important;}
.runtime_appointmentbookingFlowTimeslot .smallDate .slds-form-element__control .slds-input, .runtime_appointmentbookingFlowTimeslot .smallDate .slds-form-element__control .slds-has-error .slds-input {border: 0px!important;}

#lexcontainer .runtime_appointmentbookingFlowTimeslot h2{
  text-transform: capitalize !important;
  font-family: 'pt-sans-pro';
  border-bottom: solid 0px #003E52;
  margin-bottom: 5px;
  font-size: 16px !important;
	color: #003E52;
}

#lexcontainer .runtime_appointmentbookingFlowConfirm h2 {
  text-transform: capitalize !important;
  font-family: 'pt-sans-pro';
  margin-bottom: 5px;
}

#lexcontainer span.slds-text-heading_medium {
  font-family: 'pt-sans-pro';
  font-weight: 400;
  color: #003E52;
  font-size: 16px;
}

#lexcontainer h2 + div.slds-text-body_regular, #lexcontainer .runtime_appointmentbookingResourceList  h2{
  color: #003E52;
    font-size: 20px;
    font-weight: 600;
    font-family: 'pt-sans-pro';
    margin-top: 5px;
    line-height: 24px;
}

/* BOTONES */
#lexcontainer .flow-button__NEXT,
#lexcontainer .flow-button__FINISH {
  background: #E0592B;
  font-size: 16px;
  padding: 8px 15px 10px 15px;
  border-radius: 22px;
  border: solid 1px #E0592B;
}

#lexcontainer .runtime_appointmentbookingVisualPickerCard .slds-text-heading_small {
  font-size: 15px !important;
}

#lexcontainer .runtime_appointmentbookingVisualPickerCard .slds-visual-picker__text-check g svg {
  width: 45px;
  height: 45px !important;
}

#lexcontainer span#imageSpan svg {
  width: 45px;
  height: 45px !important;
}

#lexcontainer .flow-button__BACK {
  background: white;
  font-size: 16px;
  padding: 8px 15px 10px 15px;
  border-radius: 22px;
  color: #E0592B;
  border: solid 1px #E0592B;
}

#lexcontainer .slds-button.slds-button_brand.flow-button__NEXT:focus,
#lexcontainer .slds-button.slds-button_neutral.flow-button__BACK:focus {
  outline: 2px solid #ff6600;
  outline-offset: 2px;
}

#lexcontainer .slds-button:focus {
  box-shadow: none !important;
}

#lexcontainer .actionsRight.slds-grid {
  gap: 10px;
}

/* SELECTORES VISUALES */
#lexcontainer span.slds-visual-picker__figure {
  background: #EEF0F0;
  border: solid 1px #E0592B;
  box-shadow: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#lexcontainer .slds-visual-picker input:checked ~ label .slds-visual-picker__text {
  border: solid 1px #E0592B !important;
  box-shadow: none !important;
  font-size: 13px;
}

#lexcontainer .runtime_appointmentbookingVisualPickerCard.runtime_appointmentbookingUserCard input:checked ~ label .slds-visual-picker__text {
  height: auto !important;
}

#lexcontainer .responsive.slds-visual-picker__figure.slds-visual-picker__text {
  height: auto !important;
}


#lexcontainer .slds-tile__detail span {font-size: 13px !important; font-weight: 200; color: #003E52;}
#lexcontainer .slds-visual-picker input ~ label .slds-visual-picker__text,
#lexcontainer .slds-visual-picker input ~ label .slds-visual-picker__text h2 {
    font-family: 'pt-sans-pro';
    font-size: 16px !important;
	text-transform: capitalize;
	color: #003E52;
}


#lexcontainer .slds-visual-picker__text:after {
  border-right-color: #E0592B;
  border-top-color: #E0592B;
}

/* AVATARES E ICONOS */
#lexcontainer .slds-avatar_circle .slds-icon_container {
  background-color: #E0592B;
}

#lexcontainer .slds-avatar_circle .slds-icon_container path {
  fill: white;
}

#lexcontainer lightning-icon[icon-name="utility:check"] path {
  fill: white !important;
}

#lexcontainer lightning-icon[icon-name="utility:check"] svg {
  margin-top: -3px;
}

#lexcontainer .runtime_appointmentbookingVisualPickerCard path,
#lexcontainer .runtime_appointmentbookingVisualPickerCard circle {
  fill: black;
}

#lexcontainer .colActions path {
  fill: #003E52;
}

#lexcontainer .colActions button[title="Today"] {
  color: #003E52;
	border: 0px!important;
}

#lexcontainer .colActions .slds-form-element__control svg.slds-button__icon {
  margin-top: -4px;
  margin-left: -2px;
}

/* CALENDARIO */
#lexcontainer .slds-page-header,
#lexcontainer .slds-page-header_vertical {
  background: #D7EBEE;
}

#lexcontainer .slds-page-header {
  margin-left: 5px;
  margin-right: 5px;
}

#lexcontainer .slds-page-header h3 span {
 font-weight: 600;
    font-size: 14px;
    color: #003E52;
    text-transform: none;
    font-family: 'pt-sans-pro';
}

#lexcontainer .slds-page-header .slds-page-header__name-meta {
      font-weight: 200;
    font-size: 14px;
    color: #003E52;
    text-transform: none;
    font-family: 'pt-sans-pro';
}

#lexcontainer .runtime_appointmentbookingResourceSlot .slds-p-top_small {
  padding-top: 0px;
}

#lexcontainer .runtime_appointmentbookingResourceSlot .slds-border_right {
  border: 0px;
}

#lexcontainer .mobileStyling {
  border: solid 1px #003E52;
}

#lexcontainer .runtime_appointmentbookingFlowTimeslot .page-header-error {
  font-size: 13px !important;
}

#lexcontainer .noTimeSlots {
  background: white !important;
}

#lexcontainer label.slds-radio_button__label {
  background: #EEF0F0;
  margin-bottom: 0px;
  padding: 5px;
  color: #003E52;
  font-family: 'pt-sans-pro'; 
  font-weight: 600;
  font-size: 1rem;	
}

#lexcontainer #timeSlots .slds-radio_button {
  border: 0px !important;

}

/* FORMULARIOS DE REVISIÓN */
#lexcontainer .runtime_appointmentbookingFlowReview h3 {
  background: white;
  color: #003E52;
  text-transform: none;
  font-size: 16px;
  border-bottom: solid 1px #003E52;
  border-radius: 0px;
}

#lexcontainer .runtime_appointmentbookingFlowReview .slds-form-element__label {
  font-size: 13px;
  font-weight: 400;
}

#lexcontainer .runtime_appointmentbookingFlowReview input.slds-input {
  border: 0px !important;
  border-bottom: solid black 1px !important;
  border-radius: 0px;
  font-size: 14px;
}

#lexcontainer .runtime_appointmentbookingFlowReview textarea {
  border: solid black 1px !important; font-size: 14px;
}

#lexcontainer .runtime_appointmentbookingFlowReview div[part='input-text'] {
  display: flex;
  flex-direction: column;
}

#lexcontainer .runtime_appointmentbookingFlowReview .slds-form-element__control {
  padding: 0px !important;
}

#lexcontainer .runtime_appointmentbookingFlowReview .slds-form-element__static {
  font-size: 13px;
}

#lexcontainer ~ p{margin-bottom: 0px!important;}

/* PIE DE PÁGINA */
#lexcontainer .slds-card__footer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  border: none;
}

/* RESPONSIVE */
/* RESPONSIVE - ELIMINANDO MARGENES FIJOS */
#lexcontainer {
  transform: scale(1.4);
  transform-origin: top left;
  width: 71.4%;
  /* SIN margin-bottom fijo - lo maneja JavaScript */
  transition: margin-bottom 0.3s ease; /* Suaviza el cambio */
}

@media (max-width: 768px) {
  #lexcontainer {
    transform: scale(1.2);
    transform-origin: top left;
    width: 83.33%;
  }
  #lexcontainer label.slds-radio_button__label {font-size: 10px!important;}
  #introform p {font-size: 16px;}
  #introform h2 {margin-top: 0px!important; font-size: 30px !important;}
  #lexcontainer .slds-visual-picker_vertical{margin: 0px auto!important;}
  #lexcontainer .slds-page-header .slds-page-header__name-meta {font-size: 13px !important;}
  #lexcontainer .runtime_appointmentbookingFlowReview h3 span {font-size: 16px!important;}
}

@media (max-width: 480px) {
  #lexcontainer {
    transform: scale(1.1);
    transform-origin: top left;
    width: 90.9%;
    position: relative;
    z-index: 999;
  }
  
  #lexcontainer::after {
    content: "";
    display: block;
    height: 30px; /* Pequeño espacio de seguridad */
  }
}