h1, h2, .navbar-brand { font-family: 'Playfair Display', serif; letter-spacing: -0.02em; }
	body { font-family: 'Inter', sans-serif; font-weight: 300; }

	:root{
	  --ep-gold: #c5a059;
	  --ep-yellow: #e2c275;
	  --ep-black: #050505;
	  --ep-black-2: #0f0f12;
	  --ep-silver:#c9c9cf;
	  --ep-white:#f7f7fb;
	  --ep-muted:#b9b9c6;

	  --light-bg:#f6f7f9;
	  --light-text:#121218;
	  --light-muted:#6b6b78;
	  --light-card:#ffffff;
	  --light-border:rgba(0,0,0,.08);

	  --dark-border:rgba(255,255,255,.10);
	}

	/* =======================
	   BASE (CLARO por defecto)
	======================= */
	body{
	  background:var(--light-bg);
	  color:var(--light-text);
	}
	a{ color:#b8962e; }
	.text-muted-ep{ color:var(--light-muted)!important; }

	.btn-outline-silver{
	  border:1px solid rgba(18,18,24,.25);
	  color:var(--light-text);
	}
	.btn-outline-silver:hover{
	  background:rgba(18,18,24,.06);
	  color:var(--light-text);
	  border-color:rgba(18,18,24,.35);
	}

	/* =======================
	   SECCIONES OSCURAS
	======================= */
	.bg-ep{
	  background:linear-gradient(180deg,var(--ep-black) 0%, var(--ep-black-2) 100%);
	  color:var(--ep-white);
	}
	.bg-ep a{ color:var(--ep-yellow); }
	.bg-ep .text-muted-ep{ color:var(--ep-muted)!important; }

	/* Card base (fondo CLARO) — se sobreescribe en .bg-ep y .section-feature (0,2,0 > 0,1,0) */
	.card-ep{
	  background: var(--light-card);
	  border: 1px solid var(--light-border);
	  border-radius: 22px;
	  box-shadow: 0 18px 44px rgba(0,0,0,.06);
	}
	/* La galería maneja su propio radio/recorte; sin borde para no marcar la imagen */
	.gallery-item{ border:0; box-shadow:0 14px 30px rgba(0,0,0,.10); }

	/* Cards premium en oscuro */
	.bg-ep .card-ep{
	  background: rgba(255,255,255,.028);
	  backdrop-filter: blur(14px);
	  border: 1px solid rgba(197,160,89,.22);
	  box-shadow: 0 22px 55px rgba(0,0,0,.55);
	}

	.bg-ep .btn-outline-silver{
	  border:1px solid rgba(201,201,207,.55);
	  color:var(--ep-white);
	}
	.bg-ep .btn-outline-silver:hover{
	  background:rgba(201,201,207,.12);
	  color:var(--ep-white);
	  border-color:rgba(201,201,207,.75);
	}

	/* =======================
	   NAVBAR (claro)
	======================= */
	.nav-blur{
	  backdrop-filter: blur(10px);
	  background:rgba(246,247,249,.78);
	  border-bottom:1px solid rgba(0,0,0,.08);
	}
	.navbar .nav-link{ color:rgba(18,18,24,.72); }
	.navbar .nav-link:hover{ color:rgba(18,18,24,.95); }

	.brand-ep .brand-a{ color:var(--ep-yellow); }
	.brand-ep .brand-b{ color:rgba(18,18,24,.70); }

	/* =======================
	   COMPONENTES COMUNES
	======================= */
	.badge-ep{
	  border:1px solid rgba(212,175,55,.45);
	  color:var(--ep-yellow);
	  background:rgba(212,175,55,.08);
	}

	.section{ padding:56px 0; }
	.section-title{ letter-spacing:.2px; }

	.divider{
	  height:1px;
	  background:linear-gradient(90deg, transparent, rgba(255,210,74,.35), transparent);
	}

	.list-check li{ margin-bottom:.5rem; }
	.list-check li::marker{ color:var(--ep-gold); }

	/* Pills sólo en oscuro */
	.bg-ep .pill{
	  border:1px solid rgba(255,255,255,.10);
	  border-radius:999px;
	  padding:.45rem .75rem;
	  backdrop-filter: blur(6px);
	  background:rgba(255,255,255,.06);
	  color:var(--ep-muted);
	}

	.pricing-highlight{
	  border:1px solid rgba(255,210,74,.35);
	  box-shadow: 0 24px 60px rgba(212,175,55,.10);
	}

	/* =======================
	   BOTÓN GOLD (UNA SOLA FUENTE DE VERDAD)
	======================= */
	.btn-gold{
	  position: relative;
	  overflow: hidden;
	  transition: transform .25s ease, box-shadow .25s ease;
	  text-transform: uppercase;
	  letter-spacing: 1px;

	  background: linear-gradient(180deg, var(--ep-yellow) 0%, var(--ep-gold) 100%) !important;
	  color:#111 !important;
	  border: 1px solid rgba(255,210,74,.60) !important;
	  font-weight: 800;
	  border-radius: 16px;

	  box-shadow:
		0 18px 45px rgba(0,0,0,.35),
		0 0 0 1px rgba(255,210,74,.28) inset;
	}
	.btn-gold.btn-lg{
	  padding: 14px 22px;
	  border-radius: 16px;
	}
	.btn-gold:hover{
	  transform: translateY(-1px);
	  box-shadow:
		0 22px 55px rgba(0,0,0,.45),
		0 0 0 1px rgba(255,210,74,.25) inset;
	}
	.btn-gold:focus{
	  box-shadow:
		0 22px 55px rgba(0,0,0,.45),
		0 0 0 .22rem rgba(255,210,74,.25);
	}

	/* Shine */
	.btn-gold:after{
	  content: '';
	  position: absolute;
	  top: 0; left: -100%;
	  width: 50%; height: 100%;
	  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
	  transition: 0.5s;
	}
	.btn-gold:hover:after{ left: 150%; }

	/* =======================
	   HERO (UNA SOLA DEFINICIÓN)
	======================= */
	.hero{
	  position: relative;
	  overflow:hidden;
	  min-height: 92vh;
	  padding:96px 0 56px;

	  /* ✅ deja SOLO un background */
	  background-image: url("../imgs/background.webp");
	  background-size: cover;
	  background-position: center top;
	  background-repeat: no-repeat;
	}

	/* Video de fondo del hero */
	.hero-video{
	  position:absolute;
	  inset:0;
	  width:100%;
	  height:100%;
	  object-fit:cover;
	  z-index:0;
	  pointer-events:none;
	}

	/* Overlay editorial oscuro + dorado */
	.hero::after{
	  content:"";
	  position:absolute;
	  inset:0;
	  background:
		radial-gradient(
		  120% 80% at 70% 20%,
		  rgba(197,160,89,.25) 0%,
		  rgba(0,0,0,.55) 40%,
		  rgba(0,0,0,.85) 75%
		),
		linear-gradient(
		  180deg,
		  rgba(0,0,0,.35) 0%,
		  rgba(0,0,0,.85) 100%
		);
	  z-index:1;
	}
	
	.hero .hero-subtitle{
	  display:block;
	  margin-top:.35rem;
	  font-size: clamp(1.05rem, 2.1vw, 1.35rem);
	  line-height: 1.25;
	  font-weight: 600;
	}


	/* Brillos suaves (antes lo tenías en :before) */
	.hero::before{
	  content:"";
	  position:absolute;
	  inset:-200px -200px auto -200px;
	  height:420px;
	  background:
		radial-gradient(circle at 30% 30%, rgba(212,175,55,.18), transparent 60%),
		radial-gradient(circle at 70% 40%, rgba(255,210,74,.12), transparent 60%);
	  pointer-events:none;
	  z-index:1;
	}

	/* El contenido encima */
	.hero > .container{
	  position: relative;
	  z-index: 2;
	}

	/* Barra de info glassy (abajo del hero) */
	.hero-infobar{
	  position:relative;
	  z-index:2;
	  margin-top:2.4rem;
	  display:flex;
	  flex-wrap:wrap;
	  gap:1px;
	  border:1px solid rgba(255,210,74,.22);
	  border-radius:18px;
	  overflow:hidden;
	  background:rgba(255,210,74,.12);
	  backdrop-filter:blur(12px);
	  box-shadow:0 22px 55px rgba(0,0,0,.45);
	}
	.hero-infobar .hero-info{
	  flex:1 1 220px;
	  display:flex;
	  align-items:center;
	  gap:.85rem;
	  padding:1rem 1.3rem;
	  background:rgba(10,10,14,.55);
	}
	.hero-infobar .hero-info i{
	  font-size:1.35rem;
	  color:var(--ep-yellow);
	  flex-shrink:0;
	}
	.hero-infobar .k{
	  font-size:.7rem;
	  text-transform:uppercase;
	  letter-spacing:.13em;
	  color:var(--ep-muted);
	  margin-bottom:.15rem;
	}
	.hero-infobar .v{
	  font-weight:700;
	  color:#fff;
	  line-height:1.2;
	}
	.hero-infobar .v strong{ color:var(--ep-yellow); }

	/* Indicador de scroll animado */
	.scroll-cue{
	  position:absolute;
	  left:50%;
	  bottom:20px;
	  transform:translateX(-50%);
	  z-index:3;
	  width:44px;
	  height:44px;
	  align-items:center;
	  justify-content:center;
	  border-radius:50%;
	  border:1px solid rgba(255,210,74,.40);
	  background:rgba(10,10,14,.45);
	  backdrop-filter:blur(6px);
	  color:var(--ep-yellow);
	  font-size:1.2rem;
	  text-decoration:none;
	  animation:scrollBounce 1.8s ease-in-out infinite;
	  transition:background .2s ease, border-color .2s ease;
	}
	.scroll-cue:hover{
	  background:rgba(197,160,89,.30);
	  border-color:rgba(255,210,74,.70);
	  color:#fff;
	}
	@keyframes scrollBounce{
	  0%, 100%{ transform:translate(-50%, 0); }
	  50%{ transform:translate(-50%, 7px); }
	}
	@media (prefers-reduced-motion: reduce){
	  .scroll-cue{ animation:none; }
	}

	/* Degradado inferior del hero (funde con la sección clara) */
	.hero-bottom-fade{
	  position:absolute;
	  left:0;
	  right:0;
	  bottom:0;
	  height:140px;
	  z-index:1;
	  pointer-events:none;
	  background:linear-gradient(180deg, rgba(246,247,249,0) 0%, var(--light-bg) 100%);
	}

	@media (max-width: 768px){
	  .hero{
		min-height: 100vh;
		background-position: center center;
	  }
	}

	/* ⚠️ Parallax: solo desktop (evita bugs móviles) */
	@media (min-width: 992px){
	  .hero{ background-attachment: fixed; }
	}

	/* Media card overlay */
	.hero-media{
	  position:relative;
	  aspect-ratio: 4/3;
	  border-radius:22px;
	  overflow:hidden;
	}
	.bg-ep .hero-media{
	  background:linear-gradient(135deg, rgba(255,210,74,.10), rgba(201,201,207,.05));
	  border:1px solid rgba(255,255,255,.10);
	}
	.hero-media img{
	  width:100%;
	  height:100%;
	  object-fit:cover;
	  opacity:.92;
	}
	.bg-ep .hero-media::after{
	  content:"";
	  position:absolute;
	  inset:0;
	  pointer-events:none;
	  background:
		radial-gradient(120% 80% at 18% 40%,
		  rgba(0,0,0,.58) 0%,
		  rgba(0,0,0,.28) 38%,
		  rgba(0,0,0,0) 68%),
		linear-gradient(90deg,
		  rgba(0,0,0,.55) 0%,
		  rgba(0,0,0,.22) 45%,
		  rgba(0,0,0,0) 70%);
	}

	/* =======================
	   FAQ / Accordion
	======================= */
	.accordion-item{ border:0; }
	.accordion-button{
	  background:transparent;
	  color:inherit;
	  box-shadow:none;
	}
	.accordion-button:not(.collapsed){
	  background:rgba(184,150,46,.08);
	}
	.accordion-button:focus{
	  box-shadow:0 0 0 .2rem rgba(184,150,46,.20);
	}

	/* =======================
	   GALERÍA
	======================= */
	.gallery-item{ position:relative; overflow:hidden; border-radius:18px; cursor:pointer; }
	.gallery-item img{ transition: transform .35s ease; }
	.gallery-item:hover img{ transform: scale(1.05); }
	.gallery-overlay{
	  position:absolute; inset:0;
	  background: linear-gradient(180deg, transparent 50%, rgba(0,0,0,.65));
	  opacity:0; transition: opacity .25s ease;
	}
	.gallery-item:hover .gallery-overlay{ opacity:1; }
	.gallery-caption{
	  position:absolute; left:14px; right:14px; bottom:12px;
	  font-size:.95rem; color:var(--ep-white);
	}
	.gallery-overlay, .gallery-caption { pointer-events: none; }

	/* =======================
	   VIDEOS
	======================= */
	.video-card{
	  position:relative;
	  overflow:hidden;
	  border-radius:18px;
	  aspect-ratio:16/9;
	  cursor:pointer;
	  background:#000;
	}
	.video-card img{
	  width:100%;
	  height:100%;
	  object-fit:cover;
	  transition: transform .35s ease, opacity .35s ease;
	}
	.video-card:hover img{ transform: scale(1.05); opacity:.85; }
	.video-card video{
	  position:absolute;
	  inset:0;
	  width:100%;
	  height:100%;
	  object-fit:cover;
	  background:#000;
	}
	.video-card .play-btn{
	  position:absolute;
	  inset:0;
	  display:grid;
	  place-items:center;
	  pointer-events:none;
	}
	.video-card .play-btn span{
	  width:68px;
	  height:68px;
	  border-radius:50%;
	  display:grid;
	  place-items:center;
	  background:rgba(197,160,89,.92);
	  box-shadow:0 10px 30px rgba(0,0,0,.45);
	  transition: transform .2s ease, background .2s ease;
	}
	.video-card:hover .play-btn span{ transform: scale(1.08); background:var(--ep-yellow); }
	.video-card .play-btn span::after{
	  content:"";
	  margin-left:5px;
	  border-style:solid;
	  border-width:12px 0 12px 20px;
	  border-color:transparent transparent transparent #111;
	}
	.video-caption{
	  position:absolute; left:14px; right:14px; bottom:12px;
	  font-size:.95rem; color:var(--ep-white);
	  text-shadow:0 2px 8px rgba(0,0,0,.6);
	  pointer-events:none;
	}
	.video-card.is-playing .play-btn,
	.video-card.is-playing .video-caption{ display:none; }

	/* =======================
	   FOOTER (claro)
	======================= */
	.footer{
	  padding:38px 0;
	  border-top:1px solid rgba(0,0,0,.08);
	  background:rgba(255,255,255,.35);
	}

	/* =======================
	   Sticky CTA (oscuro, arriba de todo)
	======================= */
	.sticky-cta{
	  position: fixed;
	  left: 0; right: 0; bottom: 0;
	  z-index: 2000;
	  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
	  background: rgba(11,11,15,.92);
	  border-top: 1px solid rgba(255,255,255,.14);
	  backdrop-filter: blur(12px);

	  transform: translateY(120%);
	  opacity: 0;
	  transition: transform .28s ease, opacity .28s ease;
	}
	.sticky-cta.is-visible{
	  transform: translateY(0);
	  opacity: 1;
	}
	body.has-sticky-cta{ padding-bottom: 110px; }

	.sticky-cta .btn{
	  border-radius: 14px;
	  padding: 12px 14px;
	  font-weight: 700;
	}
	.sticky-cta .btn-outline-silver{
	  border-color: rgba(255,255,255,.35) !important;
	  color: rgba(255,255,255,.92) !important;
	  background: rgba(255,255,255,.06);
	}
	
	.hero ul{
	  padding-left: 1.1rem;
	  margin-bottom: 1.25rem;
	}
	.hero ul li{
	  margin-bottom: .5rem;
	}
	.hero ul li::marker{
	  color: var(--ep-yellow);
	}
	
	.hero .col-lg-6:first-child{
	  max-width: 620px;
	}
	
	/* =========================
   INSTRUCTORES (modo claro)
   Sección: .section-feature
========================= */

/* Card base en claro */
.section-feature .card-ep{
  position:relative;
  overflow:hidden;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 22px;
  box-shadow: 0 18px 44px rgba(0,0,0,.10);
}

/* Glow suave dorado */
.section-feature .card-ep::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  opacity:.28;
  background:
    radial-gradient(520px 220px at 10% 8%, rgba(197,160,89,.20), transparent 60%),
    radial-gradient(420px 220px at 90% 18%, rgba(226,194,117,.14), transparent 58%);
}

