/* Emprendedores Nuevo León — paleta web: verde regio + dorado */
:root{
  --ev-marino:#1E4634;--ev-rojo:#D9A22B;--ev-rojo-hover:#C48F1F;--ev-sobre-dorado:#1E2A22;
  --ev-azul:#2E6A4C;--ev-azul-hover:#B07A12;
  --ev-celeste:#8CC79B;--ev-cielo:#DFE6DC;--ev-pizarra:#3F6652;
  --ev-neblina:#A9C3B0;--ev-cuadricula:#D5DED3;
  --ev-crema:#F6F3EA;--ev-blanco:#FFFFFF;
  --ev-fuente-titulos:'Fredoka',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ev-fuente:'Nunito',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font:400 16px/1.6 var(--ev-fuente);background:var(--ev-crema);color:var(--ev-marino)}
img{max-width:100%;display:block}
a{color:var(--ev-azul)}
a:hover{color:var(--ev-azul-hover)}
:focus-visible{outline:3px solid var(--ev-celeste);outline-offset:2px}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}

/* Encabezado */
.top{border-bottom:1px solid var(--ev-cuadricula);background:var(--ev-blanco);position:sticky;top:0;z-index:5}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.marca{font-size:1.2rem;font-weight:600;text-decoration:none;color:var(--ev-marino);display:flex;align-items:center}
.marca b{color:var(--ev-rojo);font-weight:600;margin-left:.3em}
.logo{height:58px;width:auto}
nav a{margin-left:16px;text-decoration:none;color:var(--ev-marino);font-size:.97rem;font-weight:500}
nav a:hover{color:var(--ev-azul)}

