/* VeralX — paleta de marca (propuesta C + logo final):
   coral #FC7756 · dorado #FFB03A · celeste vivo #51B8EE · tinta #0B3B4C */
:root{
  --coral:#FC7756; --coral-2:#FF8A5C; --dorado:#FFB03A; --celeste:#51B8EE;
  --tinta:#0B3B4C; --tinta-2:#33586A; --fondo:#FFFBF6; --tarjeta:#FFFFFF;
  --borde:#F0E4D8; --suave:#6B7F8A; --ok:#0E9F6E; --error:#C81E1E;
  --grad:linear-gradient(100deg,var(--coral),var(--dorado) 55%,var(--celeste) 130%);
  --grad-suave:linear-gradient(100deg,#FFE9E1,#FFF3DC 55%,#E3F4FD);
  --sombra:0 10px 30px rgba(11,59,76,.10); --radio:18px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--fondo);color:var(--tinta);line-height:1.5}
a{color:var(--tinta)}
em{font-style:normal;color:var(--celeste)}
.oculta{display:none!important}
.suave{color:var(--suave)}
.error{color:var(--error);font-weight:600}
.ok-msg{color:var(--ok);font-weight:600}
.grad-texto{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:0;border-radius:999px;padding:.55rem 1.1rem;font-weight:700;font-size:.95rem;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;min-height:44px}
.btn:active{transform:scale(.97)}
.btn-marca{background:var(--grad);color:#fff;box-shadow:0 6px 18px rgba(252,119,86,.35)}
.btn-suave{background:#fff;color:var(--tinta);border:1.5px solid var(--borde)}
.btn-grande{padding:.8rem 1.6rem;font-size:1.05rem}
.btn-bloque{width:100%}
.btn-mini{min-height:36px;padding:.35rem .9rem;font-size:.85rem}

/* marca */
.marca{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-weight:900;font-size:1.35rem;letter-spacing:-.02em}
.marca-img{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:var(--sombra)}
.cabecera-publica,.cabecera-app{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.1rem;max-width:1180px;margin:0 auto;width:100%}

/* landing */
.heroe{position:relative;text-align:center;padding:2.2rem 1.2rem 2.6rem;max-width:820px;margin:0 auto;overflow:hidden}
.heroe-degradado{position:absolute;inset:-40% -20% auto;height:420px;background:radial-gradient(closest-side,rgba(252,119,86,.28),transparent),radial-gradient(closest-side at 80% 30%,rgba(81,184,238,.25),transparent),radial-gradient(closest-side at 20% 60%,rgba(255,176,58,.25),transparent);animation:deriva 14s ease-in-out infinite alternate;pointer-events:none}
@keyframes deriva{from{transform:translateX(-2%) scale(1)}to{transform:translateX(2%) scale(1.06)}}
.heroe-logo{width:132px;height:132px;border-radius:28px;box-shadow:var(--sombra);position:relative;animation:flota 5s ease-in-out infinite}
@keyframes flota{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.heroe h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.08;margin:.9rem 0 .6rem;letter-spacing:-.02em}
.heroe-sub{font-size:1.08rem;color:var(--tinta-2);max-width:640px;margin:0 auto 1.4rem}
.heroe-nota{color:var(--suave);font-size:.9rem;margin-top:.7rem}
.pilares{display:grid;grid-template-columns:1fr;gap:1rem;max-width:1180px;margin:0 auto;padding:0 1.1rem 2rem}
.pilar{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:1.3rem;box-shadow:var(--sombra)}
.pilar h2{margin:.5rem 0 .3rem;font-size:1.15rem}
.pilar p{margin:0;color:var(--tinta-2)}
.pilar-ico{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;color:#fff;font-weight:900}
.ico-coral{background:linear-gradient(135deg,var(--coral),var(--dorado))}
.ico-dorado{background:linear-gradient(135deg,var(--dorado),var(--celeste))}
.ico-celeste{background:linear-gradient(135deg,var(--celeste),#2E8FC4)}
.entrada{animation:entra .6s ease both;animation-delay:var(--d,0s)}
@keyframes entra{from{opacity:.25;transform:translateY(14px)}to{opacity:1;transform:none}}
.banda-rep{max-width:1180px;margin:0 auto 2.4rem;padding:1.6rem 1.3rem;background:var(--tinta);color:#EAF6FB;border-radius:var(--radio);margin-left:1.1rem;margin-right:1.1rem}
.banda-rep h2{margin:0 0 .5rem;font-size:1.4rem}
.banda-rep p{color:#BFD9E4;max-width:760px}
.niveles{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.nivel{padding:.3rem .8rem;border-radius:999px;font-weight:700;font-size:.85rem;background:rgba(255,255,255,.12)}
.nivel.n4{background:var(--grad);color:#fff}
.pie-publico{text-align:center;color:var(--suave);font-size:.85rem;padding:0 1.2rem 2.4rem;max-width:900px;margin:0 auto}

/* entrar */
.tarjeta-entrar{max-width:440px;margin:1.2rem auto 3rem;background:var(--tarjeta);border:1px solid var(--borde);border-radius:24px;box-shadow:var(--sombra);padding:1.8rem 1.5rem;text-align:center}
.entrar-logo{width:84px;height:84px;border-radius:20px}
.tarjeta-entrar h1{margin:.6rem 0 .2rem}
.tarjeta-entrar label,.formulario label{display:block;text-align:left;font-weight:600;margin:.9rem 0 .3rem}
.tarjeta-entrar input,.formulario input,.formulario textarea,.formulario select{display:block;width:100%;margin-top:.35rem;padding:.75rem .9rem;border:1.5px solid var(--borde);border-radius:12px;font:inherit;background:#FFFDFB;color:var(--tinta)}
input:focus,textarea:focus{outline:2px solid var(--celeste);border-color:transparent}
input.codigo{font-size:1.5rem;letter-spacing:.35em;text-align:center;font-weight:800}
.nota-puerta{font-size:.82rem;color:var(--suave);margin-top:1.1rem;text-align:left;background:var(--grad-suave);border-radius:12px;padding:.7rem .9rem}

/* app shell */
#vista-app{max-width:760px;margin:0 auto;padding-bottom:96px}
.cabecera-app{position:sticky;top:0;background:rgba(255,251,246,.92);backdrop-filter:blur(8px);z-index:20;border-bottom:1px solid var(--borde)}
.cabecera-der{display:flex;align-items:center;gap:.6rem}
.chip-rep{background:var(--tinta);color:#fff;border-radius:999px;padding:.3rem .8rem;font-weight:800;font-size:.85rem}
.avatar-mini{width:42px;height:42px;border-radius:50%;border:0;background:var(--grad);color:#fff;font-weight:900;font-size:1.05rem;cursor:pointer}
.pag{padding:1.1rem}
.titulo-pag{font-size:1.5rem;margin:.2rem 0 .8rem;letter-spacing:-.01em}
.subtitulo{font-size:1.15rem;margin:1.4rem 0 .6rem}
.saludo h1{font-size:1.6rem;margin:.1rem 0 .1rem}
.banner-previa{background:#FFF3DC;border:1.5px dashed var(--dorado);border-radius:12px;padding:.6rem .8rem;display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}

/* anillos de actividad (Instagram) */
.anillos{display:flex;gap:1rem;overflow-x:auto;padding:.4rem .1rem 1rem;scrollbar-width:none}
.anillo{text-align:center;min-width:74px}
.anillo .aro{width:66px;height:66px;border-radius:50%;margin:0 auto;padding:3px;background:conic-gradient(from 210deg,var(--coral),var(--dorado),var(--celeste),var(--coral));animation:giro 9s linear infinite}
@keyframes giro{to{transform:rotate(360deg)}}
.anillo .aro-in{width:100%;height:100%;border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:900;font-size:1.15rem}
.anillo small{display:block;margin-top:.3rem;color:var(--tinta-2);font-weight:600;font-size:.78rem}
.anillo.vacio .aro{background:#EADFD2;animation:none}
.anillo.vacio .aro-in{color:var(--suave)}

/* bloques de inicio */
.bloque{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:1.1rem 1.2rem;margin-bottom:1rem;animation:entra .5s ease both}
.bloque h2{margin:0 0 .4rem;font-size:1.05rem;display:flex;justify-content:space-between;align-items:center}
.bloque .ir{font-size:.82rem;color:#D96A2B;font-weight:800;text-decoration:none}
.rep-grande{font-size:2.2rem;font-weight:900;line-height:1}
.rep-grande small{font-size:1rem;color:var(--suave);font-weight:700}
.barra{height:10px;background:#F3E7D8;border-radius:99px;overflow:hidden;margin:.6rem 0}
.barra>div{height:100%;background:var(--grad);border-radius:99px;transition:width .9s ease}
.datos-fila{display:flex;gap:1rem;flex-wrap:wrap}
.dato{flex:1;min-width:100px;background:var(--grad-suave);border-radius:14px;padding:.7rem .9rem}
.dato b{display:block;font-size:1.3rem}
.dato span{font-size:.8rem;color:var(--tinta-2);font-weight:600}
.accesos{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.acceso{display:flex;gap:.6rem;align-items:center;background:#FFFDFB;border:1.5px solid var(--borde);border-radius:14px;padding:.7rem .8rem;text-decoration:none;font-weight:700}
.acceso small{display:block;color:var(--suave);font-weight:600}

/* perfil */
.perfil-cabecera{background:var(--tarjeta);border:1px solid var(--borde);border-radius:22px;overflow:hidden;box-shadow:var(--sombra)}
.portada-anim{height:110px;background:linear-gradient(110deg,var(--coral),var(--dorado),var(--celeste),var(--coral));background-size:300% 100%;animation:onda 12s ease infinite}
@keyframes onda{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.perfil-cab-fila{display:flex;gap:1rem;padding:0 1.2rem;margin-top:-38px;align-items:flex-end}
.avatar-grande{width:84px;height:84px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:2rem;font-weight:900;border:4px solid #fff;flex:none;box-shadow:var(--sombra)}
.perfil-id h1{margin:.4rem 0 0;font-size:1.45rem}
.perfil-id p{margin:.1rem 0}
.franja-rep{margin:1rem 1.2rem 0;background:var(--tinta);color:#fff;border-radius:14px;padding:.7rem 1rem;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}
.franja-rep b{font-size:1.25rem}
.sello-verificado{background:var(--celeste);color:#fff;border-radius:999px;padding:.15rem .6rem;font-weight:800;font-size:.75rem}
.perfil-acciones{display:flex;gap:.5rem;flex-wrap:wrap;padding:1rem 1.2rem 1.2rem}
.seccion{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:1.1rem 1.2rem;margin-top:1rem;box-shadow:var(--sombra)}
.seccion h2{margin:0 0 .5rem;font-size:1.1rem}
.nota-seccion{font-size:.85rem;margin-top:-.2rem}
.rejilla-vitrina{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}
.vitrina-item{aspect-ratio:1;border-radius:14px;padding:.6rem;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;font-weight:700;font-size:.8rem;line-height:1.25;overflow:hidden;position:relative}
.vitrina-item small{font-weight:600;opacity:.9}
.vitrina-item .folio{position:absolute;top:.45rem;left:.55rem;font-size:.65rem;background:rgba(0,0,0,.28);padding:.1rem .45rem;border-radius:99px}
.vitrina-vacia{grid-column:1/-1;border:1.5px dashed var(--borde);border-radius:14px;padding:1rem;text-align:center;color:var(--suave)}
.chips{display:flex;flex-wrap:wrap;gap:.45rem}
.chip{background:#FFF3DC;border:1px solid #F5D9A8;color:#8A5A00;border-radius:999px;padding:.25rem .7rem;font-weight:700;font-size:.82rem}
.chip.acreditada{background:#E3F4FD;border-color:#B9E2F7;color:#0B5A86}
.tray-item{border-left:3px solid var(--dorado);padding:.2rem 0 .2rem .8rem;margin:.6rem 0}
.tray-item b{display:block}
.tray-item small{color:var(--suave)}

/* directorio */
.buscar-fila{display:flex;gap:.5rem}
.buscar-fila input{flex:1;padding:.8rem 1rem;border:1.5px solid var(--borde);border-radius:999px;font:inherit;background:#fff;min-width:0}
.tarjeta-persona{display:flex;gap:.9rem;align-items:center;background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:1rem;box-shadow:var(--sombra);margin-top:.8rem;animation:entra .4s ease both}
.tarjeta-persona .avatar-mini{width:52px;height:52px;font-size:1.3rem}
.tarjeta-persona h3{margin:0;font-size:1.05rem}
.tarjeta-persona p{margin:.1rem 0}
.mini-nivel{margin-left:auto;text-align:right}
.mini-nivel b{display:block;font-size:1.1rem}

/* reputación */
.rep-hero{background:var(--tinta);color:#fff;border-radius:22px;padding:1.5rem;text-align:center;box-shadow:var(--sombra)}
.rep-numero{font-size:3.2rem;font-weight:900;line-height:1}
.rep-numero small{font-size:1.1rem;color:#BFD9E4;font-weight:700}
.rep-nivel{display:inline-block;margin-top:.4rem;background:var(--grad);padding:.25rem 1rem;border-radius:999px;font-weight:800}
.rep-barra{height:12px;background:rgba(255,255,255,.15);border-radius:99px;overflow:hidden;margin:1rem auto .6rem;max-width:420px}
.rep-barra>div{height:100%;width:0;background:var(--grad);transition:width 1s ease}
.hecho{display:flex;gap:.8rem;background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:.8rem 1rem;margin-bottom:.55rem;align-items:flex-start}
.hecho .folio{font-size:.7rem;background:#E3F4FD;color:#0B5A86;border-radius:6px;padding:.1rem .4rem;font-weight:800;white-space:nowrap}
.hecho b.pts{margin-left:auto;color:#D96A2B;white-space:nowrap}
.lista-reglas{margin:.2rem 0;padding-left:1.1rem}
.lista-reglas li{margin:.45rem 0}

/* menú / más */
.menu-lista{display:flex;flex-direction:column;gap:.6rem}
.menu-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:1rem 1.1rem;text-decoration:none;font-weight:700;box-shadow:var(--sombra);min-height:56px}
.btn-menu{width:100%;font:inherit;cursor:pointer;text-align:left}
.nota-menu{margin-top:1.2rem;font-size:.85rem}

/* interruptores */
.interruptor{display:flex!important;justify-content:space-between;align-items:center;gap:1rem;background:#FFFDFB;border:1.5px solid var(--borde);border-radius:14px;padding:.8rem 1rem;cursor:pointer}
.interruptor span small{display:block;color:var(--suave);font-weight:500}
.interruptor input{position:absolute;opacity:0}
.interruptor i{flex:none;width:52px;height:30px;border-radius:99px;background:#E3D9CC;position:relative;transition:background .2s}
.interruptor i::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.25);transition:left .2s}
.interruptor input:checked + i{background:var(--celeste)}
.interruptor input:checked + i::after{left:25px}

/* personalizar */
.salvedad{background:#FFF3DC;border:1.5px solid #F5D9A8;border-radius:14px;padding:.9rem 1rem;font-size:.92rem}
.pers-item{display:flex;align-items:center;gap:.7rem;background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:.8rem 1rem;margin:.55rem 0;box-shadow:var(--sombra)}
.pers-item .asa{color:var(--suave);font-size:1.2rem;cursor:grab}
.pers-item b{flex:1}
.pers-item button{border:1.5px solid var(--borde);background:#fff;border-radius:10px;width:40px;height:40px;font-size:1rem;cursor:pointer}
.pers-item .ojo[aria-pressed="false"]{opacity:.45}
.pers-botones{display:flex;gap:.6rem;margin:1rem 0}
.pers-botones .btn{flex:1}
.hist-item{display:flex;justify-content:space-between;align-items:center;background:#FFFDFB;border:1px solid var(--borde);border-radius:12px;padding:.6rem .9rem;margin:.45rem 0}

/* navegación inferior (formato app) */
.nav-inferior{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:760px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--borde);display:flex;z-index:30;padding-bottom:env(safe-area-inset-bottom)}
.nav-inferior a{flex:1;display:flex;flex-direction:column;align-items:center;gap:0;padding:.5rem 0 .45rem;text-decoration:none;color:var(--suave);font-size:.72rem;font-weight:700;min-height:58px;justify-content:center}
.nav-inferior a .nav-ico{font-size:1.25rem;line-height:1}
.nav-inferior a.activo{color:#D96A2B}
.nav-inferior a.activo .nav-ico{transform:scale(1.15)}
.nav-ico{transition:transform .15s}

/* formato web (≥760px): la cáscara respira, la nav se vuelve barra superior */
@media (min-width:760px){
  .pilares{grid-template-columns:repeat(3,1fr)}
  #vista-app{max-width:1060px}
  .nav-inferior{max-width:1060px}
  .banda-rep{margin-left:auto;margin-right:auto}
  .rejilla-vitrina{grid-template-columns:repeat(4,1fr)}
  .accesos{grid-template-columns:repeat(4,1fr)}
}
@media (min-width:1024px){
  #vista-app{padding-bottom:2rem}
  .nav-inferior{position:sticky;bottom:auto;top:64px;border:1px solid var(--borde);border-radius:999px;margin:.6rem auto 0;max-width:640px;box-shadow:var(--sombra)}
  .nav-inferior a{flex-direction:row;gap:.4rem;font-size:.85rem;min-height:48px}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001s!important;transition-duration:.001s!important}
}

/* ===== PROFUNDIZACIÓN v2 ===== */
/* puerta y XPCI */
.chip-puerta{background:var(--tinta);color:#fff;border-radius:999px;padding:.3rem .8rem;font-weight:700;font-size:.8rem}
.chip-xpci{background:linear-gradient(100deg,var(--dorado),var(--celeste));color:#08303F;border-radius:999px;padding:.3rem .7rem;font-weight:900;font-size:.78rem;letter-spacing:.04em}
.barra-puerta{max-width:760px;margin:0 auto;padding:.55rem 1.1rem;background:var(--grad-suave);border-bottom:1px solid var(--borde);font-size:.88rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.barra-puerta a{font-weight:800;color:#D96A2B}
/* puerta Seix: identidad de la plataforma anfitriona (oscura, dorado y turquesa de seix.net) */
body[data-puerta="seix"]{--coral:#F5B942;--coral-2:#FFC95E;--dorado:#2EE6D6;--celeste:#7DD3FC;--tinta:#EDF2FF;--tinta-2:#A9B6DD;--fondo:#0B1220;--tarjeta:#12121E;--borde:#26314F;--suave:#8FA0C4;--grad:linear-gradient(100deg,#F5B942,#2EE6D6 60%,#7DD3FC 130%);--grad-suave:linear-gradient(100deg,#1B2440,#122A33 55%,#16283D);--sombra:0 10px 30px rgba(0,0,0,.45)}
body[data-puerta="seix"] .cabecera-app{background:rgba(11,18,32,.92)}
body[data-puerta="seix"] .nav-inferior{background:rgba(11,18,32,.96)}
body[data-puerta="seix"] .btn-suave{background:#12121E;color:var(--tinta)}
body[data-puerta="seix"] input,body[data-puerta="seix"] textarea,body[data-puerta="seix"] select{background:#0E1526!important;color:var(--tinta)}
body[data-puerta="seix"] .anillo .aro-in{background:#12121E}
body[data-puerta="seix"] .tarjeta-entrar,body[data-puerta="seix"] .interruptor,body[data-puerta="seix"] .acceso,body[data-puerta="seix"] .hist-item{background:#12121E}
.banda-puertas{max-width:1180px;margin:0 auto 2.4rem;padding:1.6rem 1.3rem;background:var(--grad-suave);border:1px solid var(--borde);border-radius:var(--radio);margin-left:1.1rem;margin-right:1.1rem}
.banda-puertas h2{margin:0 0 .5rem;font-size:1.4rem}
.puertas-fila{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}
.puerta-chip{background:var(--tarjeta);border:1px solid var(--borde);border-radius:999px;padding:.45rem 1rem;font-weight:800;text-decoration:none}
.puerta-chip small{display:block;font-weight:600;color:var(--suave)}
/* feed */
textarea#pub-texto{display:block;width:100%;padding:.75rem .9rem;border:1.5px solid var(--borde);border-radius:12px;font:inherit;background:#FFFDFB;color:var(--tinta);resize:vertical}
.fila-acciones{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.6rem}
.fila-acciones select{padding:.6rem .7rem;border:1.5px solid var(--borde);border-radius:12px;font:inherit;background:#fff;color:var(--tinta);min-height:44px}
.segmento{display:flex;background:#F6EDE2;border-radius:999px;padding:.25rem;gap:.25rem;margin:.6rem 0}
.segmento .seg{flex:1;border:0;background:transparent;border-radius:999px;padding:.5rem .4rem;font:inherit;font-weight:700;color:var(--suave);cursor:pointer;min-height:40px}
.segmento .seg.activo{background:#fff;color:var(--tinta);box-shadow:var(--sombra)}
.pub{background:#FFFDFB;border:1.5px solid var(--borde);border-radius:16px;padding:1rem;margin:.7rem 0;animation:entra .4s ease both}
.pub-cab{display:flex;gap:.7rem;align-items:center}
.pub-cab .avatar-mini{width:46px;height:46px;font-size:1.1rem;flex:none}
.pub-cab h3{margin:0;font-size:1rem}
.pub-cab p{margin:0;font-size:.82rem}
.pub-texto{margin:.6rem 0;white-space:pre-wrap;word-break:break-word}
.sello-hecho{display:inline-flex;gap:.35rem;align-items:center;background:#E7F8F0;color:#0B6B4A;border:1px solid #BDE8D2;border-radius:999px;padding:.2rem .7rem;font-weight:800;font-size:.78rem}
.sello-hecho .folio{background:#0B6B4A;color:#fff;border-radius:6px;padding:.05rem .4rem;font-size:.68rem}
.pub-acciones{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.5rem}
.btn-reaccion{border:1.5px solid var(--borde);background:#fff;border-radius:999px;padding:.35rem .8rem;font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;min-height:38px}
.btn-reaccion.mia{background:#FFF3DC;border-color:#F5D9A8}
.pub-porque{font-size:.8rem;color:var(--suave);margin-top:.55rem}
.pub-porque summary{cursor:pointer;font-weight:700}
.comentario{border-top:1px dashed var(--borde);padding:.45rem 0;font-size:.92rem}
.comentario b{font-size:.88rem}
.form-comentario{display:flex;gap:.45rem;margin-top:.5rem}
.form-comentario input{flex:1;padding:.55rem .8rem;border:1.5px solid var(--borde);border-radius:999px;font:inherit;background:#fff;min-width:0}
.pesos{display:grid;gap:.4rem;margin-top:.6rem}
.pesos label{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:.9rem}
.pesos input[type=range]{flex:1;accent-color:var(--coral)}
/* tableros */
.tarjeta-anuncio{background:var(--tarjeta);border:1px solid var(--borde);border-radius:var(--radio);padding:1.1rem 1.2rem;box-shadow:var(--sombra);margin:.8rem 0;animation:entra .4s ease both}
.tarjeta-anuncio h3{margin:.1rem 0 .3rem;font-size:1.12rem}
.tarjeta-anuncio h3 a{text-decoration:none}
.tarjeta-anuncio p{margin:.25rem 0;color:var(--tinta-2)}
.anuncio-meta{display:flex;gap:.45rem;flex-wrap:wrap;margin:.5rem 0}
.etiqueta{background:#F6EDE2;border-radius:999px;padding:.18rem .65rem;font-size:.78rem;font-weight:700}
.etiqueta.modalidad{background:#E3F4FD;color:#0B5A86}
.etiqueta.estado-abierto{background:#E7F8F0;color:#0B6B4A}
.etiqueta.estado-en_curso{background:#FFF3DC;color:#8A5A00}
.etiqueta.estado-en_cierre{background:#FDE8E1;color:#9A3B1E}
.etiqueta.estado-cerrado{background:#EDEDF2;color:#555}
.casaje{margin-left:auto;text-align:right}
.casaje b{display:block;font-size:1.25rem;color:#D96A2B}
.casaje span{font-size:.75rem;color:var(--suave);font-weight:700}
.dos-col{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
@media (max-width:560px){.dos-col{grid-template-columns:1fr}}
/* escaparate */
.paso{display:flex;gap:.6rem;align-items:center;padding:.4rem 0;border-bottom:1px dashed var(--borde);font-size:.95rem}
.paso:last-child{border-bottom:0}
.paso .ok{color:var(--ok);font-weight:900}
.paso .no{color:var(--suave);font-weight:900}
/* descubrimiento / sugerencias */
.motivo{display:inline-block;background:#E3F4FD;color:#0B5A86;border-radius:999px;padding:.15rem .6rem;font-size:.76rem;font-weight:700;margin:.15rem .2rem 0 0}
.tarjeta-persona .acciones-tarjeta{display:flex;gap:.4rem;margin-top:.5rem;flex-wrap:wrap}
/* páginas y círculos */
.pagina-cab{display:flex;gap:.8rem;align-items:center}
.pagina-logo{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.2rem;flex:none}
.etiqueta.externo{background:#FDE8E1;color:#9A3B1E}
.etiqueta.ecosistema{background:#E3F4FD;color:#0B5A86}
/* público compartible */
.pub-hero{background:var(--tarjeta);border:1px solid var(--borde);border-radius:22px;overflow:hidden;box-shadow:var(--sombra);margin-top:1rem}
.pub-datos{padding:0 1.2rem 1.2rem}
.verificacion-fila{display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0}
.verificacion-fila .etiqueta{background:#E7F8F0;color:#0B6B4A}
@media (min-width:760px){.barra-puerta{max-width:1060px}}
/* candado anti-desborde (verificado por render a 390) */
.acceso{min-width:0}
.segmento .seg{min-width:0}
.fila-acciones select{min-width:0;max-width:100%}
.fila-acciones input{min-width:0}
.tarjeta-anuncio .casaje{flex:none}
.pub-cab>div{min-width:0}

/* relevo 2026-11-12: contraste en la puerta Seix (tema oscuro) — tarjetas del
   flujo, reacciones, segmento activo y avisos cálidos con fondo claro propio */
body[data-puerta="seix"] .pub,body[data-puerta="seix"] .pers-item button{background:#12121E}
body[data-puerta="seix"] .btn-reaccion{background:#12121E;color:var(--tinta)}
body[data-puerta="seix"] .segmento .seg.activo{background:#26314F;color:var(--tinta)}
body[data-puerta="seix"] .banner-previa,body[data-puerta="seix"] .salvedad{color:#5C4300}