/* Velo muy ligero para profundidad */
.section-feature .card-ep::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.16;
  background: linear-gradient(180deg, rgba(0,0,0,.02), transparent 55%);
}

.section-feature .card-ep > *{ position:relative; z-index:1; }

/* Hover lift */
.section-feature .card-ep.hover-lift{
  transition: transform .18s ease, box-shadow .18s ease;
}
.section-feature .card-ep.hover-lift:hover{
  transform: translateY(-2px);
  box-shadow: 0 22px 46px rgba(0,0,0,.16);
}

/* Separador interno */
.section-feature .inner-divider{
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(197,160,89,.40), transparent);
  margin: 1rem 0 1.1rem;
}

/* =========================
   Tabs / Pills (estilo pro)
========================= */
.section-feature .nav-pills{
  gap:.5rem;
}
.section-feature .nav-pills .btn{
  border-radius: 999px;
  padding: .42rem .75rem;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);
  color: rgba(18,18,24,.72);
  font-weight: 600;
}
.section-feature .nav-pills .btn:hover{
  background: rgba(0,0,0,.045);
  border-color: rgba(0,0,0,.14);
  color: rgba(18,18,24,.88);
}
.section-feature .nav-pills .btn.active,
.section-feature .nav-pills .btn[aria-selected="true"]{
  background: rgba(226,194,117,.22) !important;
  border-color: rgba(197,160,89,.35) !important;
  color: rgba(18,18,24,.92) !important;
}

