/*
Theme Name: theme-ecc
Theme URI: https://estudiandoencalma.efemossesistemas.com.ar/
Author: Theme ecc
Author URI: https://estudiandoencalma.efemossesistemas.com.ar/
Description: . 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:theme-ecc
Tags: Cursos, talleres
*/
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand+SC&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
html, body {  height: 100%; } 
body {font-family: "Roboto Condensed", sans-serif !important; font-optical-sizing: auto; font-weight: 400; font-style: normal;color:var(--text-marino) !important;font-size:1rem!important;}
.patrick-hand-sc-regular { font-family: "Patrick Hand SC", cursive; font-weight: 400; font-style: normal; letter-spacing: 0.02rem}
.roboto-condensed {font-family: "Roboto Condensed", sans-serif;  font-optical-sizing: auto;  font-style: normal;
} 

.fw-100{font-weight: 100} .fw-200{font-weight: 200} .fw-300{font-weight: 300}  .fw-500{ font-weight:500} .fw-600{font-weight: 600} .fw-700{font-weight: 700}
a {color:var(--text-marino); text-decoration: none; transition: all .2s ease-in-out;  -moz-transition: all .2s ease-in-out;  -webkit-transition: all .2s ease-in-out;  -o-transition: all .2s ease-in-out;} .z-1{ z-index: 1} .z-2{z-index: 2}
.letter-s{letter-spacing: 0.03em;}.text-black{ color: rgba(0,0,0,1.00)}.lh-75{line-height: .75rem;} .fs-min{ font-size: .75rem} .fs-9{ font-size: .9rem}
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem;}
.text-durazno{ color: var(--text-durazno)} .bg-marino{ background-color: var(--text-marino)} .bg-muted{ background-color: var(--muted)} 
.text-marino{color:var(--text-marino) !important;}.text-verde{color:var(--promo-bg) !important;}
#faqCursos .accordion-body, #faqCursos  .accordion-button{color:var(--text-marino) !important;}


