/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Questrial&display=swap');

:root {
    --titles-font:'Sentient',serif;
    --base-font:'Instrument Sans',sans-serif;
}

.titles-font, .base-font > * {
    font-family: var(--titles-font)!important;
    letter-spacing: -1.5px;
}

.base-font, .base-font > *  {
    font-family: var(--base-font)!important;
}

.txt-m-0 * {
    margin:0!important;
}

.txt-mb-0 * {
    margin-bottom:0;
}

.button-m-0 {
    margin:0!important;
}

.ls-negative-1 {
    letter-spacing: -1%;
}

.ls-negative-2 {
	letter-spacing: -2%;
}

.ls-negative-4 {
	letter-spacing: -4%;
}

.ls-negative-6 {
	letter-spacing: -6%;
}

h1, .banner h1, h2, .banner h2, h3, .banner h3, h4,  .banner h4, h5,  .banner h5, h6,  .banner h6 {
    line-height:inherit;
    font-weight: 300;
}


h1 strong, .banner h1 strong, h2 strong, .banner h2 strong, h3 strong, .banner h3 strong, h4 strong,  .banner h4 strong, h5 strong,  .banner h5 strong, h6 strong,  .banner h6 strong {
    font-weight: 300;
}

.text.fw-300 strong {
    font-weight: 600;
}

.banner {
    background:none;
}

.banner a.fill {
    z-index: 2;
}

.banner:has(a.fill) .text-box {
    z-index: 1;
}

.banner-height-fit {
	height:100%;
}

.balance {
    text-wrap: balance;
}

.pretty {
    text-wrap: pretty;
}

.uppercase {
	letter-spacing: 0;
}

.fw-200, .fw-200 > * {
    font-weight:200!important;
}

.fw-300, .fw-300 > * {
    font-weight:300!important;
}

.fw-400, .fw-400 > * {
    font-weight:400!important;
}

.fw-500, .fw-500 > * {
    font-weight:500!important;
}

.fw-600, .fw-600 > * {
    font-weight:600!important;
}

.fw-700, .fw-700 > * {
    font-weight:700!important;
}

.fw-900, .fw-900 > * {
    font-weight:900!important;
}

.doubled-font > * {
    font-size:2em!important;
}

.quadrupled-font > * {
    font-size:4em!important;
}

.br-20, .br-20 > .col-inner {
    border-radius:20px;
    overflow: hidden;
}

.br-99, .br-99 > .col-inner {
    border-radius:99px;
    overflow: hidden;
}

.br-24, .br-24 > .col-inner {
    border-radius:24px;
    overflow: hidden;
}

.br-48, .br-48 > .col-inner {
    border-radius:48px;
    overflow: hidden;
}

.section.br-20, .section.br-24 {
    overflow: visible;
}

.image-height-fit .col-inner, .image-height-fit .img:not(.logo), .image-height-fit .img:not(.logo) > div, .image-height-fit .img:not(.logo) .img-inner {
    height:100%;
}

.image-height-fit .img:not(.logo) .img-inner > img {
    height:100%;
    object-fit:cover;
    object-position:center center;
}

.image-height-fit .img.logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
} 

.image-height-fit .img.logo img {
    margin:0 auto;
}

.logo.centered-image img {
	margin:0 auto;
}

.pad-left-col>.col-inner {
    padding-left: max(15px,calc((100vw - 1630px)/2))!important
}

.pad-right-col>.col-inner {
    padding-right: max(15px,calc((100vw - 1630px)/2))!important
}

.col-pad-0 *, .col-pad-0 {
    padding: 0px !important;
}

.logo-stars {
    display: flex;
    justify-content: center;
}

.ux-logo .ux-logo-link {
    padding: 0!important;
}

.ul-header li::before {
    content:"";
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url('/wp-content/uploads/2026/03/Check_hero.svg');
    left: 0;
}

.ul-header li {
    padding: 12px 0px 0px 35px !important;
}

a:hover {
    color: rgba(162, 88, 58, 1) !important;
}