/* =========================
   Avatar con iniciales
========================= */
.section-feature .avatar-initial{
  width:86px;
  height:86px;
  border-radius: 20px;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,0,0,.10);
  background:
    radial-gradient(120% 120% at 30% 25%, rgba(226,194,117,.45), rgba(0,0,0,.02) 55%),
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.68));
  box-shadow: 0 14px 26px rgba(0,0,0,.14);
  position: relative;
  overflow:hidden;
}
.section-feature .avatar-initial::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(60% 60% at 20% 15%, rgba(255,255,255,.65), transparent 60%);
  opacity:.55;
  pointer-events:none;
}
.section-feature .avatar-initial span{
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  font-size: 1.55rem;
  letter-spacing: .02em;
  color: rgba(18,18,24,.92);
}

/* Nombre / rol */
.section-feature .inst-name{
  font-weight: 800;
  letter-spacing: -0.01em;
  color: rgba(18,18,24,.95);
}
.section-feature .inst-role{
  color: rgba(18,18,24,.62);
  font-weight: 500;
}

/* =========================
   Chips (visibles en claro)
========================= */
.section-feature .chips{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:.65rem;
}
.section-feature .chip{
  border:1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.04);
  color: rgba(18,18,24,.74);
  padding:.38rem .6rem;
  border-radius:999px;
  font-size:.85rem;
  line-height: 1.1;
}
.section-feature .chip strong{
  color: rgba(18,18,24,.92);
  font-weight:700;
}