/***************************************************** Font Awesome Free 5.15.1 */
.sr-only { border: 0;clip: rect(0, 0, 0, 0);height: 1px;margin: -1px; overflow: hidden;padding: 0;position: absolute; width: 1px; }
.sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static;width: auto; }
@font-face {font-family: 'Font Awesome 5 Brands'; font-style: normal;font-weight: 400;font-display: block; src: url("assets/fonts/fa-brands-400.eot"); src: url("assets/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("assets/fonts/fa-brands-400.woff2") format("woff2"), url("assets/fonts/fa-brands-400.woff") format("woff"), url("assets/fonts/fa-brands-400.ttf") format("truetype"), url("assets/fonts/fa-brands-400.svg#fontawesome") format("svg"); }

.fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; }
@font-face {font-family: 'Font Awesome 5 Free'; font-style: normal;font-weight: 400;font-display: block;src: url("assets/fonts/fa-regular-400.eot"); src: url("assets/fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("assets/fonts/fa-regular-400.woff2") format("woff2"), url("assets/fonts/fa-regular-400.woff") format("woff"), url("assets/fonts/fa-regular-400.ttf") format("truetype"), url("assets/fonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far { font-family: 'Font Awesome 5 Free';font-weight: 400; }
@font-face { font-family: 'Font Awesome 5 Free';font-style: normal;font-weight: 900;font-display: block;src: url("assets/fonts/fa-solid-900.eot");src: url("assets/fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("assets/fonts/fa-solid-900.woff2") format("woff2"), url("assets/fonts/fa-solid-900.woff") format("woff"), url("assets/fonts/fa-solid-900.ttf") format("truetype"), url("assets/fonts/fa-solid-900.svg#fontawesome") format("svg"); }
.fa,.fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; }
/*Pro - 900 */
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;font-display:block;src:url(assets/fonts/pro/fa-solid-900.eot);src:url(assets/fonts/pro/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(assets/fonts/pro/fa-solid-900.woff2) format("woff2"),url(assets/fonts/pro/fa-solid-900.woff) format("woff"),url(assets/fonts/pro/fa-solid-900.ttf) format("truetype"),url(assets/fonts/pro/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900}
/* Pro - 400 */
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;font-display:block;src:url(assets/fonts/pro/fa-regular-400.eot);src:url(assets/fonts/pro/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(assets/fonts/pro/fa-regular-400.woff2) format("woff2"),url(assets/fonts/pro/fa-regular-400.woff) format("woff"),url(assets/fonts/pro/fa-regular-400.ttf) format("truetype"),url(assets/fonts/pro/fa-regular-400.svg#fontawesome) format("svg")}.far-pro{font-family:"Font Awesome 5 Pro";font-weight:400;display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1;}
/* Duo */
@font-face{font-family:"Font Awesome 5 Duotone";font-style:normal;font-weight:900;font-display:block;src:url(assets/fonts/duo/fa-duotone-900.eot);src:url(assets/fonts/duo/fa-duotone-900.eot?#iefix) format("embedded-opentype"),url(assets/fonts/duo/fa-duotone-900.woff2) format("woff2"),url(assets/fonts/duo/fa-duotone-900.woff) format("woff"),url(assets/fonts/duo/fa-duotone-900.ttf) format("truetype"),url(assets/fonts/duo/fa-duotone-900.svg#fontawesome) format("svg")}.fad{position:relative;font-family:"Font Awesome 5 Duotone";font-weight:900}
.fad:before{position:absolute;color:var(--fa-primary-color,inherit);}
.fad:after{color:var(--fa-secondary-color,inherit)}

/*.fa-swap-opacity .fad:before,.fad.fa-swap-opacity:before,.fad:after{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.fa-swap-opacity .fad:after,.fad.fa-swap-opacity:after{opacity:1;opacity:var(--fa-primary-opacity,1)}.fad.fa-inverse{color:#fff}*/.fad.fa-stack-1x,.fad.fa-stack-2x{position:absolute}.fad.fa-fw:before,.fad.fa-stack-1x:before,.fad.fa-stack-2x:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
/**/ .fad.fa-grin-wink::after { content: "\10f58c";} .fa-grin-wink::before { content: "\f58c";} .fad.fa-sad-tear::after { content: "\10f5b4";} .fa-sad-tear::before {
  content: "\f5b4";}
/**/
.fa,.fas,.far,.fal,.fad,.fab {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1; }
.fa-lg {font-size: 1.33333em;line-height: 0.75em;vertical-align: -.0667em; }
.fa-xs { font-size: .75em; }.fa-sm { font-size: .875em; }.fa-1x {font-size: 1.2em; }.fa-2x { font-size: 2em; }.fa-3x {font-size: 3em; }.fa-4x { font-size: 4em; }.fa-5x { font-size: 5em; }.fa-6x { font-size: 6em; }.fa-7x {font-size: 7em; }.fa-8x { font-size: 8em; }.fa-9x {font-size: 9em; }.fa-10x { font-size: 10em; }.fa-fw {text-align: center; width: 1.25em; }.fa-ul {list-style-type: none; margin-left: 2.5em; padding-left: 0; }.fa-ul > li { position: relative; }.fa-li {left: -2em; position: absolute;text-align: center;width: 2em;line-height: inherit; }.fa-border { border: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; }.fa-pull-left {float: left; }.fa-pull-right {float: right; }.fa.fa-pull-left,.fas.fa-pull-left,.far.fa-pull-left,.fal.fa-pull-left,.fab.fa-pull-left { margin-right: .3em; }.fa.fa-pull-right,.fas.fa-pull-right,.far.fa-pull-right,.fal.fa-pull-right,.fab.fa-pull-right { margin-left: .3em; }
.fa-h_small{ height: 1.5em} .fs-20{font-size: 20px;}
/*.fa-grip-lines:before{content:"\f7a4"} .fa-bars:before{content:"\f0c9"} */
.fa-whatsapp::before { content: "\f232";}.fa-youtube:before {content: "\f167"; } .fa-facebook::before {content: "\f09a";}  .fa-instagram:before {content: "\f16d"; } .fa-linkedin-in:before{content:"\f0e1"} .fa-envelope:before {content: "\f0e0"; }
.fa-chevron-left:before{content:"\f053"} .fa-chevron-right:before {content: "\f054"; }.fa-arrow-right:before { content: "\f061"; } .fa-times:before{content:"\f00d"}.fa-chevron-down:before{content:"\f078"}  .fa-heart:before{content:"\f004"} .fa-user::before {content: "\f007";}.fa-file-download::before { content: "\f56d";} .fa-phone-alt::before {  content: "\f879";} .fa-hand-point-right::before {content: "\f0a4";} .fa-info-circle::before { content: "\f05a";} .fa-plus-circle::before { content: "\f055";} .fa-minus-circle::before {content: "\f056";} .fa-thumbs-up::before {content: "\f164";}
.fa-check::before { content: "\f00c";}.fa-phone::before { content: "\f095";}.fa-map-marker-alt::before { content: "\f3c5";} .fa-envelope::before { content: "\f0e0";} .fa-shopping-cart::before { content: "\f07a";} .fa-users::before { content: "\f0c0";}
.fa-user-friends::before {content: "\f500";}.fa-play-circle::before { content: "\f144";} .fa-folder-open::before { content: "\f07c";} .fa-smile-wink::before { content: "\f4da";} .fa-comment-lines::before { content: "\f4b0";} .fa-head-side-brain::before {content: "\f808";}  .fa-clipboard-list-check::before {content: "\f737";} .fa-search::before { content: "\f002";}.fa-plus::before { content: "\f067";} .fa-video::before {content: "\f03d";} .fa-play::before { content: "\f04b";} .fa-hands-heart::before { content: "\f4c3";} .fa-bookmark::before {content: "\f02e";} .fa-user-cog::before {content: "\f4fe";} .fa-file-alt::before {content: "\f15c";} .fa-sign-out-alt::before {content: "\f2f5";} .fa-copy::before { content: "\f0c5";}
.fa-star::before { content: "\f005";} .fa-comments::before { content: "\f086";} .fa-facebook::before {content: "\f09a";} .fa-grin::before { content: "\f580";} 
.fa-times-circle::before { content: "\f057";} .fa-arrow-alt-right::before { content: "\f356";}
/* ------------------------------------------------------------------------------------------------ */
.btn-primary{background-color:var(--promo-bg);border-radius: 999px;text-decoration: none; transition: background-color 0.4s ease;margin-top: auto !important;  margin-bottom: auto !important;border: 1px solid #009688;}
.btn-primary:hover {color: #fff !important;background: #114655 !important;border: 1px solid #009688 !important;}
.btn-outline-primary{color: var(--promo-bg); border-color:var(--promo-bg);border-radius: 999px; text-decoration: none;transition: background-color 0.4s ease;margin-top: auto !important;  margin-bottom: auto !important;}
.btn-outline-primary:hover {color: #fff;background:#114655!important; border-color:var(--promo-bg);}
.btn-outline-secondary{ color: var(--text-marino); border-color:var(--text-marino);border-radius: 999px; text-decoration: none;margin-top: auto !important;  margin-bottom: auto !important;}
ul.li_bullet{list-style: none;} .li_bullet{line-height: 2em;} 
.li_bullet li{line-height: 1.35; margin-bottom: .5rem}
ul.li_bullet li::before { font-family: 'Font Awesome 5 Free'; content: "\f054"; color: rgba(255,255,255,1.00); display: inline-block;  margin-left: -1.1em;  width: 1.1em;  font-weight: 900;} .btn-patrick{font-family: "Patrick Hand SC", cursive;  text-transform: uppercase;  letter-spacing: 0.05rem;}
/*****************************************************  Botones/Mensajes WooCommerce */
.woocommerce-message::before { content: "\f00c"; color:#1CB8B3; font-family:"Font Awesome 5 Pro" !important; font-weight: 900;}
.woocommerce-message { border-top-color: #1CB8B3;}
.woocommerce-message{font-family: "Roboto Condensed", sans-serif;}
.woocommerce-error, .woocommerce-info, .woocommerce-message {color: var(--text-marino);  border-top: 3px solid #F7A873;}
.button{color:var(--text-marino)!important; background-color: #fff!important; border: 1px solid #0D3C58!important;font-family: "Roboto Condensed", sans-serif!important;font-weight: 600 !important;  border-radius: 999px !important;}
.wc-block-components-checkout-place-order-button {border-radius: 999px;  background: #e83d2e !important;color: white;border: 0; text-decoration: none;transition: background-color 0.4s ease;font-weight: 400 !important;}
.privacy-policy .badge, .page-template-page-terminos .badge, .page-template-page-reembolsos .badge{font-size: 1.2rem; text-transform: uppercase;}

/**/
:root{
      --promo-bg:#1CB8B3;   /* barra superior */
      --nav-bg:#114655;        /* barra nav */
      --hero-bg:#86916d;    /* fondo hero (verde/gris de la captura) */
      --chip-bg:#0f0f0f;    /* chips oscuros */
      --chip-tx:#fff;
      --accent:#e83d2e;     /* acento/cta */
      --ok:#27ae60;
      --muted:#8a8f7d;
      --card-bg:#f6f6f6;
      --text-marino:#0D3C58;
      --text-durazno:#F7A873;
      --fa-primary-color:#0D3C58;
      --fa-secondary-color:#F7A873;
    }


/***************************************************** Nav */
.promo-bar{background-color:var(--promo-bg);color:#fff;font-weight:600;font-size:.95rem}
.promo-bar .btn{border-radius:6px}
.promo-bar .btn-close{filter:invert(1)}
.nav-calma{background:var(--nav-bg);color:#fff}
.nav-calma a{color:#fff;text-decoration:none}
.nav-calma .brand{font-weight:800;letter-spacing:.02em}
.nav-calma .brand{ font-weight:800; letter-spacing:.02em; }
#menu-menu-secondary .nav-link,#micuenta .nav-link{ color: var(--nav-bg); font-weight: 600;}
#menu-menu-secondary .nav-link:hover,#micuenta .nav-link:hover{ color: var(--promo-bg);transition: all .2s ease-in-out;}
.navbar-toggler-icon.negroSVG { background-image: none !important;}
.navbar-toggler:focus { box-shadow: none !important;}
/*.navbar-toggler-icon svg { transition: transform .25s ease; transform-origin: 50% 50%; }
.navbar-toggler-icon.rotate svg { transform: rotate(90deg); }*/
.logo-max-h{max-height: 50px;}
.offcanvas { will-change: transform; transition: transform .45s cubic-bezier(.16, 1, .3, 1); /* ease-out elegante */background: rgba(255,255,255,.8);}
#myOffcanvas { --bs-offcanvas-width: 300px; }

/* Backdrop más suave también */
.offcanvas-backdrop { transition: opacity .35s ease;}
.offcanvas-backdrop.show { opacity: .5; /* ajustá si lo querés más/menos oscuro */}
/* Estado inicial de los items */
#myOffcanvas .offcanvas-body .nav-link {opacity: 0; transform: translateX(-8px);transition: opacity .35s ease, transform .35s ease;}
/* Al estar abierto, aparecen */
#myOffcanvas.show .offcanvas-body .nav-link { opacity: 1; transform: none;}
/* Pequeño “stagger” con delays escalonados */
#myOffcanvas .offcanvas-body .nav-link:nth-child(1) { transition-delay: .05s; }
#myOffcanvas .offcanvas-body .nav-link:nth-child(2) { transition-delay: .10s; }
#myOffcanvas .offcanvas-body .nav-link:nth-child(3) { transition-delay: .15s; }
/* sumá más si tenés más items */
/* Toggler animation */
.navbar-toggler-icon { transition: transform .25s ease; }
.navbar-toggler-icon.rotate { transform: rotate(90deg); }
#toggle1 .navbar-toggler-icon { width: 30px;}
.toggler-black .navbar-toggler-icon { color: #000; }   /* o el color que uses */
.user-badge { font-size: 14px; line-height: 1; background-size: cover;}
.dm-avatar-initials {width: 32px;height: 32px;line-height: 32px;border-radius: 9999px;display: inline-flex; align-items: center; justify-content: center;
    color: #fff; font-weight: 600; font-size: 0.9rem;text-shadow: 0 1px 1px rgba(0,0,0,0.25);}


/***************************************************** carousel*/
/* Degradados personalizados */
.bg-verde{ background: #1BB4B6} /* verde pleno*/
.bg-verde_g1 { background: linear-gradient(135deg, #1BB4B6, #2FD3D5);   /* gradient verde 1*/}
.bg-verde_g2 { background: linear-gradient(95deg, #108D8F, #1BB4B6);   /* gradient verde 2*/}
.bg-verde_g3 { background: linear-gradient(95deg, #0D4959, #1BB4B6);   /* gradient verde 3*/}
.bg-coral { background:#F4B07F;   /* coral pleno */}
.bg-coral_g1 { background: linear-gradient(135deg, #F4B07F, #FFC499);   /* gradient coral 1 */}
.bg-coral_g2 { background: linear-gradient(95deg, #E79254, #F4B07F);   /* gradient coral 2 */}
.bg-beige { background: linear-gradient(180deg, #E5D6B8 0%, #C7B495 100%);}
.bg-azul {background: linear-gradient(180deg, #6CA8C9 0%, #336D89 100%);}
.bg-gris {background: linear-gradient(180deg, #BFBFBF 0%, #999999 100%);}
.bg-celeste {background: linear-gradient(180deg, #8ED0DF 0%, #4C9EB0 100%);}
.resaltado{display: inline-block; padding: 6px 14px; text-transform: uppercase; }
.resaltado-durazno{background-color: var(--text-durazno);  color:var(--text-marino) !important;}
.resaltado-marino{background-color:var(--text-marino);color:white !important;}
.resaltado-verde{background-color:var(--promo-bg);color:white !important;}
.resaltado-blanco{background-color: white; color:var(--promo-bg) !important}

.carousel-container { position: relative; width: 100%; background: #ffffff;  display: flex; justify-content: center; align-items: center; overflow: hidden;}
.carousel-container .slide{min-height:450px}
/* Track + desplazamiento translate */
.carousel-slider {display: flex; width: 100%; height: 100%; transition: transform 0.7s cubic-bezier(.4,0,.2,1); /* easing suave */
  will-change: transform; transform: translate3d(0,0,0); /* fuerza GPU */}
.slide { position: relative; min-width: 100%; height: 100%; overflow: hidden;}
.carousel-slider { cursor: grab; touch-action: pan-y; user-select: none; }
.carousel-slider.dragging { cursor: grabbing; }
.carousel-slider img { pointer-events: none; }


/* Fondos por slide (sin variables) */
.slide-bg { position: absolute; inset: 0; z-index: 1;}
.slide-bg-1 { background: linear-gradient(135deg, #ff7e5f, #feb47b);   /* naranja/rosa */}
.slide-bg-2 { background: linear-gradient(135deg, #6a11cb, #2575fc);   /* violeta/azul */}
.slide-bg-3 {background: linear-gradient(135deg, #1CB8B3 0%, #114655 100%);} /*Turquesa → Azul petróleo*/ 
.slide-bg-4 {background: linear-gradient(135deg, #F7A873 0%, #6EDBD4 100%);} /*Durazno → Turquesa suave*/
.slide-bg-5 {background: linear-gradient(25deg, #0D3C58 0%, #1CB8B3 100%);} /*Azul marino → Turquesa*/ 
.slide-bg-6 {background: linear-gradient(45deg, #F7A873 0%, #E1D4C2 100%);} /*Durazno → Beige*/

/* Tarjeta visual (fondo por imagen ACF) */
.visual .card-glass,
.visual .card-glass-alt { position: relative; width: min(450px, 100%); aspect-ratio: 16 / 9; border-radius: 20px; overflow: hidden; box-shadow: 0 18px 42px rgba(0,0,0,.2); background-size: cover;  background-position: center center;  background-repeat: no-repeat;  display: flex;  align-items: stretch;}

/* Variante ALT (opcional, solo cambia leve el borde o sombra) */
.visual .card-glass-alt {  border-radius: 28px;  box-shadow: 0 22px 48px rgba(0,0,0,.22);}

/* Asegura que la imagen se vea completa al alto disponible */
.visual .card-glass, .visual .card-glass-alt { height: auto; min-height: 100%; background-clip: border-box;}

/* (Opcional) si querés efectos de filtro sobre la imagen (pueden quedarse) */
.back-filter-blur{backdrop-filter: blur(500px);}
.back-filter-brightness-dark{backdrop-filter: brightness(80%);}
.back-filter-brightness{backdrop-filter: brightness(120%);}
.back-filter-contrast{backdrop-filter: contrast(150%);}
.back-filter-sepia{backdrop-filter: sepia(60%);}
.back-filter-hue-rotate{backdrop-filter: hue-rotate(90deg);}
.back-filter-saturate{backdrop-filter: saturate(200%);}
.back-filter-mix-1{background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(8px) saturate(150%) contrast(180%);}
.back-filter-mix-2 {background: rgba(0,0,0, 0.08);backdrop-filter: blur(500px) sepia(60%);}

/* Contenido del slide (sin cambios) */
.slide-content { position: relative; z-index: 2; height: 100%; padding: 20px clamp(32px, 6vw, 80px); color: #fff;}

/* Columna texto */
.content-inner .title {font-weight: 600;line-height: 1.1; margin: 0 0 .5rem; font-size: clamp(1.6rem, 3.2vw, 2.6rem);}
.content-inner .subtitle { opacity: .95; font-weight: 600; margin: 0 0 1rem;font-size: clamp(0.8rem, 3.2vw, 1.5rem ) }
.content-inner .desc { opacity: .9; margin: 0 0 1rem; max-width:clamp(100vw, 50vw, 68ch);;}

/* Precios + CTA */
.price-wrap { display: inline-flex; gap: .75rem; flex-wrap: wrap; align-items: center; margin-bottom: 1rem;}
.discount { font-weight:700; color:#fff; }
.old { text-decoration: line-through; opacity:.75; }
/*.price { font-weight:800; background:#000; padding:.35rem .75rem; border-radius:.75rem; }
*/
/* Flechas laterales base */
.prev, .next {position: absolute; top: 50%; transform: translateY(-50%); width: 66px; height: 74px; background: #181818; z-index: 10; border-radius: 37px; cursor: pointer; opacity: 0; transition: opacity .3s ease, transform .15s ease; user-select: none; pointer-events: none;}

/* Bordes redondeados según lado */
.prev { left: 0; border-radius: 0 37px 37px 0; }  .next { right: 0; border-radius: 37px 0 0 37px; }

/* Iconos internos */
.prev span, .next span { position: absolute; color: #fff; font-size: 30px; line-height: 74px;}
.prev span { left: 15px; }
.next span { right: 15px; }

/* Animación al hacer click */
.prev:active { transform: translateY(-50%) translateX(-3px); }   .next:active { transform: translateY(-50%) translateX(3px); }

/* Mostrar en hover (solo desktop) */
.carousel-container:hover .prev,.carousel-container:hover .next { opacity: 1; pointer-events: auto;}

/* Dots: efecto “pill” (inactivo círculo pequeño semiblanco; activo pastilla blanca) */
.dot_group { display: flex; gap: 12px; position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); z-index: 10;}
.slide_dot { width: 8px; /* w-2 */height: 8px;/* h-2 */border-radius: 9999px;/* rounded-full */ background: rgba(255,255,255,.5);  /* bg-neutral-100-50 */border: none; cursor: pointer; transition: all 150ms cubic-bezier(.4,0,.2,1); /* transition-all */}
.slide_dot.active { width: 16px;/* w-4 */ background: rgba(255,255,255,1);   /* bg-neutral-100 */}
 /* Meta row (rating / plus / alumnos / 100%) */
/*.meta{ gap:1rem;flex-wrap:wrap; color:#eaeaea; }*/
.chip{ background:var(--chip-bg);color:var(--chip-tx); border-radius:999px; padding:.35rem .75rem;display:inline-flex;align-items:center; gap:.45rem;font-weight:600;font-size:.9rem;white-space:nowrap; }
.chip .ok{ color:var(--ok); }

/***************************************************** Home */
.img-squareIg{object-fit:cover;  height: 100%;  width: 100%;}  .img_multiply{mix-blend-mode: multiply;}
.ratio-3x4 { aspect-ratio: 3 / 4;} .ratio-4x2{aspect-ratio: 4 / 2;}.ratio-4x25{aspect-ratio: 4 / 2.5;} 
/* Profesora */
.profe-avatar{ width:148px; height:148px; border-radius:50%; background: url("assets/img/profesora.png") center/cover no-repeat;box-shadow: 0 8px 24px rgba(0,0,0,.12), 0 2px 6px rgba(0,0,0,.06); border: 2px solid rgba(255,255,255,.7);}
.profile-image {width: 10rem; height: 10rem;} .mt-n5 { margin-top: -3rem !important;} .shadow-inset { box-shadow: inset 2px 2px 5px #b8b9be,inset -3px -3px 7px #fff !important;}
.shadow-soft { box-shadow: 6px 6px 12px #b8b9be,-6px -6px 12px #fff !important;} [class*="shadow"] { transition: all .2s ease;}
/* card home */
.step-shape {display: inline-flex;width: 7rem; height: 7rem; text-align: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center;}
.icon-secondary {font-size: 2.25rem; color: var(--text-durazno);}
.organic-radius {border-radius: 63% 37% 30% 70% / 50% 45% 55% 50%;}

/* Cards */
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: rgba(152,152,152,1.00)}
.small-plus{font-size: .65rem;font-weight: 600;padding: 0.2rem .675rem; display: inline-flex;line-height: 1rem;}
.card-img-wrap {position: relative; overflow: hidden;}
.card-img-wrap img { display: block; width: 100%; transition: transform .6s ease;}
.card-img-wrap:hover img { transform: scale(1.01);}
.card-img-wrap::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle, rgba(0,0,0,0) 60%, rgba(0,0,0,0.45) 100%); opacity: 0; transition: opacity .4s ease;pointer-events: none;}
.card-img-wrap:hover::after { opacity: 1;}
/* Pasos */
.icon-shape { width: 5.5rem; height: 5.5rem;}
.icon {
  text-align: center;
  display: inline-flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}
.icon img{ height: 50px}
.shadow-soft {
  box-shadow: 6px 6px 12px #b8b9be,-6px -6px 12px #fff !important;
}
/***************************************************** Archive product */
/*.post-type-archive-product span.badge,.page-template-index span.badge{ margin-right: 15px; margin-top: 15px;}*/
.btn-teal { background-color: #009688; color: #fff;transition: background-color 0.4s ease;}
.btn-teal:hover {background-color: #00796b; color: #fff; }
.alm-btn-wrap {padding: 40px 0 0 !important;}
.badge { font-family: "Patrick Hand SC", cursive; letter-spacing: 0.05rem;  font-weight: 400;}
/*#gridProductos > .col.dm-reveal { 
  animation: dmFade .35s ease-out;
}
@keyframes dmFade {
  from {opacity:.001; transform: translateY(6px);}
  to {opacity:1; transform:none;}
}*/



/***************************************************** Single product */
/* Hero 16:9 como “video” con tu imagen */
.hero-16x9{  background-image: url('https://storage.builderall.com//franquias/2/6977955/editor-html/12430822.jpeg');  background-size: cover;background-position: center;}
/* Badge PLUS (colorcito) */ .bg-pink-600{ background-color:#e91e63; }
#single-course .breadcrumb-item + .breadcrumb-item::before {content: "\f054"; font-family: "Font Awesome 5 Pro"; font-weight: 400;}
ul.list-chevron li::before {font-family:"Font Awesome 5 Pro";font-weight:400; content: "\f054"; color:var(--text-durazno);display: inline-block;margin-left: -1.1em;width: 1.1em;}
.list-chevron li { line-height: 1.35; margin-bottom: .5rem;margin-left: 1.1rem;}
.vivo_relojito{max-height: 40px;padding: 0 10px 0 5px; margin-top: -10px;}
/* Íconos de redes con estado hover sutil */ .icon-link{color: inherit; text-decoration: none;} .icon-link:hover{ color: #212529; }
.bg-gris-claro{ background: rgba(247, 248, 252, 0.996)}
/* Lecciones */
.badge-ux{ display:inline-flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:50%; background:#f1f3f5; color:#6c757d; font-weight:600; font-size:.9rem; border:1px solid #e9ecef;}
.wavy-underline{--uw-color: #11b6b0;   /* color del trazo */ --uw-thick: 3; /* grosor aprox en px */ --uw-gap: .4em;/* distancia al texto */position: relative;display: inline-block; }
.wavy-underline::after{ content:""; position:absolute; left:0; right:0; height: calc(var(--uw-thick) * 2.2px); bottom: calc(-1 * var(--uw-gap)); background-repeat:no-repeat; background-size: 100% 100%;
  /* SVG como data-URL (stroke = var(--uw-color)) */
  background-image: url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none'>\
    <path d='M0,6 C10,0 20,12 30,6 S50,0 60,6 80,12 90,6 100,0 110,6' \
          fill='none' stroke='%2311b6b0' stroke-width='6' stroke-linecap='round'/>\
  </svg>");}
/* cambia color desde CSS donde lo uses */
.wavy-underline.teal{ --uw-color:#11b6b0; }
.wavy-underline.pink{ --uw-color:#e91e63; }

/* Boton video */
:root { --accent:#e91e63; }
.video-hero { overflow: hidden; }
.video-hero .btn-play{ position:absolute; inset:0; margin:auto; width:90px; height:90px; display:grid; place-items:center; border:0; border-radius:50%; background:#fff; /* círculo blanco */ cursor:pointer; outline:0; transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease; box-shadow: 0 6px 24px rgba(0,0,0,.25);}
.video-hero .btn-play::before{ content:""; position:absolute; inset:-14px;border-radius:50%; background: rgba(255,255,255,.35);transition: background-color .2s ease, transform .2s ease;}
.video-hero .btn-play i{ font-size:30px; line-height:1; color:#111; transition: color .2s ease; transform: translateX(2px); }

/* Hover / Focus: tinta rosa translúcida */
.video-hero .btn-play:hover,
.video-hero .btn-play:focus { transform: scale(1.04);}
.video-hero .btn-play:hover::before,
.video-hero .btn-play:focus::before{  background: color-mix(in srgb, var(--accent) 35%, transparent); background: rgba(233,30,99,.35);  transform: scale(1.02);}
.video-hero .btn-play:hover i,
.video-hero .btn-play:focus i{ color: var(--accent);}
.btn-play.sm { width:64px; height:64px; }
.btn-play.lg { width:110px; height:110px; }
#video-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.6); z-index: 5; transition: opacity 0.4s ease;}
.btn-play-animated { background: #fff; color: #e91e63; border: none; border-radius: 50%; width: 80px; height: 80px; font-size: 2rem; display: flex; align-items: center; justify-content: center; animation: pulsePlay 1.5s infinite;}

@keyframes pulsePlay {
  0% { transform: scale(1); background:#fff; }
  50% { transform: scale(1.15); background:#e91e63; color:#fff; }
    100% { transform: scale(1); background:#fff; }
}


/* Overlay show/hide sin display */
#video-overlay.is-hidden { opacity: 0; pointer-events: none; }
.hide-window {position: absolute;top: 2px;left: calc(100% - 65px); width: 60px; height: 60px; z-index: 5; border-radius: 99%; background-color: #1CB8B3;   background-image: url('https://estudiandoencalma.efemossesistemas.com.ar/wp-content/themes/theme-eec/assets/img/marca-de-agua.svg'); background-repeat: no-repeat; background-position: center; background-size: 70%; }
/* Capa de aviso encima del video (solo on-demand sin acceso) */
#video-iniciar { position: absolute; /*inset: 0; background: rgba(255,255,255,0.6); */z-index: 5; transition: opacity .4s ease; text-wrap: balance;height: auto;
  bottom: 0;  left: 0;width: 100%;}
/* Título flotante a pantalla completa (no bloquea clics) */
.video-title-float { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 1.25rem; text-align: center;background: rgba(0,0,0,.85); color: #fff;font-weight: 600; z-index: 6; opacity: 1;transition: opacity .5s ease;pointer-events: none;}
.video-title-float.is-hidden { opacity: 0;}
.dm-intro-cta { backdrop-filter: blur(2px); }.dm-intro-cta:hover { transform: translate(-50%,-50%) scale(1.05); } 
/* Items del temario */
.lesson-item { user-select: none; } .lesson-item:hover { color:var(--text-durazno) !important;}
.lesson-item.disabled { cursor: default; opacity: 1; } /* sin comportamiento */
.lesson-item.fw-600 span { font-weight: 600; }

/* Ocultar cantidad solo en cursos
.single-product .sidebar-card .quantity { display: none !important;} */

.single-hero-bg{  position:absolute; inset:0; background-size:cover; background-position:center;}
.single-hero-overlay{ position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.35));  z-index:0;}

/* ===================================================================  Boton consultar */
.btn-consultar-tutoria {background-color: #f7a873; color: #fff; transition: background-color 0.4s ease;}
.btn-consultar-tutoria:hover {background-color: #F38237; color: #fff; }
.p-btn-tutoria{padding: .85rem 1.1rem;}
/* =================================================================== Reseñas EEC ===== */

/* 1) Ítems de reseña: sin sangría izquierda, sin caja, solo borde inferior */
.woocommerce #reviews #comments ol.commentlist { list-style: none; padding: 0; margin: 0; }
.woocommerce #reviews #comments ol.commentlist li { margin: 0rem; }
.woocommerce #reviews #comments ol.commentlist li .comment-text {margin: 0 !important;padding: 1rem 1rem 1rem 0;  border: 0 !important;border-bottom: 1px solid #e9ecef;border-radius: 0 !important;background: transparent !important;}
/* 2) “No hay valoraciones…” + hint */
.woocommerce #reviews .woocommerce-noreviews {margin-bottom: .5rem;}
.woocommerce #reviews .eec-no-reviews-hint {color: #6c757d; margin-bottom: 1rem;}
/* 3) Avatar por iniciales (ocultamos el avatar default de Woo; lo reemplazamos por nuestro span via filtro) */
.woocommerce #reviews #comments ol.commentlist li img.avatar { display: none !important; }
.woocommerce #reviews #comments ol.commentlist li .dm-avatar-initials,#dm-extra-reviews .dm-avatar-initials { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; font-weight: 800; color: #fff; margin-right: .75rem; flex-shrink: 0; vertical-align: middle;}
.woocommerce #reviews #comments ol.commentlist li .meta {display: flex; align-items: center; gap: .5rem;}
/* 4) Contenedor “meta” (autor, fecha, rating) alineado y prolijo */
.woocommerce #reviews #comments ol.commentlist li .comment-text .meta {margin-bottom: .5rem;}
.woocommerce-review__dash { display: none; }
/* Estrellas en LISTA de reseñas */
.woocommerce .star-rating { letter-spacing:0; white-space: nowrap;}
.woocommerce .star-rating::before { color:#ff8a5c; opacity: .25; } /* “vacías” */
.woocommerce .star-rating span::before { color:#ff8a5c; }          /* llenas */
.woocommerce .star-rating::before,.woocommerce .star-rating span::before {content: "★★★★★" !important;}
/* Estrellas del FORM (widget por anclas) */
.woocommerce #review_form .stars a {color:#ff8a5c; text-decoration: none; }
.woocommerce #review_form .stars a:hover,
.woocommerce #review_form .stars a.active { filter: saturate(1.1) contrast(1.1); }
/* 6) Formulario: sin labels visibles, textarea con solo borde inferior, placeholder claro */
.eec-reviews .comment-form label { display: none; }
.eec-reviews .comment-form textarea { width: 100%; border: 0; border-bottom: 1px solid #ced4da; border-radius: 0; background: transparent; padding: .75rem 0;}
.eec-reviews .comment-form textarea::placeholder { color: #98a2b3;}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select { border-color: rgb(128,146,157) !important; border-radius: 17px;}
/* 7) Botón Enviar (tu estilo + hover con var(--promo-bg)) */
#commentform #submit { background-color: #0dcaf0 !important; border-color: #0dcaf0 !important; border-radius: 50rem !important; color: #fff !important;  font-weight: 600; padding: .6rem 1.2rem; transition: background-color .3s ease, box-shadow .3s ease, transform .2s ease;}

/*Reseñas personalizadas */
.dm-letter-avatar {  display:inline-flex; align-items:center; justify-content:center;  width:40px; height:40px; border-radius:50%;  font-weight:700; color:#fff; text-transform:uppercase;  flex:0 0 40px;}

#dm-extra-reviews .commentlist { list-style:none; margin:0; padding:0; }
#dm-extra-reviews .comment_container { gap:.5rem; }
#dm-extra-reviews .woocommerce-review__author {font-weight: bolder; text-transform: lowercase !important; color: #767676 !important; }
/*Review responder */
.woocommerce #reviews #comments ol.commentlist ul.children {  margin: 0 !important; border-bottom: 1px solid #bfbcbc;}

/* Hover con el color del sitio */
#commentform #submit:hover { background-color: var(--promo-bg) !important; border-color: var(--promo-bg) !important;}
/* ===== Estilo focus del textarea (bloque de reseñas) ===== */
.eec-reviews .comment-form textarea:focus { outline: none !important; border-bottom-color: var(--promo-bg);  box-shadow: none !important; transition: border-color .25s ease;}
.eec-reviews-archive .dm-avatar-initials{ display:inline-flex;align-items:center;justify-content:center; width:36px;height:36px;border-radius:50%;font-weight:800;color:#fff;flex-shrink:0;}
.eec-reviews__icon { font-size: 1.25em;margin-right: .5rem; vertical-align: middle;}
/* Fila meta + estrellas en cada review */
.eec-review-item .eec-review-meta { gap: 1rem; }
.eec-review-item .eec-review-meta .meta { display:flex; align-items:center; gap:.5rem;font-size: .875em; }
.eec-review-item .eec-review-stars .star-rating { margin:0; }



.eec-stars .star-rating { letter-spacing:0; white-space:nowrap; }
/* Estrellas en la home (forzar render y ocultar el texto) */
.eec-stars .star-rating { position: relative; display: inline-block; font-size: 25px; line-height: 1; white-space: nowrap;}
.eec-stars .star-rating::before { content: "★★★★★"; color: #ff8a5c; opacity: .25;}
.eec-stars .star-rating span { position: absolute; left: 0; top: 0; overflow: hidden; color: transparent;}
.eec-stars .star-rating span::before { content: "★★★★★"; color:#ff8a5c; }

/* Asegurar estilo uniforme del item (sin caja, solo borde inferior) */
.woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 !important; padding: 1rem 1rem 0rem 0; border: 0 !important; border-bottom: 1px solid #e9ecef; border-radius: 0 !important; background: transparent !important;}
/* Grid de reseñas en home */
.bg-review-home { background-image: url("https://estudiandoencalma.efemossesistemas.com.ar/wp-content/themes/theme-eec/assets/img/img_home_reviews.webp");background-size: cover;  background-position: center center;  background-repeat: no-repeat;  background-attachment: fixed;  padding:6rem 0 6rem 0;  display: flex; align-items: center;  justify-content: center;color: #fff; position: relative; z-index: 0;}

/* === Onda SVG superpuesta dentro del fondo === */
.wave-overlay {position: absolute;left: 0; bottom: -1px; width: 100%; height: 80px;background: #fff; pointer-events: none;
    -webkit-mask: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">\
<path d="M0,0 V120 H1200 V60 C1050,20 850,20 600,60 C350,100 150,100 0,60 Z" fill=\'black\'/>\
</svg>') no-repeat 50% 100% / 100% 100%;
          mask: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">\
<path d="M0,0 V120 H1200 V60 C1050,20 850,20 600,60 C350,100 150,100 0,60 Z" fill=\'black\'/>\
</svg>') no-repeat 50% 100% / 100% 100%;}

.review-card { border-radius: 1rem; box-shadow: 0 .25rem .9rem rgba(0,0,0,.08);}

.wave-overlay-up {position: absolute;top: -1px;left: 0;width: 100%;height: 80px;background: #fff;pointer-events: none;
  /* SVG nuevo usado como máscara */
  -webkit-mask: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 62.73" preserveAspectRatio="none">\
<path fill=\'black\' d="M0,48.15c.3.36.61.71.92,1.05a43.06,43.06,0,0,0,6.25,5.59c23,17.33,58.34,2.09,82.12-6.25a68.68,68.68,0,0,1,24.8-4.65l1.7,0a110.42,110.42,0,0,1,24.05,4.41c15.9,4.35,31.47,10.68,47.9,12.83a88.06,88.06,0,0,0,10.39.62,86.83,86.83,0,0,0,38.47-9c7.5-3.52,14.81-7.81,23.27-8.37.64,0,1.3,0,2,0a79.58,79.58,0,0,1,21,2.82c15.62,3.77,30.69,10,46.45,12.72a89.16,89.16,0,0,0,14,1.11,88.38,88.38,0,0,0,34.37-7,126,126,0,0,1,14.28-5.38,32.53,32.53,0,0,1,7.29-.82,33,33,0,0,1,7.28.81c10,1.9,19.53,6,29.77,7a62.68,62.68,0,0,0,25-2.55c.88-.29,1.75-.61,2.6-1a39.86,39.86,0,0,0,7.34-4.33A85.9,85.9,0,0,0,480,40.7V0H0V48.09a.14.14,0,0,0,0,.06Z"/>\
</svg>') no-repeat 50% 0% / 100% 100%;
  
  mask: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 62.73" preserveAspectRatio="none">\
<path fill=\'black\' d="M0,48.15c.3.36.61.71.92,1.05a43.06,43.06,0,0,0,6.25,5.59c23,17.33,58.34,2.09,82.12-6.25a68.68,68.68,0,0,1,24.8-4.65l1.7,0a110.42,110.42,0,0,1,24.05,4.41c15.9,4.35,31.47,10.68,47.9,12.83a88.06,88.06,0,0,0,10.39.62,86.83,86.83,0,0,0,38.47-9c7.5-3.52,14.81-7.81,23.27-8.37.64,0,1.3,0,2,0a79.58,79.58,0,0,1,21,2.82c15.62,3.77,30.69,10,46.45,12.72a89.16,89.16,0,0,0,14,1.11,88.38,88.38,0,0,0,34.37-7,126,126,0,0,1,14.28-5.38,32.53,32.53,0,0,1,7.29-.82,33,33,0,0,1,7.28.81c10,1.9,19.53,6,29.77,7a62.68,62.68,0,0,0,25-2.55c.88-.29,1.75-.61,2.6-1a39.86,39.86,0,0,0,7.34-4.33A85.9,85.9,0,0,0,480,40.7V0H0V48.09a.14.14,0,0,0,0,.06Z"/>\
</svg>') no-repeat 50% 0% / 100% 100%;
}
/* transform="rotate(180 600 60)" */

/* Avatar */
.bg-review-home .dm-avatar-initials{ display:inline-flex;align-items:center;justify-content:center; width:40px;height:40px;border-radius:50%;font-weight:800;color:#fff;flex-shrink:0;}
/* Cita */
.review-text { line-height: 1.1; color:#334155; }
/* Estrellas durazno */

.bg-review-home .star-rating { letter-spacing:0; white-space:nowrap; }
/* Estrellas en la home (forzar render y ocultar el texto) */
.bg-review-home .eec-stars .star-rating { position: relative; display: inline-block; font-size: 25px; line-height: 1; white-space: nowrap;}
.bg-review-home .eec-stars .star-rating::before { content: "★★★★★"; color: #ff8a5c; opacity: .25;}
.bg-review-home .eec-stars .star-rating span { position: absolute; left: 0; top: 0; overflow: hidden; color: transparent;}
.bg-review-home .eec-stars .star-rating span::before { content: "★★★★★"; color:#ff8a5c; }

/* (opcional) quitar cualquier margen raro */
.bg-review-home .eec-stars .star-rating,
.bg-review-home .eec-stars .star-rating span { margin: 0; }

/***************************************************** SideBar*/
.sidebar-card {background: #EBEEF2;box-shadow: rgba(13,60,88, 0.25) 0px 13px 27px -5px, rgba(13,60,88, 0.3) 0px 8px 16px -8px;}
.borrar{color: rgba(13,60,88,1.00)}
    /* CTA */
/*.btn-cta{background:#e83d2e;border:0;color:#fff; text-decoration: none; transition: background-color 0.4s ease;}
.btn-cta:hover{background: #12b4b6;} */
/* CursosWP-SPDL-2025-09-29 — Sidebar */
.sidebar-card .card-body { padding: 1.25rem 1.25rem; }
.sidebar-card .display-6 { line-height: 1; }
.sidebar-card .alert-warning { background: rgba(255,193,7,.12); border-color: rgba(255,193,7,.35);}

/* CTA: aplica tanto a nuestro .btn-cta como al botón Woo por defecto */
.btn-cta,.sidebar-card .single_add_to_cart_button { display: inline-flex; align-items: center; justify-content: center; width: 100%; border-radius: 999px;
  padding: .85rem 1.1rem;background:#e83d2e !important;border:0;text-decoration: none; transition: background-color 0.4s ease; font-weight:400 !important; }
.btn-cta,.sidebar-card .single_add_to_cart_button { background-color:#e83d2e!important; color: #fff;}
/* Hover / active */
.btn-cta:hover,.sidebar-card .single_add_to_cart_button:hover {color: #fff;background: #12b4b6 !important;}
.btn-cta:active,.sidebar-card .single_add_to_cart_button:active {}
/* Form de Woo en el sidebar */
.sidebar-card form.cart { display: grid; gap: .5rem;}
/* Cantidad y selects más prolijos al lado del botón */
.sidebar-card form.cart .quantity .qty { max-width: 110px; border-radius: 10px;}

/***************************************************** CookiesYes */
.cky-notice-des *, .cky-preference-content-wrapper *, .cky-dma-content-wrapper *, .cky-accordion-header-des *, .cky-gpc-wrapper .cky-gpc-desc * {font-size: 0.75rem !important; line-height: 16px !important}
.cky-notice .cky-title { font-weight: 400 !important; }
.cky-btn {font-size: 0.75rem !important;}
.cky-revisit-bottom-left { display: none !important;}
.cky-btn-reject { color: #db9231!important; background: #fff!important;   background-color: rgba(255, 255, 255, 0); border: 1px solid #db9231 !important; }
.cky-consent-container [data-cky-tag="powered-by"], [data-cky-tag="detail-powered-by"] { display: none !important;}
.cky-btn {border-radius: 20px !important;font-weight: 600!important;border: 1px solid #db9231 !important; }
.cky-btn-accept {  background: #db9231!important; background-color: rgba(219,146,49,1.00)!important;  color: #fff;}
.cky-btn-customize {color: #7d4627 !important;}
.cky-btn-preferences{background-color: #7d4627!important;}

/***************************************************** Footer */
.whatsapp-float { position: fixed; width: 60px; height: 60px; bottom: 20px; right: 20px; background-color: #128c7e; color: #fff; border-radius: 50%; text-align: center; font-size: 32px; box-shadow: 2px 2px 8px rgba(0,0,0,0.3); z-index: 9999; display: flex; align-items: center; justify-content: center; transition: transform .2s ease;}
.whatsapp-float:hover { transform: scale(1.1); color: #fff;}
.grecaptcha-badge { display: none !important;}
.footer_icon{font-family: "Font Awesome 5 Pro"; font-weight: 400;color:rgba(255,255,255,1.00); font-size: 1.1rem;margin-bottom: .5rem; } 
.footer_icon-fab{font-family: "Font Awesome 5 Brands"; font-weight: 400;color:rgba(255,255,255,1.00); font-size: 1.1rem;margin-bottom: .5rem; } 

.footer_icon-map::before{content: "\f3c5";} .footer_icon-phone::before{content: "\f095";} .footer_icon-mail::before{content: "\f0e0";} 
.footer_icon-valoraciones::before{content: "\f086";} .footer_icon-ig::before{content: "\f16d";} .footer_icon-fb::before{content: "\f09a";} .footer_icon-user::before{content: "\f007"}

.footer_text{font-size: .9rem; color: rgba(255,255,255,.9);margin-left: .5rem;font-family: "DM Sans", sans-serif;transition: all 0.4s ease;}
.footer_text:hover{ color: var(--text-durazno) !important}
/*tooltip copiado */
.copy-icon{ position: relative; display: inline-flex; align-items: center;}
.copy-tooltip{ position: absolute; top: 50%; left: 100%; transform: translateY(-50%); margin-left: 8px; background:#f09320; color: #fff; font-size: 12px; padding: 3px 6px; border-radius: 4px; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity .2s ease; z-index: 1000;}
.copy-tooltip.show{ opacity: 1; }
.btn-outline-blanco {color: rgba(255,255,255,.7);border: 1px solid rgba(255,255,255,.7);background: transparent;font-size: .75rem;min-width: 160px;}
.btn-outline-blanco:hover {color: rgba(255,255,255,1);border: 1px solid rgba(255,255,255,1);} .font_size-icon{font-size: 1.1rem !important;} 
.btn-footer_icons{color: rgba(255,255,255,.7);font-size: 1.5rem }.btn-footer_icons:hover{color: rgba(255,255,255,1) }
.logo-mh{ max-height: 100px;}
/***************************************************** Under construction */
.subrayado-fuerte { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 4px;text-decoration-color: #db9231;}


/***************************************************** WOO*/
/* Caja del método "Transferencia bancaria directa" en checkout */
.woocommerce-checkout .wc_payment_methods .payment_method_bacs .payment_box {padding: 1.5rem !important;  border: 1px solid #e9ecef; border-radius: .5rem;  background: #f8f9fa;margin-top: .75rem;}
.woocommerce-checkout .wc_payment_methods .payment_method_bacs > label { font-weight: 600;}

/* Padding interno del texto de los métodos de pago (bloques) */
.wc-block-components-radio-control-accordion-option .wc-block-components-radio-control-accordion-content {padding: 1.5rem !important;background: #f8f9fa; border-radius: 8px; border: 1px solid #e5e7eb; margin-top: .75rem;}

/* Resalta el método seleccionado con borde más suave */
.wc-block-components-radio-control-accordion-option.wc-block-components-radio-control-accordion-option--checked-option-highlighted { border-color: #e5e7eb !important; box-shadow: none !important;}

/* Ajusta el label del método */
.wc-block-components-radio-control__option {font-weight: 600;}
/* === Mensajes WooCommerce (éxito, info, error) === */
.woocommerce-message, .woocommerce-info, .woocommerce-error {border: none !important;border-radius: 8px;box-shadow: none !important;padding: 1rem 1.25rem !important;text-align: center;font-weight: 400;}
/* Elimina el ícono del check */
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before {display: none !important;}
/* Margen inferior uniforme */
.woocommerce-message,.woocommerce-info,.woocommerce-error {margin-bottom: 1.25rem !important;}
.woocommerce-message, .woocommerce-info, .woocommerce-error {font-weight: 600 !important;}
/* Quitar borde azul de foco en inputs y avisos WooCommerce */
input:focus,textarea:focus,select:focus,
.woocommerce .woocommerce-message:focus,
.woocommerce .woocommerce-error:focus,
.woocommerce .woocommerce-info:focus { outline: none !important; box-shadow: none !important; border-color: inherit !important;}
.wc-block-components-radio-control--highlight-checked::after { border: 1px solid hsla(0,0%,7%,.11) !important;}
.woocommerce-OrderUpdates { background-color: var(--bs-highlight-bg);}

/*Mi cuenta - Orders*/
.estado_succes {position: relative;padding: .2rem .5rem;background-color: #d1e7dd;color: #0a3622;font-weight: 600;width: fit-content;border: 1px solid #badbcc;}
.estado_incompleto {position: relative;padding: .2rem .5rem;background-color:#f8d7da;color: #842029;font-weight: 600;width: fit-content;border: 1px solid #f5c2c7;}

/***************************************************** MEDIA Q*/
@media (min-width: 2000px) {
    .content-inner .title {font-size: clamp(1.6rem, 3.4vw, 3rem);}
    .content-inner .subtitle{font-size: clamp(0.8rem, 3.4vw, 1.5rem);}
    .slide-content { padding: 100px clamp(32px, 6vw, 80px);}
} 

@media (min-width: 1750px) { 	

}
@media (min-width: 1400px) { 	

}
@media (max-width: 1399.98px) { 	
    
}
@media (min-width: 1200px) { 
    
}
@media (max-width: 1199.98px) { 

}

@media (min-width:992px){ 
    .profe-avatar{ width: 172px; height: 172px; }
    .badge-ux{ width:46px; height:46px; }
    
}

@media (max-width: 991.98px) { 
    .content-inner { margin-bottom: 2rem; } 
    .prev, .next { display: none !important; }
    #promoBar .container { padding-right: 3rem; } /* deja espacio para la X */
    .bg-review-home{ background-attachment: scroll; }
}

@media (min-width: 768px){
#menu-menu-secondary > .active > a {color:var(--text-durazno);transition: color 0.3s ease; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  
}
@media (max-width: 767.98px) {

     
}

/* 2 columnas (576–767.98px) */
@media (min-width: 576px) and (max-width: 767.98px) {
}
@media (max-width: 575.98px) {
    /* La fila principal de meta */
  .eec-review-meta {
    flex-direction: column;
    align-items: flex-start !important;
    gap: .25rem;
  }

  /* El bloque de estrellas se apila abajo */
  .eec-review-meta .eec-review-stars {
    margin-left: 0 !important;
    margin-top: .25rem;
    align-self: flex-start;
  }

  /* Asegura que el contenido no desborde horizontalmente */
  #reviews .comment_container,
  .eec-review-item,
  .eec-review-meta {
    max-width: 100%;
    overflow-x: hidden;
  }
}


@media (max-width: 449.98px){
    
}

@media (max-width: 360.98px){
    
}