button:hover {
    background-color: rgba(162, 88, 58, 1) !important;
}

.ul-header li::marker {
    display: none !important;
    font-size: 0px;
}

.titles-font {
    font-family: 'Sentient';
}

.text-font {
    font-family: 'Instrument Sans';
}

.form-header form label.frm_primary_label {
    color: #263238;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--base-font);
}

.form-header form input, .form-header form textarea {
    box-shadow: unset !important;
    border-color: #BDBDBD !important;
}

.form-header form input::placeholder, .form-header form textarea::placeholder {
    color: #666;
    font-family: var(--base-font);
    font-size: 14px;
    font-weight: 400;
}

.form-header button.frm_button_submit.frm_final_submit {
    width: 100%;
    border-radius: 100px;
    background: #FFCD35;
    color: #1D1D1B;
    font-family: var(--base-font);
    font-size: 18px;
    font-weight: 500;
    border: unset;
}

.form-header .frm_form_field.form-field {
    margin-bottom: 12px;
}

.form-header form, .form-header form fieldset {
    margin: 0 !important;
    padding: 0 !important;
}

.ul-icon li {
    color: #E8E1D1;
    font-family: var(--titles-font);
    letter-spacing: -1.5px;
    padding: 10px;
    border-radius: 100px;
    background: #A2583A;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}

.ul-icon li {
    color: #E8E1D1;
    font-family: var(--titles-font);
    letter-spacing: -1.5px;
    padding: 10px;
    border-radius: 100px;
    background: #A2583A;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    position: relative;
}

.ul-icon-back li::after {
    content:"";
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url('/wp-content/uploads/2026/03/check.png');
    right: 0;
    margin-right: 5px;
}

.ul-icon-back li {
    padding-right: 50px;
}

.ul-icon-before li::before {
    content:"";
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url('/wp-content/uploads/2026/03/check.png');
    left: 0;
    margin-left: 5px;
}

.ul-icon-before li {
    padding-left: 50px;
}

.button.secondary {
    border-radius: 100px;
    background: #FFCD35;
    color: #1D1D1B;
    font-family: var(--base-font);
    font-size: 18px;
    font-weight: 500;
    border: unset;
    padding-top: 4px;
}

.button.secondary:hover {
    background: #A2583A;
}

.button.secondary:hover span {
    color: #ffffff;
}

.circle-p p {
    display: flex;
    align-items: stretch;
    justify-content: center;
    background-color: rgba(239, 234, 223, 1);
    color: #A2583B;
    width: fit-content;
    padding: 10px;
    border-radius: 100px;
    margin: 0 auto !important;
}

.circle-p img {
    margin-right: 10px !important;
}

.circle-p.circle-left p {
    display: flex;
    align-items: stretch;
    justify-content: center;
    background-color: rgba(239, 234, 223, 1);
    color: #A2583B;
    width: fit-content;
    padding: 10px;
    border-radius: 100px;
    margin: unset !important;
}

.button.secondary.btn-cita::after {
    content:"";
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url('/wp-content/uploads/2026/03/Calendar.svg');
    left: 0;
    margin-left: 10px;
    top: 12px;
}

.button.secondary.btn-cita:hover:after {
    content:"";
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url('/wp-content/uploads/2026/03/Calendar_blanco.svg');
    left: 0;
    margin-left: 10px;
    top: 12px;
}

.button.secondary.btn-cita span {
    padding-left: 20px;
}

.button.white {
    border-radius: 100px;
    color: #1D1D1B;
    font-family: var(--base-font);
    font-size: 18px;
    font-weight: 500;
    border: unset;
    padding-top: 4px;
}

.button.white:hover {
    border-radius: 100px;
    color: #000 !important;
    background-color: #FFCD35 !important;
    font-family: var(--base-font);
    font-size: 18px;
    font-weight: 500;
    border: unset;
	box-shadow: unset;
}

.button.white.btn-info::after {
    content:"";
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url('/wp-content/uploads/2026/03/Mensaje.svg');
    left: 0;
    margin-left: 10px;
    top: 12px;
}

.button.white.btn-info:hover{
    background-color: #FFCD35 !important;
    box-shadow: unset;
}

.button.white.btn-info:hover span{
    color: #000000;
}

.button.white.btn-info span {
    padding-left: 20px;
}

.icon-box .icon-box-text, .icon-box .icon-box-img {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

.button.white.btn-whatsapp span {
    color: #1D1D1B;
    font-family: var(--titles-font);
    font-size: 32px;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -2px;
    padding: 16px 24px;
    padding-top: 10px;
}

.button.white.btn-whatsapp::after {
    content:"";
    position: absolute;
    width: 36px;
    height: 36px;
    background-image: url('/wp-content/uploads/2026/03/Mensaje.svg');
    left: 0;
    margin-left: 12px;
    top: 15px;
    background-repeat: no-repeat;
    background-size: contain;
}

.button.white.btn-whatsapp span {
    padding-left: 35px;
}

.accordion-title {
    padding: 26px 3.3em;
    border-top: unset;
    border-bottom: 1px solid #ddd;
}

.accordion-title span {
    color: #808080;
    font-family: var(--titles-font);
    font-size: 32px;
    font-weight: 300;
    line-height: 110%;
    letter-spacing: -2px;
}

.accordion-title.active span {
    color: #000000;
}

.active>.toggle {
    transform: none;
}

.accordion-title.active {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: unset;
}

.accordion button:hover {
    background-color: transparent !important;
}

.accordion-inner {
    padding: 0 !important;
}

.accordion-inner .text {
    padding: 0em 2.3em;
}


.accordion-item.accordion-item-1 i::before {
    content:"";
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url('/wp-content/uploads/2026/03/Test-genetico-capilar.svg');
    left: -18px;
    top: -5px;
    background-repeat: no-repeat;
    background-size: contain;
}

.accordion-item.accordion-item-2 i::before {
    content:"";
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url('/wp-content/uploads/2026/03/Mesoterapia-capilar-personalizada.svg');
    left: -18px;
    top: -5px;
    background-repeat: no-repeat;
    background-size: contain;
}

.accordion-item.accordion-item-3 i::before {
    content:"";
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url('/wp-content/uploads/2026/03/Tratamiento-medico-oral.svg');
    left: -18px;
    top: -5px;
    background-repeat: no-repeat;
    background-size: contain;
}

.accordion-item.accordion-item-4 i::before {
    content:"";
    position: absolute;
    width: 40px;
    height: 40px;
    background-image: url('/wp-content/uploads/2026/03/PRP-capilar.svg');
    left: -18px;
    top: -5px;
    background-repeat: no-repeat;
    background-size: contain;
}

.img-col-acordion {
  position: relative;
}

.img-col-acordion .img{
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity .4s ease;
}

.img-col-acordion .img.active{
  opacity: 1;
  visibility: visible;
  position: relative;
}

.absolute-footer {
    display: none !important;
}

.header-main {
    border-bottom: 1px solid rgba(213, 213, 213, 1);
}

.header-main .nav-top-link {
    color: #FFF !important;
    font-size: 20px;
    font-weight: 400;
    padding-right: 45px;
}

.header:not(.transparent) .header-main .nav-top-link {
    color: #000000 !important;
    font-size: 20px;
    font-weight: 400;
    padding-right: 45px;
}

.header-main .nav-top-link:hover {
    color: #fff !important;
}

.header-wrapper.stuck .header-main .nav-top-link {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    padding-right: 45px;
}

.header-wrapper.stuck .header-main .nav-top-link:hover {
    color: #000000 !important;
}

.header-wrapper.stuck {
    box-shadow: unset;
}




@media (max-width: 450px) {
    .button.white.btn-whatsapp span {
        font-size: 24px;
    }

    .section-bg :is(img,picture,video) {
        object-position: 10% 50%;
    }

    .accordion-title span {
        font-size: 24px;
    }

}