/* =========================
   Lista de detalles (iconos)
========================= */
.section-feature .detail-list{
  display:flex;
  flex-direction:column;
  gap:.9rem;
  margin:0;
  padding:0;
  list-style:none;
}
.section-feature .detail-item{
  display:grid;
  grid-template-columns: 28px 1fr;
  gap:.8rem;
  align-items:start;
}
.section-feature .detail-ico{
  width:28px;
  height:28px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background: rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.10);
}
.section-feature .detail-item .k{
  font-size:.85rem;
  color: rgba(18,18,24,.55);
}
.section-feature .detail-item .v{
  font-weight:700;
  color: rgba(18,18,24,.92);
}

/* =========================
   Ajustes responsive
========================= */
@media (max-width: 576px){
  .section-feature .avatar-initial{
    width:72px;
    height:72px;
    border-radius: 18px;
  }
  .section-feature .avatar-initial span{
    font-size: 1.35rem;
  }
  .section-feature .nav-pills .btn{
    padding: .38rem .65rem;
    font-size: .92rem;
  }
}

/* =========================
   EYEBROW (etiqueta sobre títulos)
========================= */
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  font-family:'Inter',sans-serif;
  font-weight:600;
  font-size:.78rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ep-gold);
  margin-bottom:.6rem;
}
.eyebrow::before{
  content:"";
  width:26px;
  height:1px;
  background:linear-gradient(90deg, var(--ep-gold), transparent);
}
.bg-ep .eyebrow{ color:var(--ep-yellow); }