/* Portada */
.hero{background:var(--ev-marino);color:var(--ev-crema);padding:60px 0;text-align:center}
.hero h1{font-size:clamp(1.8rem,4vw,2.8rem);margin:0 0 8px;line-height:1.15;font-weight:600;color:var(--ev-blanco)}
.hero p{color:var(--ev-cuadricula);margin:0 0 20px}
.buscador{display:flex;gap:8px;max-width:560px;margin:0 auto 18px}
.buscador input{flex:1;min-width:0;padding:12px 16px;border:2px solid transparent;border-radius:12px;font:inherit;background:var(--ev-blanco);color:var(--ev-marino)}
.buscador input:focus{border-color:var(--ev-celeste);outline:none}
.populares{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;max-width:760px;margin:0 auto 22px}
.populares span{font-size:.9rem;color:var(--ev-pizarra)}
.populares a{display:inline-block;background:var(--ev-cielo);color:var(--ev-marino);font-size:.9rem;font-weight:500;padding:5px 14px;border-radius:99px;text-decoration:none}
.populares a:hover{background:var(--ev-celeste);color:#fff}
/* Hero: buscador central estilo píldora con lupa y chips */
.buscador-hero{position:relative;align-items:center;gap:0;max-width:700px;margin:0 auto 16px;padding:6px;background:var(--ev-blanco);border-radius:99px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.buscador-hero .lupa{position:absolute;left:22px;top:50%;transform:translateY(-50%);color:var(--ev-pizarra);pointer-events:none}
.buscador-hero input{padding:14px 12px 14px 48px;border:0;border-radius:99px;font-size:1.05rem;background:transparent}
.buscador-hero input:focus{outline:2px solid var(--ev-celeste);outline-offset:2px}
.buscador-hero .btn{border-radius:99px;padding:12px 28px;flex:none}
.hero .populares{margin-bottom:26px;gap:8px}
.hero .populares span{color:var(--ev-cuadricula)}
.hero .populares a{background:rgba(255,255,255,.14);color:var(--ev-blanco);border:1px solid rgba(255,255,255,.28);transition:background .15s,color .15s}
.hero .populares a:hover{background:var(--ev-blanco);color:var(--ev-marino)}
@media (max-width:480px){
  .buscador-hero .lupa{left:18px}
  .buscador-hero input{padding-left:40px;font-size:1rem}
  .buscador-hero .btn{padding:11px 18px}
  .hero .populares span{flex-basis:100%}
}
.bloque{padding-top:28px;padding-bottom:28px}
/* Categorías de la portada: cuadrícula tipo bento (la primera, con más negocios, es la grande) */
.grid.cats.bento{grid-template-columns:repeat(4,1fr);grid-auto-flow:dense}
.bento .cat:nth-child(1){grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:center;padding:28px 26px}
.bento .cat:nth-child(1) .ico{width:160px;height:140px}
.bento .cat:nth-child(1) .ico svg{width:128px;height:128px}
.bento .cat:nth-child(1) h3{font-size:1.4rem}
.bento .cat:nth-child(1) p{font-size:1rem}
.bento .cat:nth-child(4){grid-column:span 2}
.cat.vacia{opacity:.88}
.cat.vacia .cant{color:var(--ev-neblina);font-style:italic;font-weight:500}
@media (max-width:900px){
  .grid.cats.bento{grid-template-columns:repeat(2,1fr)}
  .bento .cat:nth-child(1){grid-row:auto}
  .bento .cat:nth-child(4){grid-column:auto}
}
@media (max-width:520px){
  .grid.cats.bento{grid-template-columns:1fr}
  .bento .cat:nth-child(1){grid-column:auto}
}
/* Galería de la ficha: una imagen grande y miniaturas debajo */
.bloque .galeria{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.galeria button img,.galeria .ej-ph{height:110px}
.galeria button:first-child,.galeria>.ej-ph:first-child{grid-column:1/-1}
.galeria button:first-child img,.galeria>.ej-ph:first-child{height:clamp(220px,46vw,420px)}
.galeria button img{transition:transform .3s ease}
.galeria button:hover img{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){.galeria button img,.galeria button:hover img{transition:none;transform:none}}
/* Barra de contacto fija en celular (ficha de negocio) */
.barra-contacto{display:none}
@media (max-width:700px){
  .barra-contacto{display:block;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(246,243,236,.96);border-top:1px solid var(--ev-cuadricula);box-shadow:0 -6px 18px rgba(30,70,52,.12)}
  .barra-contacto .btn{display:block;text-align:center;background:#1FA855;border-color:#1FA855}
  .barra-contacto .btn:hover{background:#178a45;border-color:#178a45}
  body:has(.barra-contacto){padding-bottom:72px}
}
h1,h2,h3,.marca,.precio{font-family:var(--ev-fuente-titulos)}
h1{font-size:2rem;line-height:1.2;margin:0 0 8px;font-weight:600}
h2{font-size:1.4rem;margin:0 0 14px;font-weight:600}
h3{font-weight:600}

/* Botones: rojo = acción principal, azul = secundaria */
.btn{display:inline-block;background:var(--ev-rojo);color:var(--ev-sobre-dorado);border:2px solid var(--ev-rojo);padding:10px 20px;border-radius:12px;text-decoration:none;font:inherit;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.btn:hover{background:var(--ev-rojo-hover);border-color:var(--ev-rojo-hover);color:var(--ev-sobre-dorado)}
.btn.sec{background:transparent;color:var(--ev-azul);border-color:var(--ev-azul)}
.btn.sec:hover{background:var(--ev-azul);border-color:var(--ev-azul);color:#fff}
.hero .btn.sec{color:#fff;border-color:#fff}
.hero .btn.sec:hover{background:#fff;color:var(--ev-marino);border-color:#fff}
.btn+.btn{margin-left:8px}
.botones{display:flex;flex-wrap:wrap;gap:10px}
.botones .btn,.botones .btn+.btn{margin:0}

/* Tarjetas */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.grid.cats{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.cat,.card{display:block;background:var(--ev-blanco);border:1px solid var(--ev-cuadricula);border-radius:16px;text-decoration:none;color:inherit;overflow:hidden;transition:transform .15s,box-shadow .15s,border-color .15s}
.cat:hover,.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,70,52,.12);border-color:var(--ev-neblina);color:inherit}
.cat{padding:20px 18px 18px;text-align:center;position:relative;border-radius:20px;border:1px solid rgba(255,255,255,.14);color:#fff;
  background:radial-gradient(120% 70% at 50% 0%,rgba(140,199,155,.38) 0%,rgba(140,199,155,0) 60%),linear-gradient(165deg,#2D6247 0%,#1E4634 48%,#12281E 100%)}
.cat:hover{color:#fff;border-color:rgba(255,255,255,.34);box-shadow:0 12px 28px rgba(16,36,74,.35)}
.cat .ico{display:flex;align-items:center;justify-content:center;width:104px;height:92px;margin:0 auto 6px;position:relative}
.cat .ico::before{content:"";position:absolute;inset:auto 8px 2px;height:16px;border-radius:50%;background:radial-gradient(closest-side,rgba(93,170,234,.35),transparent)}
.cat .ico svg{width:86px;height:86px;position:relative;overflow:visible}
.cat .ico.emoji{font-size:2.2rem}
.cat h3{margin:4px 0 6px;font-size:1.05rem;color:#fff}
.cat p{margin:0 0 10px;color:var(--ev-neblina);font-size:.88rem}
.cat .cant{color:var(--ev-celeste)}
.h-cat{display:flex;align-items:center;gap:14px}
.ico-h{width:64px;height:64px;flex:none;border-radius:18px;background:linear-gradient(165deg,#2D6247,#12281E);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14)}
.ico-h svg{width:46px;height:46px;overflow:visible}
.cant{font-size:.8rem;color:var(--ev-azul);font-weight:600}
.card img{width:100%;height:170px;object-fit:cover;background:var(--ev-cielo)}
.card .ph{height:170px;background:var(--ev-cielo)}
.card-b{padding:14px}
/* Tarjeta de negocio: zoom suave en la imagen, enlace a la ficha y botón de WhatsApp */
.card img{transition:transform .35s ease}
.card:hover img{transform:scale(1.05)}
.card h3{transition:color .15s}
.card:hover h3{color:var(--ev-azul)}
.card.con-wa{display:flex;flex-direction:column;position:relative}
.card-link{display:block;flex:1;color:inherit;text-decoration:none}
.card-wa{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 14px 14px;padding:9px 14px;border-radius:12px;background:#1FA855;color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;transition:background .15s}
.card-wa:hover{background:#178a45;color:#fff}
.card-wa:focus-visible,.card-link:focus-visible{outline:2px solid var(--ev-celeste);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.card img,.card:hover img{transition:none;transform:none}}
.card h3{margin:6px 0;font-size:1.1rem}
.card p{margin:0;color:var(--ev-pizarra);font-size:.92rem}
.tag{display:inline-block;background:var(--ev-cielo);color:var(--ev-marino);font-size:.78rem;font-weight:500;padding:2px 10px;border-radius:99px}
.ok{color:var(--ev-azul);font-size:.8em;font-weight:600}

/* Ficha de negocio */
.mig{font-size:.88rem;color:var(--ev-pizarra);margin:18px 0 6px}
.ficha-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:24px;align-items:center;margin:8px 0}
.ficha-top img{border-radius:18px;width:100%;max-height:340px;object-fit:cover}
.lead{font-size:1.1rem;color:var(--ev-pizarra)}
.servicios,.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.servicios figure{margin:0;background:var(--ev-blanco);border:1px solid var(--ev-cuadricula);border-radius:14px;overflow:hidden}
.servicios img{height:120px;width:100%;object-fit:cover}
.servicios figcaption{padding:10px 12px;font-weight:600}
.galeria img{border-radius:14px;height:170px;width:100%;object-fit:cover}
.datos{list-style:none;padding:0;margin:0}
.aviso{background:var(--ev-cielo);border-radius:12px;padding:10px 14px;color:var(--ev-marino);font-size:.92rem}

/* Planes */
.planes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:20px 0}
.plan{background:var(--ev-blanco);border:1px solid var(--ev-cuadricula);border-radius:18px;padding:22px}
.plan h2{margin-bottom:4px}
.precio{font-size:2rem;font-weight:700;color:var(--ev-marino);margin:0 0 8px}
.precio small{font-size:1rem;color:var(--ev-pizarra);font-weight:400}
.precio .tachado{font-size:1.1rem;color:var(--ev-pizarra);font-weight:400;margin-right:4px}
.plan ul{padding-left:18px}
.plan .btn{margin:6px 8px 0 0}
/* Plan anual destacado + lista con palomitas */
.plan{position:relative;display:flex;flex-direction:column}
.plan ul{list-style:none;padding:0;margin:8px 0 16px}
.plan li{position:relative;padding-left:26px;margin:7px 0}
.plan li::before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border-radius:50%;background:var(--ev-cielo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-4.8' fill='none' stroke='%232E6A4C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.plan .plan-cta{display:block;text-align:center;margin:0}
.plan .ver-ejemplo{margin:10px 0 0;text-align:center}
.plan-destacado{border:2px solid var(--ev-rojo);box-shadow:0 14px 34px rgba(217,162,43,.22);padding-top:30px}
@media (min-width:700px){.plan-destacado{transform:translateY(-6px)}}
.plan-insignia{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--ev-rojo);color:var(--ev-sobre-dorado);font-size:.8rem;font-weight:600;padding:3px 14px;border-radius:99px;white-space:nowrap}
.plan-destacado .precio{font-size:2.6rem;line-height:1.1}
.ahorro{align-self:flex-start;background:#E4F6EB;color:#17703A;font-weight:600;font-size:.88rem;padding:2px 12px;border-radius:99px;margin:0 0 10px}

.texto{max-width:760px}
.vacio{background:var(--ev-blanco);border:2px dashed var(--ev-neblina);border-radius:16px;padding:28px;text-align:center}
.chico{font-size:.85rem;color:var(--ev-pizarra)}

/* Pie */
.pie{background:var(--ev-marino);margin-top:40px;padding:26px 0;text-align:center;color:var(--ev-neblina)}
.pie p{margin:4px 0}
.pie b{color:#fff;font-weight:600}
.pie a{color:#fff}
.pie a:hover{color:var(--ev-cuadricula)}
.pie .chico{color:var(--ev-neblina)}

@media (max-width:760px){.ficha-top{grid-template-columns:1fr}nav a{margin:0 12px 0 0}.logo{height:48px}}
.logo-pie{height:84px;width:auto;margin:0 auto 12px}

/* Slider VIP de la portada (dentro del hero, entre el título y "Encuentra negocios locales") */
.slider{max-width:960px;margin:22px auto 26px;text-align:left}
.slider-marco{position:relative}
.slider-pista{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:20px;background:var(--ev-pizarra)}
.slider-pista::-webkit-scrollbar{display:none}
.slide{position:relative;flex:0 0 100%;scroll-snap-align:start;display:block;aspect-ratio:16/7;overflow:hidden;color:#fff;text-decoration:none}
.slide:hover{color:#fff}
.slide img{width:100%;height:100%;object-fit:cover}
.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,20,35,.85),rgba(10,20,35,0) 65%)}
.slide .top-badge{z-index:2}
.slide-info{position:absolute;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px 64px 18px 22px}
.slide-info strong{font-size:clamp(1.1rem,2.6vw,1.6rem);line-height:1.2;font-weight:600}
.slide-info .resumen{font-size:.95rem;color:var(--ev-cuadricula);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--ev-marino);font:inherit;font-size:1.7rem;line-height:1;padding:0 0 4px;cursor:pointer}
.slider-btn:hover{background:#fff}
.slider-btn.ant{left:10px}
.slider-btn.sig{right:10px}
.slider-ctrl{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px}
.punto{position:relative;width:12px;height:12px;padding:0;border:2px solid #fff;border-radius:50%;background:transparent;cursor:pointer}
.punto::after{content:"";position:absolute;inset:-8px}
.punto[aria-current="true"]{background:#fff}
.slider-pausa{margin-left:6px;min-width:30px;height:26px;padding:0 8px;border:2px solid #fff;border-radius:99px;background:transparent;color:#fff;font:inherit;font-size:.7rem;line-height:1;cursor:pointer}
.slider-pausa:hover{background:#fff;color:var(--ev-marino)}
.slide-anuncio{background:linear-gradient(135deg,var(--ev-azul),var(--ev-marino))}
.slide-anuncio::after{display:none}
.slide-anuncio .slide-info{inset:0;align-items:center;justify-content:center;text-align:center;gap:10px;padding:20px 64px}
.slide-anuncio strong{font-size:clamp(1.5rem,4vw,2.4rem)}
.slide-anuncio .resumen{max-width:520px;color:#fff;display:block;-webkit-line-clamp:unset;overflow:visible}
.slide-anuncio .btn{margin-top:6px}
@media (max-width:760px){.slide{aspect-ratio:4/3}.slider-btn{width:38px;height:38px;font-size:1.5rem}.slide-info{padding:14px 54px 14px 16px}}

/* TOP-3 de cada categoría: fila propia y un poco más grandes que el resto para que se note */
.grid.top3{gap:18px}
.grid.top3+.grid{margin-top:18px}
.card.destacado{border-width:2px;box-shadow:0 8px 22px rgba(46,106,76,.2)}
.card.destacado img,.card.destacado .ph{height:230px}
.card.destacado .card-b{padding:18px}
.card.destacado h3{font-size:1.3rem}
.card.destacado p{font-size:1rem}

/* Red del Creador: 4 negocios grandes (2 filas de 2) y el resto en filas de 3 */
.grid.grandes{grid-template-columns:repeat(2,1fr);gap:18px}
.grid.grandes+.grid{margin-top:18px}
.card.grande img,.card.grande .ph,.card.grande .ej-card-ph{height:240px}
.card.grande .card-b{padding:18px}
.card.grande h3{font-size:1.3rem}
.card.grande p{font-size:1rem}
@media (min-width:900px){.grid.fila-3{grid-template-columns:repeat(3,1fr)}}
.grid.fila-5{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
@media (min-width:1000px){.grid.fila-5{grid-template-columns:repeat(5,1fr)}}
.busq-top-tit{margin-top:36px}
@media (max-width:560px){.grid.grandes{grid-template-columns:1fr}}

/* Tarjeta "Ver más" de la portada */
.cat.ver-mas{border-style:dashed;border-color:rgba(93,170,234,.6)}

/* Clasificaciones TOP */
.sub{margin:-8px 0 14px;color:var(--ev-pizarra)}
.card.destacado{position:relative;border-color:var(--ev-azul);box-shadow:0 4px 14px rgba(46,106,76,.15)}
.top-badge{position:absolute;top:10px;left:10px;z-index:1;background:var(--ev-rojo);color:var(--ev-sobre-dorado);font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:99px}
.card.espacio{display:flex;align-items:center;text-align:center;background:var(--ev-blanco);border:2px dashed var(--ev-neblina)}
.card.espacio .card-b{width:100%;padding:22px 14px}
.card.espacio .btn{margin-top:12px}
.card.creador{text-align:center;padding-top:20px}
.card.creador .avatar{width:96px;height:96px;margin:0 auto;border-radius:50%;object-fit:cover;background:var(--ev-cielo);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;color:var(--ev-marino)}
img.ej-avatar{object-fit:cover}

/* Ligas a ejemplos en Planes */
.ver-ejemplo{margin:14px 0 0;font-weight:500}

/* Páginas de ejemplo (negocio y Creador) */
.ej-ph{display:flex;align-items:center;justify-content:center;background:var(--ev-cielo);color:var(--ev-pizarra);font-size:.85rem;font-weight:500;text-align:center}
.ej-portada{height:260px;border-radius:22px;background:var(--ev-cielo);display:flex;align-items:center;justify-content:center;color:var(--ev-pizarra);font-weight:500}
.ej-cab{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;margin:-48px 28px 0;position:relative}
.ej-cab>div:last-child{flex:1 1 260px;padding-bottom:4px}
.ej-cab h1{margin:4px 0 0}
.ej-logo{width:112px;height:112px;border-radius:22px;background:var(--ev-blanco);border:4px solid var(--ev-crema);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:var(--ev-pizarra)}
.ej-dos{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;align-items:start}
.ej-caja{background:var(--ev-blanco);border:1px solid var(--ev-cuadricula);border-radius:18px;padding:20px}
.ej-caja h3{margin:0 0 10px}
.ej-caja p{margin:0 0 12px}
.ej-llamada{background:var(--ev-cielo);border-radius:14px;padding:14px 18px;font-weight:600}
.servicios .ej-ph{height:120px}
.galeria .ej-ph{height:170px;border-radius:14px}
.ej-card-ph{height:130px}
.ej-banda{background:var(--ev-marino);color:var(--ev-blanco);border-radius:22px;padding:28px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.ej-banda h2{color:var(--ev-blanco);margin:0 0 4px}
.ej-banda p{margin:0;color:var(--ev-cuadricula)}
.ej-banda.clara{background:var(--ev-cielo);color:var(--ev-marino)}
.ej-banda.clara h2{color:var(--ev-marino)}
.ej-banda.clara p{color:var(--ev-marino)}
.ej-eyebrow{display:block;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ev-azul);margin-bottom:4px}
.ej-publicar{background:var(--ev-blanco);border:1px solid var(--ev-cuadricula);border-radius:22px;padding:32px 20px;text-align:center}
.ej-publicar p{color:var(--ev-pizarra);margin:0 0 16px}
.ej-publicar .botones{justify-content:center}
.ej-creador{margin-top:8px;background:var(--ev-marino);border-radius:24px;padding:32px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.ej-creador .ej-eyebrow{color:var(--ev-celeste)}
.ej-creador h1{color:var(--ev-blanco);margin:0 0 8px}
.ej-creador p{color:var(--ev-cuadricula);margin:0}
.ej-texto{flex:1 1 320px}
.ej-avatar{width:140px;height:140px;border-radius:50%;background:var(--ev-cielo);display:flex;align-items:center;justify-content:center;color:var(--ev-pizarra);font-size:.85rem;text-align:center}
@media (max-width:760px){.ej-dos{grid-template-columns:1fr}.ej-cab{margin:-40px 12px 0}}

/* Ficha con diseño de Emprendedor */
.ej-portada{overflow:hidden}
.ej-portada img{width:100%;height:100%;max-height:none;object-fit:cover;border-radius:0}
img.ej-logo{object-fit:cover}
.ej-iniciales{font-size:2rem;font-weight:600;color:var(--ev-marino)}
.galeria button[data-ampliar],.servicios button[data-ampliar]{padding:0;border:0;background:none;cursor:zoom-in;display:block;border-radius:14px;overflow:hidden}
.galeria button[data-ampliar]:focus-visible,.servicios button[data-ampliar]:focus-visible{outline:3px solid var(--ev-azul);outline-offset:2px}
.visor{border:0;padding:0;background:transparent;max-width:100vw;max-height:100vh;width:100vw;height:100vh;overflow:hidden}
.visor::backdrop{background:rgba(10,20,35,.88)}
.visor[open]{display:flex;align-items:center;justify-content:center}
.visor-img{max-width:92vw;max-height:88vh;object-fit:contain;border-radius:10px}
.visor-cerrar,.visor-nav{position:absolute;border:0;background:rgba(255,255,255,.9);color:var(--ev-marino);width:44px;height:44px;border-radius:50%;font-size:1.8rem;line-height:1;cursor:pointer}
.visor-cerrar{top:16px;right:16px}
.visor-ant{left:12px;top:50%;transform:translateY(-50%)}
.visor-sig{right:12px;top:50%;transform:translateY(-50%)}
.servicios button[data-ampliar]{border-radius:0;width:100%}
.visor-pie{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#fff;font-weight:600;margin:0;text-shadow:0 1px 4px rgba(0,0,0,.6)}

/* Ejemplo de Creador: portadas ficticias y espacios disponibles */
.ej-cover{height:170px;display:flex;align-items:center;justify-content:center}
.ej-cover svg{width:96px;height:96px;overflow:visible}
.card.grande .ej-cover{height:240px}
.card.grande .ej-cover svg{width:130px;height:130px}
.card.espacio-img{background:transparent;border:0;box-shadow:none}
.card.espacio-img img{height:100%;min-height:170px;border-radius:16px}
.card.grande.espacio-img img{height:100%;min-height:240px}
.card.espacio-img:hover{box-shadow:0 8px 20px rgba(30,70,52,.12)}
.ej-avatar.iniciales{background:linear-gradient(145deg,var(--ev-celeste),var(--ev-azul));color:#fff;font-size:2.6rem;font-weight:600}
.ej-meta{margin-top:10px!important;color:var(--ev-celeste)!important;font-weight:500;font-size:.95rem}

/* Redes sociales del Creador */
.redes-soc{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.red-soc{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 11px;border-radius:99px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;transition:background .15s,border-color .15s}
.red-soc:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.5);color:#fff}
.red-soc svg{width:18px;height:18px;flex:none}

/* Vista previa de un negocio dentro de la página del Creador */
html.vp-abierto{overflow:hidden}
.vp{width:min(680px,calc(100% - 24px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:22px;background:var(--ev-blanco);color:var(--ev-marino);overflow:auto;box-shadow:0 24px 60px rgba(16,36,74,.45)}
.vp::backdrop{background:rgba(16,36,74,.62)}
.vp-cerrar{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:var(--ev-marino);font:inherit;font-size:1.7rem;line-height:1;padding:0 0 3px;cursor:pointer;box-shadow:0 2px 8px rgba(16,36,74,.25)}
.vp-cerrar:hover{background:#fff}
.vp-portada{height:210px;background:var(--ev-cielo);overflow:hidden}
.vp-portada img,.vp-portada .ej-cover{width:100%;height:100%;object-fit:cover}
.vp-portada .ej-cover svg{width:130px;height:130px}
.vp-cuerpo{padding:0 24px 24px}
.vp-cab{display:flex;align-items:flex-end;gap:14px;margin-top:-34px;position:relative}
.vp-logo{width:84px;height:84px;flex:none;border-radius:18px;border:4px solid var(--ev-blanco);background:var(--ev-blanco);object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:600}
.vp-logo svg{width:56px;height:56px;overflow:visible}
.vp-cab>div{padding-bottom:2px;min-width:0}
.vp-titulo{margin:4px 0 0;font-size:1.45rem;line-height:1.2}
.vp .lead{margin:16px 0 8px;font-size:1.05rem;color:var(--ev-pizarra)}
.vp p{margin:0 0 10px}
.vp-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4px 20px;background:var(--ev-crema);border-radius:14px;padding:12px 16px;margin:14px 0}
.vp-datos p{margin:6px 0}
.vp .botones{margin:6px 0 0}
.vp-ver{display:inline-block;margin-top:14px;font-weight:600;color:var(--ev-azul)}
@media (max-width:560px){.vp-portada{height:160px}.vp-cuerpo{padding:0 16px 20px}.vp-logo{width:68px;height:68px}}
.vp .botones.bloque{margin:14px 0 0}

/* Servicios con detalle: tarjeta clicable y ventana con más información */
.servicios figure.srv-det{overflow:visible}
.srv-btn{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;height:100%;text-align:left;padding:12px;border:0;border-radius:14px;background:none;color:inherit;font:inherit;cursor:pointer}
.srv-btn:hover{background:var(--ev-crema)}
.srv-btn:focus-visible{outline:3px solid var(--ev-azul);outline-offset:2px}
.srv-nom{font-weight:600}
.srv-precio{display:block;color:var(--ev-azul);font-weight:600;font-size:.95rem}
.srv-mas{margin-top:auto;padding-top:6px;color:var(--ev-azul);font-size:.9rem;font-weight:600}
.srv-aviso{margin:12px 0 0;color:var(--ev-celeste);font-size:.9rem}
.srv-dlg{width:min(560px,calc(100% - 24px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:24px;border:0;border-radius:22px;background:var(--ev-blanco);color:var(--ev-marino);overflow:auto;box-shadow:0 24px 60px rgba(16,36,74,.45)}
.srv-dlg::backdrop{background:rgba(16,36,74,.62)}
.srv-cerrar{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:var(--ev-crema);color:var(--ev-marino);font:inherit;font-size:1.7rem;line-height:1;padding:0 0 3px;cursor:pointer}
.srv-tit{margin:0 44px 6px 0;font-size:1.35rem;line-height:1.25}
.srv-cont h4{margin:16px 0 4px;font-size:1rem}
.srv-cont p{margin:6px 0}
.srv-cont ul{margin:0;padding-left:20px}
.srv-cont li{margin:3px 0}
.srv-nota{background:var(--ev-crema);border-radius:12px;padding:10px 14px;font-size:.92rem}
.srv-cta{margin-top:18px;display:inline-block}

/* Página de ejemplos de páginas web (/ejemplos/) */
html.ej-abierto{overflow:hidden}
.ej-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:22px;margin-top:22px}
.ej-card{display:flex;flex-direction:column;text-align:left;padding:0;background:var(--ev-blanco);color:var(--ev-marino);border:1px solid var(--ev-cuadricula);border-radius:18px;overflow:hidden;cursor:pointer;font:inherit;transition:transform .2s,box-shadow .2s;min-width:0}
.ej-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(30,70,52,.16)}
.ej-thumb{position:relative;display:block;width:100%;aspect-ratio:1200/760;overflow:hidden;background:var(--ev-cielo);border-bottom:1px solid var(--ev-cuadricula)}
.ej-thumb iframe{position:absolute;left:0;top:0;width:1200px;height:760px;border:0;transform-origin:0 0;pointer-events:none;background:#fff}
.ej-pill{position:absolute;right:12px;bottom:12px;background:var(--ev-marino);color:#fff;font-weight:600;font-size:.9rem;padding:8px 16px;border-radius:999px;opacity:0;transform:translateY(6px);transition:.2s}
.ej-card:hover .ej-pill,.ej-card:focus-visible .ej-pill{opacity:1;transform:none}
@media (hover:none){.ej-pill{opacity:1;transform:none}}
.ej-info{display:block;padding:16px 18px 20px}
.ej-demo{display:block;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ev-azul);margin-bottom:4px}
.ej-nicho{display:block;font-size:1.2rem;line-height:1.25;font-weight:600;margin-bottom:6px}
.ej-pain{display:block;color:var(--ev-pizarra);font-size:.95rem}
.ej-final{background:var(--ev-marino);color:var(--ev-crema);border-radius:22px;padding:34px 28px;margin:40px 0 20px}
.ej-final h2{color:#fff;font-size:clamp(1.5rem,3.5vw,2rem);margin:0 0 8px}
.ej-final p{color:var(--ev-cuadricula);margin:0 0 18px;max-width:56ch}
.ej-final .btn+.btn{margin-left:0}
.ej-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:rgba(16,36,74,.7);padding:12px}
.ej-modal[hidden]{display:none}
.ej-sheet{display:flex;flex-direction:column;width:min(1240px,100%);height:min(920px,100%);background:var(--ev-blanco);border-radius:20px;overflow:hidden;box-shadow:0 24px 60px rgba(16,36,74,.5)}
.ej-mh{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ev-cuadricula);flex-wrap:wrap}
.ej-mh .t{flex:1;min-width:150px}
.ej-kick{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ev-azul)}
.ej-mh h2{margin:2px 0 0;font-size:1.15rem;line-height:1.2}
.ej-seg{display:flex;background:var(--ev-crema);border:1px solid var(--ev-cuadricula);border-radius:999px;padding:3px}
.ej-seg button{border:0;background:none;color:var(--ev-pizarra);font:inherit;font-size:.82rem;font-weight:600;padding:6px 14px;border-radius:999px;cursor:pointer}
.ej-seg button[aria-pressed="true"]{background:var(--ev-marino);color:#fff}
.ej-x{border:1px solid var(--ev-cuadricula);background:var(--ev-blanco);color:var(--ev-marino);width:38px;height:38px;border-radius:50%;font:inherit;font-size:1.5rem;line-height:1;padding:0 0 3px;cursor:pointer}
.ej-urlbar{display:flex;align-items:center;gap:7px;padding:8px 16px;background:var(--ev-crema);border-bottom:1px solid var(--ev-cuadricula)}
.ej-urlbar i{width:10px;height:10px;border-radius:50%;background:var(--ev-cuadricula)}
.ej-urlbar span{margin-left:10px;flex:1;max-width:420px;background:var(--ev-blanco);border:1px solid var(--ev-cuadricula);border-radius:999px;padding:2px 14px;font-size:.78rem;color:var(--ev-pizarra);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ej-stage{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--ev-cielo)}
.ej-fw{background:#fff;overflow:hidden}
.ej-fw iframe{display:block;border:0;background:#fff}
.ej-mf{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--ev-cuadricula)}
.ej-nav{display:flex;gap:8px}
.ej-nav button{border:1px solid var(--ev-cuadricula);background:var(--ev-blanco);color:var(--ev-marino);font:inherit;font-size:.88rem;font-weight:600;padding:8px 14px;border-radius:999px;cursor:pointer}
@media (max-width:560px){.ej-mf{justify-content:center}.ej-mh h2{font-size:1rem}}
@media (prefers-reduced-motion:reduce){.ej-card,.ej-pill{transition:none}}

/* Calculadora del Creador */
.calc{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;margin:22px 0;align-items:start}
.calc-form{display:flex;flex-direction:column;gap:14px}
.calc-grupo{margin:0;background:var(--ev-blanco);border:1px solid var(--ev-cuadricula);border-radius:18px;padding:16px 20px 20px;min-width:0}
.calc-grupo legend{font-weight:600;padding:0 8px;color:var(--ev-marino)}
.calc-pers{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}
.calc-per{position:relative;cursor:pointer}
.calc-per input{position:absolute;opacity:0;inset:0;cursor:pointer}
.calc-per span{display:block;text-align:center;padding:10px 8px;border:2px solid var(--ev-cuadricula);border-radius:12px;font-weight:600;color:var(--ev-pizarra);background:var(--ev-blanco)}
.calc-per input:checked+span{background:var(--ev-marino);border-color:var(--ev-marino);color:#fff}
.calc-per input:focus-visible+span{outline:3px solid var(--ev-celeste);outline-offset:2px}
.calc-fila{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.calc-campo{display:flex;flex-direction:column;gap:4px;min-width:0}
.calc-campo label{font-size:.92rem;font-weight:500}
.calc-campo input{width:100%;padding:10px 12px;border:2px solid var(--ev-cuadricula);border-radius:12px;font:inherit;font-size:1.05rem;color:var(--ev-marino);background:var(--ev-blanco)}
.calc-campo input:focus{border-color:var(--ev-celeste);outline:none}
.calc-ayuda{font-size:.84rem;color:var(--ev-pizarra)}
.calc-res{background:var(--ev-marino);color:var(--ev-blanco);border-radius:22px;padding:24px;position:sticky;top:90px}
.calc-res h2{color:var(--ev-blanco);margin:0 0 12px}
.calc-res h2 span{color:var(--ev-celeste)}
.calc-lista{margin:0}
.calc-lista>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.calc-lista dt{color:var(--ev-cuadricula)}
.calc-lista dd{margin:0;font-size:1.35rem;font-weight:600}
.calc-lista .total{border-bottom:0;padding-top:14px}
.calc-lista .total dt{font-weight:600;color:var(--ev-blanco)}
.calc-lista .total dd{font-size:2.2rem;font-weight:700}
.calc-lista .pos{color:#8FD6A6}
.calc-lista .neg{color:#FFB4BD}
.calc-mes,.calc-eq{margin:10px 0 0;color:var(--ev-cuadricula);font-size:.95rem}
.calc-eq{color:var(--ev-celeste);font-weight:500}
.calc-cta{margin-top:18px}
@media (max-width:820px){.calc{grid-template-columns:1fr}.calc-res{position:static}}
.promo-vence{font-size:.92rem;color:var(--ev-pizarra);margin:0 0 10px}