.elementor-12 .elementor-element.elementor-element-f3d7be3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-f3d7be3.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-2c59afa .about-content .sub{color:#FFF4F4;}.elementor-12 .elementor-element.elementor-element-2c59afa .about-content p{color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-2c59afa .about-image .counter-wrap .title h3, .about-image .counter-wrap .title .h3{color:#8FA25D00;}.elementor-12 .elementor-element.elementor-element-2c59afa .btn-right-i i{color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-2c59afa .btn-right-i svg{fill:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-73648b7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-0478786{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-c38739d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-c38739d .overview-information-card{background-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-c38739d .overview-information-card.bg-wrap-two{background-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-c38739d .overview-information-card .title h3, .overview-information-card .title .h3{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-c38739d .overview-information-card .title p{color:var( --e-global-color-e8fa3d9 );}.elementor-12 .elementor-element.elementor-element-c38739d .overview-information-card .appointment-btn{color:var( --e-global-color-e8fa3d9 );}.elementor-12 .elementor-element.elementor-element-c38739d .overview-information-card .phone-btn a{color:var( --e-global-color-e8fa3d9 );}.elementor-12 .elementor-element.elementor-element-c38739d .overview-information-card .phone-btn a:hover{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-44abf17{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-1a55ea5 .default-btn{background-color:#79DA66;}.elementor-12 .elementor-element.elementor-element-1a55ea5 .default-btn:hover{background-color:#79DA66;}.elementor-12 .elementor-element.elementor-element-1a55ea5 .btn-right-i{background-color:#79DA66;}.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-inner{background-color:#C7B89EB8;}.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-content h2, .cs-about-content .h2{color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-content h2 span, .cs-about-content .h2 span{color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-content p{color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-content .counter-wrap{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-1a55ea5 .default-btn, .elementor-12 .elementor-element.elementor-element-1a55ea5 .default-btn::before{color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-509f281{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-0863a59{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-c4d8b1e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-c4d8b1e:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-c4d8b1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-e8fa3d9 );}.elementor-12 .elementor-element.elementor-element-c4d8b1e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-038c279 .choose-us-content .content .sub{color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-038c279 .choose-us-content .content h2, .choose-us-content .content .h2{color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-038c279 .quote-card{background-color:#4F5B3ADB;}.elementor-12 .elementor-element.elementor-element-038c279 .choose-us-content .quote-card .quote i{color:var( --e-global-color-e8fa3d9 );}.elementor-12 .elementor-element.elementor-element-038c279 .choose-us-content .quote-card .info .title h3, .choose-us-content .quote-card .info .title .h3{color:var( --e-global-color-e8fa3d9 );}.elementor-12 .elementor-element.elementor-element-038c279 .choose-us-content .quote-card .info .title span{color:var( --e-global-color-e8fa3d9 );}.elementor-12 .elementor-element.elementor-element-038c279 .choose-us-image .box-one{background-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-038c279 .choose-us-image .box-one h3, .choose-us-image .box-one .h3{color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-038c279 .choose-us-image .box-two{background-color:#E3DCD130;}.elementor-12 .elementor-element.elementor-element-038c279 .choose-us-image .box-two i{color:var( --e-global-color-e8fa3d9 );}.elementor-12 .elementor-element.elementor-element-d4e1e28{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-0863a59{--width:100%;}.elementor-12 .elementor-element.elementor-element-c4d8b1e{--width:100%;}.elementor-12 .elementor-element.elementor-element-038c279{width:initial;max-width:initial;}}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-f3d7be3{--width:100%;}}/* Start custom CSS for mavis_about_one, class: .elementor-element-2c59afa *//* =====================
   ABOUT ONE — Responsive icon (award) + remove decorative video line
=============================*/

.elementor-12 .elementor-element.elementor-element-2c59afa .video-wrap,
.elementor-12 .elementor-element.elementor-element-2c59afa .video-wrap .line{
  display: none !important;
}

/* If the theme still keeps spacing for that block */
.elementor-12 .elementor-element.elementor-element-2c59afa .video-wrap{
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 2) Award icon: responsive sizing + no weird box */
.elementor-12 .elementor-element.elementor-element-2c59afa i.flaticon-award-symbol{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  /* responsive size */
  font-size: clamp(22px, 3.2vw, 40px) !important;
  line-height: 1 !important;

  /* brand-friendly */
  color: var(--moss, #6B7452) !important;

  background: var(--pill-bg, rgba(216,204,184,.85)) !important;
  border: 1px solid var(--pill-bd, rgba(94,59,40,.14)) !important;
  border-radius: 999px !important;

  width: clamp(40px, 6vw, 64px) !important;
  height: clamp(40px, 6vw, 64px) !important;

  box-shadow: none !important;
  outline: 0 !important;
}

/* Some flaticon sets draw via ::before */
.elementor-12 .elementor-element.elementor-element-2c59afa i.flaticon-award-symbol::before{
  font-size: inherit !important;
  line-height: 1 !important;
}

/* 3) Mobile alignment: keep the badge from breaking layout */
@media (max-width: 767px){
  .elementor-12 .elementor-element.elementor-element-2c59afa i.flaticon-award-symbol{
    width: 44px !important;
    height: 44px !important;
    font-size: 24px !important;
  }
}

/* =========================
   “Licensed…” viene dentro de <code>
   (forzar color del contrato + quitar estilo de code)
========================= */
.elementor-12 .elementor-element.elementor-element-2c59afa code,
.elementor-12 .elementor-element.elementor-element-2c59afa code *{
  color: rgba(94,59,40,.78) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;

  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;

  padding: 0 !important;
  margin: 0 !important;

  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;

  white-space: normal !important;
}

.elementor-12 .elementor-element.elementor-element-2c59afa code{
  display: inline !important;
}/* End custom CSS */
/* Start custom CSS for mavis_about_three, class: .elementor-element-1a55ea5 */.elementor-12 .elementor-element.elementor-element-1a55ea5{
  /* Paleta contrato */
  --bg:#E3DCD1;     /* Cream Stone */
  --ivory:#EFEAE2;  /* Mineral Ivory */
  --olive:#4F5B3A;  /* Deep Olive */
  --moss:#6B7452;   /* Soft Moss */
  --walnut:#8B5A3C; /* Walnut */
  --earth:#5E3B28;  /* Dark Earth */
  --sand:#C7B89E;   /* Warm Sand */
  --beige:#D8CCB8;  /* Natural Beige */
  --bd: rgba(94,59,40,.14);

  /* No pintar el wrapper entero */
  background: transparent !important;
  background-image: none !important;
}


/* =========================
   PANEL (contenedor de los elementos) – SOLO aquí va el fondo
   - Warm Sand MUY SUAVE (no fuerte)
========================= */
.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-area > .container-fluid,
.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-area > .container{
  max-width: 1240px !important;
  margin: 0 auto !important;

  padding: 72px 64px !important;
  border-radius: 28px !important;
  overflow: hidden !important;

  /* Cream Stone con tinte Warm Sand sutil */
  background: linear-gradient(
    0deg,
    rgba(199,184,158,.16),
    rgba(199,184,158,.16)
  ), var(--bg) !important;

  border: 1px solid var(--bd) !important;
}

/* =========================
    Imagen: responsive + recorte correcto
========================= */
.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-image,
.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-image.wrap-with-border-radius{
  border-radius: 18px !important;
  overflow: hidden !important;
}

.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-image img{
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: cover !important;
}

/* =========================
   Título y texto (colores contrato)
========================= */
.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-content .mavis-el-title,
.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-content h1,
.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-content h2,
.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-content h3{
  color: var(--olive) !important;
  text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-content .mavis-el-title span,
.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-content h2 span{
  color: var(--moss) !important;
  -webkit-text-fill-color: currentColor !important;
}

.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-content p{
  color: rgba(94,59,40,.86) !important;
  text-shadow: none !important;
  -webkit-text-fill-color: currentColor !important;
}

/* =========================
   Card de métricas/precios (120/79/175) -> marfil
========================= */
.elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-content .counter-wrap{
  background: var(--ivory) !important;
  border: 1px solid var(--bd) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}


/* =========================
   Responsive: panel + overlay
========================= */
@media (max-width: 1024px){
  .elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-area > .container-fluid,
  .elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-area > .container{
    padding: 56px 32px !important;
  }
}

@media (max-width: 767px){
  .elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-area > .container-fluid,
  .elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-area > .container{
    padding: 40px 18px !important;
    border-radius: 20px !important;
  }

  .elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-image{
    margin-bottom: 22px !important;
  }

  /* si el rating-box queda raro encima en móvil */
  .elementor-12 .elementor-element.elementor-element-1a55ea5 .cs-about-image .rating-box{
    left: 16px !important;
    right: 16px !important;
    bottom: 16px !important;
    width: auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for mavis_choose_us, class: .elementor-element-038c279 *//* ============================================================
   ABOUT ONE — Remove broken "happiness" counter block (.box-two)
============================================================ */

/* Remove the entire block safely */
.elementor-12 .elementor-element.elementor-element-038c279 .box-two{
  display: none !important;
}

/* Extra safety: if the theme duplicates it with icon as identifier */
.elementor-12 .elementor-element.elementor-element-038c279 .box-two:has(i.flaticon-happiness),
.elementor-12 .elementor-element.elementor-element-038c279 i.flaticon-happiness{
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for mavis_Doctors_Filter, class: .elementor-element-8bf9c6a *//* ============================================================
   DOCTORS FILTER — Brand Contract Styling (solo este widget)
   - Fondo Cream Stone
   - Títulos Deep Olive / texto Dark Earth
   - Tabs (activo Olive, inactivo Ivory)
   - Cards de doctores en Mineral Ivory
============================================================ */

.elementor-12 .elementor-element.elementor-element-8bf9c6a{
  --bg:#E3DCD1;     /* Cream Stone */
  --ivory:#EFEAE2;  /* Mineral Ivory */
  --olive:#4F5B3A;  /* Deep Olive */
  --moss:#6B7452;   /* Soft Moss */
  --sand:#C7B89E;   /* Warm Sand */
  --beige:#D8CCB8;  /* Natural Beige */
  --walnut:#8B5A3C; /* Walnut */
  --earth:#5E3B28;  /* Dark Earth */

  background: var(--bg) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Quitar overlays/patrones si el theme los pone dentro del widget */
.elementor-12 .elementor-element.elementor-element-8bf9c6a .elementor-background-overlay{ display:none !important; }
.elementor-12 .elementor-element.elementor-element-8bf9c6a::before,
.elementor-12 .elementor-element.elementor-element-8bf9c6a::after{ content:none !important; display:none !important; }

/* Tipografía de marca en esta sección */
.elementor-12 .elementor-element.elementor-element-8bf9c6a :is(h1,h2,h3,h4,h5,h6,.section-title,.mavis-el-title){
  font-family: "Montserrat", sans-serif !important;
  text-shadow: none !important;
}

/* Top Title tipo “pill” */
.elementor-12 .elementor-element.elementor-element-8bf9c6a :is(.sub,.sub-title,.top-title,.section-title .sub,[class*="sub-title"],[class*="sub_title"]){
  display: inline-block !important;
  background: rgba(216,204,184,.78) !important;
  border: 1px solid rgba(94,59,40,.14) !important;
  color: var(--olive) !important;
  border-radius: 999px !important;
  padding: 6px 14px !important;
  box-shadow: none !important;
}

/* Título principal */
.elementor-12 .elementor-element.elementor-element-8bf9c6a :is(h2,.section-title h2){
  color: var(--olive) !important;
}

/* Texto general */
.elementor-12 .elementor-element.elementor-element-8bf9c6a :is(p,li,span,.desc,.text){
  color: rgba(94,59,40,.82) !important;
}

/* ============================================================
   TABS / FILTROS
   (cubre varias estructuras: button, a, li a, mixitup, etc.)
============================================================ */

.elementor-12 .elementor-element.elementor-element-8bf9c6a :is(
  .filter-nav, .filters, .doctor-filter-nav, .doctors-filter-nav,
  .tab-nav, .tabs, ul
){
  box-shadow: none !important;
}

/* Base del tab */
.elementor-12 .elementor-element.elementor-element-8bf9c6a :is(
  .filter-nav a, .filter-nav button,
  .doctor-filter-nav a, .doctor-filter-nav button,
  .doctors-filter-nav a, .doctors-filter-nav button,
  .tabs a, .tabs button,
  li a, li button
){
  background: rgba(239,234,226,.92) !important;   /* ivory */
  border: 1px solid rgba(79,91,58,.25) !important; /* olive suave */
  color: var(--olive) !important;
  border-radius: 999px !important;
  padding: 10px 16px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* Hover tab */
.elementor-12 .elementor-element.elementor-element-8bf9c6a :is(
  .filter-nav a:hover, .filter-nav button:hover,
  .doctor-filter-nav a:hover, .doctor-filter-nav button:hover,
  .doctors-filter-nav a:hover, .doctors-filter-nav button:hover,
  .tabs a:hover, .tabs button:hover,
  li a:hover, li button:hover
){
  border-color: rgba(139,90,60,.35) !important; /* walnut */
  color: var(--walnut) !important;
}

/* Activo (incluye patrones típicos: .active, .current, .is-active, mixitup) */
.elementor-12 .elementor-element.elementor-element-8bf9c6a :is(
  .active a, .active button,
  a.active, button.active,
  .current a, .current button,
  a.current, button.current,
  .is-active a, .is-active button,
  .mixitup-control-active
){
  background: var(--olive) !important;
  border-color: var(--olive) !important;
  color: var(--ivory) !important;
}

/* ============================================================
   CARDS / ITEMS de doctores
============================================================ */

/* Card wrapper (se listan opciones típicas de theme) */
.elementor-12 .elementor-element.elementor-element-8bf9c6a :is(
  .doctor-item,.doctor-box,.doctor-card,.single-doctor,
  .team-item,.team-box,
  [class*="doctor-item"],[class*="doctor_box"],[class*="doctor-card"],
  [class*="team-item"],[class*="team-box"]
){
  background: var(--ivory) !important;
  border: 1px solid rgba(216,204,184,.55) !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  box-shadow: none !important;
  transition: transform .18s ease, border-color .18s ease !important;
}

/* Hover card */
.elementor-12 .elementor-element.elementor-element-8bf9c6a :is(
  .doctor-item:hover,.doctor-box:hover,.doctor-card:hover,.single-doctor:hover,
  .team-item:hover,.team-box:hover,
  [class*="doctor-item"]:hover,[class*="doctor_box"]:hover,[class*="doctor-card"]:hover,
  [class*="team-item"]:hover,[class*="team-box"]:hover
){
  border-color: rgba(139,90,60,.35) !important;
  transform: translateY(-2px) !important;
}

/* Imagen: que respete el borde del contenedor */
.elementor-12 .elementor-element.elementor-element-8bf9c6a :is(
  .doctor-item img,.doctor-box img,.doctor-card img,.single-doctor img,
  .team-item img,.team-box img
){
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 0 !important; /* el radio lo maneja el wrapper */
}

/* Área de texto (si existe contenedor interno) */
.elementor-12 .elementor-element.elementor-element-8bf9c6a :is(
  .doctor-item .content,.doctor-item .info,.doctor-item .doctor-content,
  .doctor-box .content,.doctor-card .content,.team-item .content,
  [class*="content"],[class*="info"]
){
  padding: 14px 16px 18px !important;
  background: transparent !important;
}

/* Nombre */
.elementor-12 .elementor-element.elementor-element-8bf9c6a :is(
  .doctor-item h3,.doctor-item h4,
  .doctor-box h3,.doctor-box h4,
  .doctor-card h3,.doctor-card h4,
  .team-item h3,.team-item h4,
  [class*="doctor-name"],[class*="team-name"]
){
  color: var(--olive) !important;
  margin: 12px 0 6px !important;
  font-weight: 700 !important;
}

/* Especialidad / cargo */
.elementor-12 .elementor-element.elementor-element-8bf9c6a :is(
  .designation,.position,.dept,.subtitle,
  [class*="designation"],[class*="position"],[class*="dept"]
){
  color: rgba(94,59,40,.78) !important;
  font-weight: 500 !important;
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-12{
  /* ============================================================
     NIRVANA — ABOUT PAGE (Theme Page Title / Banner)
     Se oculta el bloque de título del theme (no editable en Capas),
     eliminando el fondo/espaciado para evitar el rectángulo blanco.
     Se mantiene intacto el header global y el contenido de Elementor.
  ============================================================ */

  --bg:#E3DCD1;
  --ivory:#EFEAE2;
  --olive:#4F5B3A;
  --moss:#6B7452;
  --walnut:#8B5A3C;
  --earth:#5E3B28;
  --sand:#C7B89E;
  --beige:#D8CCB8;
}

/* =========================
   Ocultación del “Page Title” del theme (variantes comunes)
========================= */
body.elementor-page-12 :is(
  .page-title-area,
  .page-banner-area,
  .page-header-area,
  .page-header,
  .breadcrumb-area,
  .inner-banner,
  .inner-banner-area,
  .page-title-wrap,
  .page-title-wrapper,
  .page-title
){
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

/* =========================
   Normalización por si el theme deja espaciado “fantasma”
========================= */
body.elementor-page-12 :is(
  .page-title-area + *,
  .page-banner-area + *,
  .breadcrumb-area + *,
  .inner-banner-area + *
){
  margin-top:0 !important;
  padding-top:0 !important;
}/* End custom CSS */