/* =========================
   BANDA DE ESTADÍSTICAS
========================= */
.stats-band{
  border:1px solid var(--light-border);
  border-radius:22px;
  background:linear-gradient(180deg,#fff, #fbfaf6);
  box-shadow:0 18px 44px rgba(0,0,0,.06);
  padding:8px 0;
}
.stats-band .stat-item{
  text-align:center;
  padding:18px 12px;
}
.stats-band .stat-num{
  font-family:'Playfair Display',serif;
  font-weight:700;
  font-size:clamp(1.8rem,4vw,2.6rem);
  line-height:1;
  background:linear-gradient(180deg,var(--ep-yellow),var(--ep-gold));
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}
.stats-band .stat-label{
  color:var(--light-muted);
  font-size:.88rem;
  margin-top:.35rem;
}
.stats-band .stat-divider{
  border-left:1px solid var(--light-border);
}
@media (max-width: 767px){
  .stats-band .stat-divider{ border-left:0; border-top:1px solid var(--light-border); }
}

/* =========================
   TRANSICIONES SUAVES ENTRE SECCIONES
========================= */
.bg-ep{ position:relative; }
.bg-ep::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:80px;
  background:linear-gradient(180deg, rgba(5,5,5,.0), rgba(5,5,5,0));
  pointer-events:none;
}
/* Fundido superior e inferior para integrar con las secciones claras */
.section.bg-ep{
  background:
    linear-gradient(180deg, var(--light-bg) 0%, rgba(246,247,249,0) 6%, rgba(246,247,249,0) 94%, var(--light-bg) 100%),
    linear-gradient(180deg, var(--ep-black) 0%, var(--ep-black-2) 100%);
}

/* =========================
   PRICING: listón + precio tachado
========================= */
.price-card{ position:relative; }
.price-ribbon{
  position:absolute;
  top:14px; right:-40px;
  transform:rotate(45deg);
  background:linear-gradient(180deg,var(--ep-yellow),var(--ep-gold));
  color:#111;
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:6px 50px;
  box-shadow:0 8px 20px rgba(0,0,0,.35);
  z-index:2;
}
.price-old{
  color:var(--ep-muted);
  text-decoration:line-through;
  text-decoration-color:rgba(255,210,74,.6);
  font-size:1.1rem;
  margin-right:.4rem;
}
.bg-ep .pricing-highlight{
  transform:scale(1.03);
  border:1px solid rgba(255,210,74,.55);
  box-shadow:0 30px 70px rgba(212,175,55,.18);
}
@media (max-width: 991px){
  .bg-ep .pricing-highlight{ transform:none; }
}
.price-save{
  display:inline-block;
  margin-top:.25rem;
  font-size:.8rem;
  font-weight:700;
  color:#111;
  background:rgba(226,194,117,.9);
  border-radius:999px;
  padding:.18rem .6rem;
}

/* =========================
   HERO: pills de confianza
========================= */
.hero-trust{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-bottom:1.1rem;
}
.hero-trust .trust-pill{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  border:1px solid rgba(255,210,74,.30);
  background:rgba(255,255,255,.04);
  color:var(--ep-white);
  border-radius:999px;
  padding:.4rem .8rem;
  font-size:.82rem;
  backdrop-filter:blur(6px);
}
.hero-trust .trust-pill i{ color:var(--ep-yellow); }

/* Íconos en detail/cards */
.detail-ico i, .icon-gold{ color:var(--ep-gold); }
.bg-ep .icon-gold{ color:var(--ep-yellow); }

/* =========================
   CUENTA REGRESIVA
========================= */
.countdown-wrap{ margin:1.1rem 0 .4rem; }
.countdown-title{
  display:inline-block;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.16em;
  color:var(--ep-yellow);
  margin-bottom:.55rem;
}
.countdown{
  display:flex;
  gap:.55rem;
  flex-wrap:wrap;
}
.countdown .cd-box{
  min-width:66px;
  text-align:center;
  border:1px solid rgba(255,210,74,.30);
  background:rgba(255,255,255,.05);
  border-radius:14px;
  padding:.55rem .4rem;
  backdrop-filter:blur(6px);
}
.countdown .cd-num{
  font-family:'Playfair Display',serif;
  font-weight:700;
  font-size:1.7rem;
  line-height:1;
  color:var(--ep-yellow);
  font-variant-numeric:tabular-nums;
}
.countdown .cd-label{
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--ep-muted);
  margin-top:.3rem;
}

/* =========================
   BOTÓN FLOTANTE WHATSAPP
========================= */
.wa-float{
  position:fixed;
  right:22px;
  bottom:24px;
  z-index:2500;
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#25D366;
  color:#fff;
  font-size:1.8rem;
  box-shadow:0 10px 28px rgba(37,211,102,.45), 0 4px 12px rgba(0,0,0,.3);
  transition:transform .2s ease, box-shadow .2s ease;
  text-decoration:none;
}
.wa-float:hover{
  transform:scale(1.08);
  color:#fff;
  box-shadow:0 14px 34px rgba(37,211,102,.55), 0 4px 12px rgba(0,0,0,.35);
}
.wa-float i{ position:relative; z-index:2; }
.wa-float .wa-float-pulse{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:#25D366;
  z-index:1;
  animation:waPulse 2s ease-out infinite;
}
@keyframes waPulse{
  0%{ transform:scale(1); opacity:.55; }
  70%{ transform:scale(1.6); opacity:0; }
  100%{ opacity:0; }
}
@media (prefers-reduced-motion: reduce){
  .wa-float .wa-float-pulse{ animation:none; }
}
/* En móvil lo subimos para no chocar con el sticky CTA */
@media (max-width: 991px){
  .wa-float{ bottom:130px; right:16px; width:54px; height:54px; font-size:1.6rem; }
}

/* =========================
   BANDA DE CONFIANZA
========================= */
.trust-band-ico{
  font-size:2.1rem;
  line-height:1;
  color:var(--ep-gold);
  flex-shrink:0;
}
.trust-badges{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem 1.6rem;
  margin-top:1.4rem;
  padding-top:1.2rem;
  border-top:1px solid var(--light-border);
}
.trust-badges span{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  color:var(--light-muted);
  font-size:.9rem;
}
.trust-badges i{ color:var(--ep-gold); font-size:1.05rem; }