/* REDLPM — red social de colaboradores, con aire de sala de cine: negro profundo, rojo de "grabando", dorado de créditos.
   Anton para títulos (cartel), Poppins para leer, JetBrains Mono para datos tipo claqueta (fecha, hora, formato). */
:root{--bg:#0b0b0c;--card:#161617;--raise:#202022;--line:#2a2a2d;--line-2:#3a3a3e;--text:#f6f6f4;--text-2:#cfcfcd;--gray:#9f9fa4;--red:#f0293a;--btn:#d91f2f;--gold:#c9a45c;--green:#6fd39b;
  --display:'Anton',Impact,'Arial Narrow',sans-serif;--body:'Poppins','Helvetica Neue',Arial,sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,monospace;color-scheme:dark}
*{box-sizing:border-box} h1,h2,h3,p{margin:0}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 var(--body);-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit;color:inherit}
a{color:var(--gold)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* marca REDLPM: RED en rojo, LPM en blanco, todo pegado, con el punto de "grabando" */
.idi{display:inline-flex;gap:2px;flex:none;border:1px solid var(--line);border-radius:16px;padding:2px}
.idi button{all:unset;cursor:pointer;min-width:30px;text-align:center;padding:5px 7px;border-radius:13px;font:500 11.5px var(--mono);letter-spacing:.08em;color:var(--gray)}
.idi button:hover{color:var(--text)} .idi button[aria-pressed=true]{background:var(--text);color:#0b0b0c} .idi button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.entrar .cartel>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:16px}
.marca{display:inline-flex;align-items:center;gap:9px;font:400 26px/1 var(--display);letter-spacing:.02em;text-decoration:none;color:var(--text);white-space:nowrap}
.marca b{font-weight:400} .marca em{font-style:normal;color:#f0293a}
.marca i{display:inline-block;width:.4em;height:.4em;margin:0 .17em;border-radius:50%;background:#f0293a;vertical-align:.14em;box-shadow:0 0 .5em rgba(240,41,58,.75)}
.marca.g{font-size:52px}
@media (prefers-reduced-motion:no-preference){.marca i{animation:rec 2.2s ease-in-out infinite}} @keyframes rec{0%,100%{opacity:1;box-shadow:0 0 .55em rgba(240,41,58,.8)}50%{opacity:.3;box-shadow:0 0 0 rgba(240,41,58,0)}}

/* estructura: columna de navegación · muro · columna de la red */
.top{position:sticky;top:0;z-index:6;display:flex;align-items:center;gap:16px;height:60px;padding:0 20px;background:rgba(11,11,12,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.top .esp{flex:1}
.top .yo{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:500;white-space:nowrap;min-width:0} .top .yo span{overflow:hidden;text-overflow:ellipsis;max-width:180px}
.lay{display:grid;grid-template-columns:230px minmax(0,1fr) 300px;gap:22px;max-width:1220px;margin:0 auto;padding:22px 20px 90px;align-items:start}
.lay.dos{grid-template-columns:230px minmax(0,1fr)}
.lado{position:sticky;top:82px;display:grid;gap:14px}
.nav{display:grid;gap:2px}
.nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:var(--text-2);text-decoration:none;font-weight:500;white-space:nowrap}
.nav a:hover{background:var(--card);color:var(--text)} .nav a[aria-current=page]{background:var(--card);color:var(--text)}
.nav a[aria-current=page] .ic{color:var(--red)}
.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.abajo{display:none}

/* piezas */
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
.pila{display:grid;gap:14px}
h1{font:400 34px/1.12 var(--display);text-transform:uppercase;letter-spacing:.01em}
h2{font:400 22px/1.1 var(--display);text-transform:uppercase}
h3{font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gray)}
.nota{color:var(--gray);font-size:13.5px}
.mono{font:500 12px var(--mono);letter-spacing:.04em;color:var(--gray);text-transform:uppercase;white-space:nowrap}
label{display:block;font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gray);margin:14px 0 6px}
input[type=text],input[type=password],input[type=date],input[type=email],input[type=tel],textarea,select{width:100%;background:var(--bg);border:1px solid var(--line-2);border-radius:8px;padding:11px 13px;font-size:16px}
textarea{min-height:92px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:22px;border:1px solid var(--line-2);background:transparent;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none;color:var(--text);white-space:nowrap}
.btn:hover{border-color:var(--gray)} .btn.pri{background:var(--btn);border-color:var(--btn);color:#fff} .btn.pri:hover{background:var(--btn-h,#c8172a)}
.btn.sm{min-height:36px;padding:0 14px;font-size:13px} .btn[disabled]{opacity:.5;cursor:default}
.fila{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px} .grid2 .w{grid-column:1/-1}
.seg{display:inline-flex;gap:4px;max-width:100%;overflow-x:auto}
.seg button{all:unset;cursor:pointer;padding:8px 16px;border-radius:18px;font-size:13.5px;font-weight:500;color:var(--gray);white-space:nowrap}
.seg button:hover{color:var(--text)} .seg button[aria-pressed=true]{background:var(--text);color:#0b0b0c} .seg button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.check{display:flex;align-items:center;gap:10px;margin:14px 0 0;text-transform:none;letter-spacing:0;font:400 14px var(--body);color:var(--text)} .check input{width:18px;height:18px;flex:none}
.av{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--raise);flex:none;display:grid;place-items:center;font:400 18px var(--display);color:var(--gold)}
.av.p{width:34px;height:34px;font-size:14px} .av.g{width:128px;height:128px;font-size:52px;border:4px solid var(--card)}
.chip{display:inline-block;padding:3px 11px;border-radius:13px;background:var(--raise);font-size:12.5px;color:var(--text-2);white-space:nowrap}
.chip.dor{background:#33290f;color:#e6c98b} .chip.ver{background:#12301f;color:var(--green)}
.linkbtn{all:unset;cursor:pointer;color:var(--gray);font-size:13px} .linkbtn:hover{color:var(--text);text-decoration:underline}
.vacio{padding:34px 16px;text-align:center;color:var(--gray)}

/* entrar: cartel de cine */
.entrar{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--bg)}
.entrar .cartel{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:44px 48px;background:radial-gradient(120% 90% at 20% 0%,#2a0d11 0%,#120708 46%,#0b0b0c 100%);overflow:hidden}
.entrar .cartel::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,var(--red),transparent)}
.entrar .cartel h1{font-size:clamp(34px,4.3vw,60px);line-height:1;max-width:15ch}
.entrar .cartel h1 em{font-style:normal;color:var(--red)}
.entrar .cartel p{color:var(--text-2);max-width:38ch;margin-top:16px;font-size:16px}
.creditos{display:flex;gap:20px;flex-wrap:wrap}
.creditos span{font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gray)}
.entrar .lado2{display:grid;place-items:center;padding:32px 20px}
.entrar .caja{width:100%;max-width:380px}
.entrar .caja h2{font-size:30px;margin-bottom:6px}
.entrar .btn{width:100%;margin-top:20px;min-height:48px}
.msg{min-height:22px;margin-top:12px;font-size:14px;color:#ff9aa3}

/* redactar */
.comp .seg{margin-bottom:14px}
.comp .arr{display:flex;gap:12px;align-items:flex-start}
.comp textarea{min-height:64px;border:0;background:transparent;padding:10px 0;font-size:17px;resize:none}
.comp textarea:focus{outline:none}
.comp .busco{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 10px;margin-bottom:6px}
.comp .pie{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}
.comp .pie .esp{flex:1}
.mini{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 10px} .mini img{width:68px;height:68px;object-fit:cover;border-radius:8px}

/* publicación */
.post{padding:0;overflow:hidden}
.post .cab{display:flex;gap:12px;align-items:center;padding:14px 16px 0}
.post .cab a{color:var(--text);text-decoration:none;font-weight:600} .post .cab a:hover{text-decoration:underline}
.post .cab .quien{min-width:0;flex:1} .post .cab .quien small{display:block;color:var(--gray);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.post .txt{padding:10px 16px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:15.5px}
/* claqueta: la franja de datos de una toma, para el detrás de cámaras y las convocatorias */
.claq{display:flex;gap:0;margin:12px 16px 0;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase}
.claq span{padding:8px 12px;border-left:1px solid var(--line-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-2)}
.claq span:first-child{border-left:0;background:var(--text);color:#0b0b0c;flex:none}
.claq.conv span:first-child{background:var(--gold)} .claq.cerr span:first-child{background:var(--raise);color:var(--gray)}
.claq b{font-weight:500;color:var(--text)}
.fotos{display:grid;gap:3px;margin-top:12px;grid-template-columns:repeat(2,minmax(0,1fr));background:#000}
.fotos.n1{grid-template-columns:1fr} .fotos.n3,.fotos.n5,.fotos.n6{grid-template-columns:repeat(3,minmax(0,1fr))}
.fotos img{width:100%;height:100%;max-height:620px;object-fit:cover;display:block;cursor:zoom-in}
.fotos:not(.n1) img{aspect-ratio:1}
.post .acc{display:flex;gap:6px;flex-wrap:wrap;padding:12px 16px}
.reac{all:unset;cursor:pointer;padding:6px 12px;border-radius:17px;background:var(--raise);font-size:14px;white-space:nowrap}
.reac:hover{background:var(--line-2)} .reac[aria-pressed=true]{background:#33290f;box-shadow:inset 0 0 0 1px var(--gold)} .reac:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.coms{padding:4px 16px 14px;border-top:1px solid var(--line)}
.com{display:flex;gap:10px;padding:10px 0 0;font-size:14px}
.com .glo{background:var(--raise);border-radius:14px;padding:8px 12px;min-width:0} .com b{font-weight:600} .com small{color:var(--gray)} .com p{white-space:pre-wrap;overflow-wrap:anywhere}
.coms form{display:flex;gap:10px;align-items:center;margin-top:12px} .coms form input{border-radius:22px;padding:9px 16px;font-size:15px}

/* columna derecha */
.emp img.logo{display:block;max-width:100%;max-height:72px;object-fit:contain;margin-bottom:10px}
.emp p{margin-top:6px;overflow-wrap:anywhere;font-size:14px}
.lista a{display:flex;gap:10px;align-items:center;padding:8px 0;text-decoration:none;color:var(--text);border-top:1px solid var(--line)} .lista a:first-of-type{border-top:0}
.lista b{display:block;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .lista small{display:block;color:var(--gray);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .lista div{min-width:0}
.yocard{padding:0;overflow:hidden;text-decoration:none;color:var(--text);display:block}
.yocard .cov{height:64px;background:linear-gradient(120deg,#2a0d11,#161617) center/cover no-repeat} .yocard img.cov{width:100%;object-fit:cover;display:block}
.yocard .in{padding:0 14px 14px;margin-top:-22px} .yocard b{display:block;margin-top:8px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .yocard small{display:block;color:var(--gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yocard .av{border:3px solid var(--card)}
/* la foto va ENCIMA de la portada (si la portada tiene posición, taparía la foto) */
.yocard .in,.pers .in,.perfil .in{position:relative;z-index:1}

/* gente */
.gente{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.pers{padding:0;overflow:hidden;text-decoration:none;color:var(--text);display:block}
.pers:hover{border-color:var(--line-2)}
.pers .cov{height:74px;background:linear-gradient(120deg,#2a0d11,#161617)} .pers img.cov{width:100%;object-fit:cover;display:block}
.pers .in{padding:0 14px 16px;margin-top:-34px;text-align:center} .pers .av{width:68px;height:68px;font-size:26px;border:3px solid var(--card);margin:0 auto}
.pers b{display:block;margin-top:8px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .pers small{display:block;color:var(--gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* perfil: portada panorámica como fotograma, foto encima, créditos */
.perfil{padding:0;overflow:hidden}
.perfil .cov{aspect-ratio:2.39/1;max-height:240px;width:100%;background:radial-gradient(120% 120% at 15% 0%,#3a1116,#161617 60%);display:block;object-fit:cover}
.perfil .in{padding:0 22px 20px}
.perfil .arr{display:flex;align-items:flex-end;gap:16px;margin-top:-56px;flex-wrap:wrap}
.perfil .arr .esp{flex:1;pointer-events:none!important} .perfil .arr{pointer-events:none} .perfil .arr>*{pointer-events:auto}
.perfil h1{margin-top:12px;overflow-wrap:anywhere}
.perfil .tit{color:var(--text-2);font-size:16px;margin-top:4px}
.perfil .datos{display:flex;gap:6px 16px;flex-wrap:wrap;margin-top:10px;color:var(--text-2);font-size:14px}
.cifras{display:flex;gap:28px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.cifras div b{display:block;font:400 26px/1 var(--display)} .cifras div span{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gray)}
.bio{margin-top:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.creds{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.editar .cov-ed{position:relative}
.perfil.editar{overflow:visible} .editar .cov-ed .cov{border-radius:11px 11px 0 0}
/* cambiar foto: cámara en la esquina de la foto, como en las redes */
.av-ed{position:relative;display:inline-block;line-height:0}
.cam{all:unset;cursor:pointer;position:absolute;right:0;bottom:0;width:38px;height:38px;border-radius:50%;background:var(--raise);border:3px solid var(--card);display:grid;place-items:center;color:var(--text)} .cam:hover{background:var(--line-2)} .cam:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.editar h3.w{margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}
.editar .guardar{position:sticky;bottom:0;z-index:2;margin:20px -22px -20px;padding:12px 22px;background:var(--card);border-top:1px solid var(--line);border-radius:0 0 11px 11px}
/* pantallas de una columna: ancho de lectura, no de pared a pared */
.lay.dos .pila>*:not(.gente):not(#apps){max-width:780px} #nivel{margin:0 auto;width:100%}
.editar .cov-ed .btn{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.6)}

/* apps: el tablero y la membresía */
.plan{display:flex;gap:10px 16px;align-items:center;flex-wrap:wrap} .plan .k{display:block;font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gray)} .plan .niv{font:400 30px/1.1 var(--display);text-transform:uppercase;letter-spacing:.02em} .plan .nota{flex-basis:100%}
.apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:14px}
.app{display:flex;flex-direction:column;gap:6px;min-width:0;text-decoration:none;color:var(--text)}
.app b{font-weight:600;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .app small{color:var(--gray);font-size:13.5px;flex:1}
.app .est{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin-top:6px}
.app.on .est{color:var(--red)} .app.on:hover{border-color:var(--gray)}
.app.off{background:transparent} .app.off b{color:var(--text-2)} .app.off .est{color:var(--gray)} .app.off .btn{margin-top:6px;align-self:flex-start}

/* nivel profesional: una pregunta a la vez, al centro */
.quiz{max-width:620px;margin:6vh auto 0;padding:26px} .quiz h2{font:600 23px/1.3 var(--body);text-transform:none;margin:20px 0 6px}
.qtop{display:flex;align-items:center;gap:14px} .qtop .k{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gray);white-space:nowrap}
.qbar{flex:1;height:4px;border-radius:2px;background:var(--raise);overflow:hidden} .qbar i{display:block;height:100%;background:var(--red);width:10%}
.qbar .w2{width:20%}.qbar .w3{width:30%}.qbar .w4{width:40%}.qbar .w5{width:50%}.qbar .w6{width:60%}.qbar .w7{width:70%}.qbar .w8{width:80%}.qbar .w9{width:90%}.qbar .w10{width:100%}
.qops{display:grid;gap:10px;margin-top:18px} .qops.multi{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}
.qops button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 16px;border:1px solid var(--line-2);border-radius:10px;font-size:16px;font-weight:500}
.qops button:hover{border-color:var(--gray)} .qops button[aria-pressed=true]{background:var(--text);color:#0b0b0c;border-color:var(--text)} .qops button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.qops kbd{font:500 12px var(--mono);color:var(--gray);border:1px solid var(--line-2);border-radius:5px;padding:2px 7px} .qops button[aria-pressed=true] kbd{color:#55555a;border-color:#b9b9b6}
.qpie{margin-top:22px} .qpie .esp{flex:1}
.precio{padding:16px 0;border-top:1px solid var(--line)} .precio:first-of-type{margin-top:14px} .precio .sug{margin-top:6px;font-size:16px} .precio .sug b{font:400 24px/1.1 var(--display);letter-spacing:.01em;margin-right:6px} .precio .sug .mono{margin-left:8px}
.precio .fila{margin-top:10px;flex-wrap:nowrap} .precio input{max-width:150px} .precio select{width:auto;min-width:0;flex:1;max-width:240px}
#f-precios .guardar{position:static;margin:6px 0 0;padding:14px 0 0;border-radius:0}
.nivelcard{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:var(--text)} .nivelcard:hover{border-color:var(--gray)} .nivelcard .k{display:block;font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gray)} .nivelcard b{font-weight:600;font-size:16px} .nivelcard .est{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--red);white-space:nowrap}
.chip.esp1{background:var(--text);color:#0b0b0c}
.plan .esp{flex:1}

/* recursos */
.recs{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.rec{padding:0;overflow:hidden;display:flex;flex-direction:column;min-width:0}
.rec .pv{position:relative;aspect-ratio:16/9;background:#000;display:grid;place-items:center;overflow:hidden}
.rec .pv img,.rec .pv video{width:100%;height:100%;object-fit:cover;display:block} .rec .pv video{object-fit:contain} .rec .pv audio{width:92%}
.rec .tipo{font:400 22px var(--display);letter-spacing:.06em;text-transform:uppercase;color:#5a5a5e}
.rec .rp{all:unset;cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.66);color:#fff;font-size:17px;line-height:48px;text-align:center}
.rec .tipo + .rp{top:auto;bottom:12px;transform:translateX(-50%)} .rec .pv:has(.tipo + .rp) .tipo{margin-bottom:56px}
.rec .rp:hover{background:var(--btn)} .rec .rp:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.rec .in{padding:12px 14px 14px;display:grid;gap:4px;min-width:0}
.rec b{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .rec small{color:var(--gray);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rec .fila{margin-top:8px;flex-wrap:nowrap} .rec .fila .esp{flex:1} .rec .chip{overflow:hidden;text-overflow:ellipsis;min-width:0}
#f-res{flex-wrap:nowrap} #f-res input{flex:1;min-width:0}
.visor{position:fixed;inset:0;z-index:20;background:rgba(0,0,0,.95);display:grid;place-items:center;padding:16px} .visor img{max-width:100%;max-height:calc(100dvh - 32px)}
#aviso{position:fixed;left:50%;bottom:84px;transform:translateX(-50%);z-index:30;background:var(--text);color:#0b0b0c;font-weight:600;padding:10px 18px;border-radius:22px;max-width:calc(100vw - 32px);box-shadow:0 10px 30px rgba(0,0,0,.5)}
.secreto{font:500 18px/1.4 var(--mono);letter-spacing:.08em;overflow-wrap:anywhere;background:var(--bg);border:1px solid var(--line-2);border-radius:8px;padding:10px 12px;margin-top:8px}

@media (max-width:1080px){.lay{grid-template-columns:230px minmax(0,1fr)}.lay>.der{display:none}}
@media (max-width:760px){
  .lay,.lay.dos{grid-template-columns:minmax(0,1fr);padding:14px 12px 96px;gap:14px}.lay>.lado{display:none}
  .abajo{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:8;background:rgba(11,11,12,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}
  .abajo a{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 8px;color:var(--gray);text-decoration:none;font-size:11.5px;white-space:nowrap} .abajo a[aria-current=page]{color:var(--text)} .abajo a[aria-current=page] .ic{color:var(--red)}
  .top{padding:0 12px;height:54px}.top .yo span{display:none}.marca{font-size:22px}
  .comp .busco,.grid2{grid-template-columns:1fr}
  .entrar{grid-template-columns:1fr}.entrar .cartel{padding:28px 20px 24px}.entrar .cartel h1{font-size:32px}.entrar .cartel>div:first-child{margin-bottom:26px}.creditos{margin-top:22px}
  .perfil .in{padding:0 14px 16px}.editar .guardar{margin:20px -14px -16px;padding:10px 14px;bottom:calc(58px + env(safe-area-inset-bottom))}.av.g{width:104px;height:104px;font-size:42px}.perfil .arr{margin-top:-46px}.claq{flex-wrap:wrap}.claq span{border-top:1px solid var(--line-2)}
  h1{font-size:28px}
}

#f-precios h2{margin-bottom:8px}

/* llamados: días libres, puestos, candidatos y mensajes */
h3.sec{margin:6px 0 10px}
.dias{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:14px}
.dias button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;justify-items:center;gap:2px;padding:8px 2px;border:1px solid var(--line-2);border-radius:10px;min-height:54px}
.dias small{font:500 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gray)} .dias b{font-weight:600;font-size:16px}
.dias button:hover{border-color:var(--gray)} .dias button[aria-pressed=true]{background:#12301f;border-color:var(--green)} .dias button[aria-pressed=true] small{color:var(--green)} .dias button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.llam{padding:0;overflow:hidden} .llam .claq{margin:14px 16px 0;text-decoration:none} .llam>.nota,.llam>.fila,.llam>p{padding:0 16px;margin-top:10px} .llam>:last-child{padding-bottom:14px} .llam .lugar{font-weight:500} .txt2{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-2)}
.alerta{color:#ff9aa3;font-weight:600}
.chip.est-confirmado{background:#12301f;color:var(--green)} .chip.est-nopuede{background:#3a1116;color:#ff9aa3} .chip.est-invitado{background:#33290f;color:#e6c98b}
.puestos{display:grid;margin-top:8px} .puesto{padding:14px 0;border-top:1px solid var(--line)} .puesto:first-child{border-top:0}
.pq{display:flex;gap:10px 12px;align-items:center;flex-wrap:wrap;margin-bottom:8px} .pq b{font-weight:600;min-width:120px} .pq a{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none} .pq small{color:var(--gray)}
.puesto.falta .pq b{color:#ff9aa3} .fila.mas{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)} .fila.mas select{width:auto;flex:1;max-width:260px}
.cand h3{margin:12px 0 4px} .candi{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line)} .candi div{flex:1;min-width:140px} .candi b{display:block;font-weight:600} .candi small{display:block;color:var(--gray);font-size:13px} .candi .pago{width:170px;padding:8px 10px;font-size:14px}
.msgs{margin:6px 0 14px} #f-llmsg{flex-wrap:nowrap} #f-llmsg input{flex:1;min-width:0}
.qops.chica button{min-height:42px;font-size:14px;padding:6px 12px}
#f-llam .guardar{position:static;margin:16px 0 0;padding:14px 0 0;border-radius:0}
.pend{font:500 11px var(--mono);font-style:normal;background:var(--red);color:#fff;border-radius:9px;padding:1px 6px;margin-left:6px}
.buscag{display:flex;gap:8px 10px;flex-wrap:wrap;align-items:center;margin-bottom:14px} .buscag select,.buscag input[type=date]{width:auto;padding:8px 10px;font-size:14px} .buscag label{margin:0}

/* metas */
.meta h2{font:600 18px/1.3 var(--body);text-transform:none;overflow-wrap:anywhere} .meta .cifra{margin:10px 0 8px;font-size:15px;color:var(--text-2)} .meta .cifra b{font:400 30px/1 var(--display);color:var(--text);margin-right:4px} .meta .cifra .mono{margin-left:8px}
.meta progress{display:block;width:100%;height:8px;border:0;border-radius:4px;background:var(--raise);overflow:hidden;appearance:none;-webkit-appearance:none} .meta progress::-webkit-progress-bar{background:var(--raise)} .meta progress::-webkit-progress-value{background:var(--red)} .meta progress::-moz-progress-bar{background:var(--red)}
.meta .nota{margin:10px 0} .meta .avance{width:130px;padding:8px 10px;font-size:15px} .meta .linkbtn{margin-left:14px} .meta.hecha{opacity:.75} .meta.hecha progress::-webkit-progress-value{background:var(--green)}
#f-meta .guardar{position:static;margin:16px 0 0;padding:14px 0 0;border-radius:0}

.avisar{display:flex;gap:6px 16px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:14px} .avisar span{color:var(--gray)} .avisar a{font-weight:500;white-space:nowrap} .avisar .linkbtn{font-size:14px}

/* apariencia: color de acento y tamaño de letra (la marca REDLPM no cambia de color) */
html[data-ac=dorado]{--red:#c9a45c;--btn:#8f6c26;--btn-h:#7c5d1f} html[data-ac=azul]{--red:#4f8ff7;--btn:#2563c9;--btn-h:#1f55ae} html[data-ac=verde]{--red:#3fbf7f;--btn:#1f8a55;--btn-h:#1a7548} html[data-ac=morado]{--red:#a47cf0;--btn:#7446d6;--btn-h:#6339c0} html[data-ac=naranja]{--red:#f28c38;--btn:#b85c0c;--btn-h:#a0500a}
html[data-tam=grande] body{zoom:1.1} html[data-tam=mayor] body{zoom:1.22}
.colores{display:flex;gap:10px;flex-wrap:wrap} .col{all:unset;cursor:pointer;width:38px;height:38px;border-radius:50%;box-shadow:inset 0 0 0 3px var(--card)} .col[aria-pressed=true]{outline:2px solid var(--text);outline-offset:2px} .col:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.c-rojo{background:#f0293a}.c-dorado{background:#c9a45c}.c-azul{background:#4f8ff7}.c-verde{background:#3fbf7f}.c-morado{background:#a47cf0}.c-naranja{background:#f28c38}
.logoed{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0 4px} .logoed img{max-height:64px;max-width:200px;object-fit:contain;background:#fff;border-radius:8px;padding:6px} .nologo{display:grid;place-items:center;width:120px;height:64px;border:1px dashed var(--line-2);border-radius:8px;color:var(--gray);font-size:13px}
.guardar2{margin-top:16px} #f-emp{max-width:780px}
.parati{align-self:flex-start;font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold)} .app.sug{border-color:#5d4c26}

.nota.todo{margin-top:12px}

/* contratar */
.planes{flex-basis:100%;margin-top:6px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:10px} .oferta{font-size:15px} .oferta b{color:var(--gold)}
.plan1{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .plan1 b{font:400 20px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;min-width:90px} .plan1 .esp{flex:1} .subs{flex-basis:100%}

/* primeros pasos */
.pasos .k{display:block;font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)} .pasos h2{font-size:26px;margin-top:2px} .pasos .esp{flex:1}
.pasos progress{display:block;width:100%;height:6px;margin:14px 0 6px;border:0;border-radius:3px;background:var(--raise);overflow:hidden;appearance:none;-webkit-appearance:none} .pasos progress::-webkit-progress-bar{background:var(--raise)} .pasos progress::-webkit-progress-value{background:var(--red)} .pasos progress::-moz-progress-bar{background:var(--red)}
.pasos ol{list-style:none;margin:0;padding:0} .pasos li a{display:flex;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--text)} .pasos li:first-child a{border-top:0}
.pasos .num{width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2);display:grid;place-items:center;font:500 14px var(--mono);flex:none} .pasos li.ok .num{background:#12301f;border-color:var(--green);color:var(--green)}
.pasos li div{flex:1;min-width:0} .pasos li b{display:block;font-weight:600;font-size:16px} .pasos li small{display:block;color:var(--gray);font-size:14px} .pasos li.ok b{color:var(--text-2)}
.pasos .ir{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--red);white-space:nowrap} .pasos li.ok .ir{color:var(--gray)} .pasos li a:hover b{text-decoration:underline}

/* mi página pública: selector de plantilla */
.pagurl{display:flex;gap:6px 16px;flex-wrap:wrap;align-items:center;margin-top:10px;font-size:14px;overflow-wrap:anywhere}
.tpls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tpl{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:4px;padding:10px;border:1px solid var(--line-2);border-radius:10px;min-width:0}
.tpl i{display:block;aspect-ratio:16/10;border-radius:6px;margin-bottom:6px} .tp-retrato i{background:linear-gradient(160deg,#f4f1ea 0 55%,#8a3324 55% 60%,#f4f1ea 60%)} .tp-claqueta i{background:linear-gradient(160deg,#0e0f11 0 55%,#7fd3c4 55% 60%,#15171a 60%)} .tp-estudio i{background:linear-gradient(160deg,#0e0e0e 0 55%,#d91f2f 55% 60%,#1b1b1d 60%)}
.tpl b{font-weight:600;font-size:15px} .tpl small{color:var(--gray);font-size:12.5px} .tpl:hover{border-color:var(--gray)} .tpl[aria-pressed=true]{border-color:var(--text);box-shadow:inset 0 0 0 1px var(--text)} .tpl:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
#f-pag{max-width:780px}
/* bienvenida pública (debajo de la pantalla de entrar) */
.bien{background:var(--bg);border-top:1px solid var(--line)}
.tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)} .tres div{background:var(--bg);padding:30px 32px} .tres b{display:block;font:400 24px/1.1 var(--display);text-transform:uppercase;margin-bottom:8px} .tres span{color:var(--text-2);font-size:15.5px}
.caras{padding:34px 32px 10px;border-top:1px solid var(--line)} .caras h3{margin-bottom:14px} .caras>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.cara{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--text);min-width:0} .cara:hover{border-color:var(--gray)}
.cara img,.cara i{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;background:var(--raise);display:grid;place-items:center;font:400 20px var(--display);font-style:normal;color:var(--gold)}
.cara span{min-width:0} .cara b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cara small{display:block;color:var(--gray);font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bienpie{padding:28px 32px 48px;text-align:center}
@media (max-width:760px){.tres{grid-template-columns:1fr}.tres div{padding:22px 20px}.caras{padding:26px 20px 6px}.tpls{grid-template-columns:1fr}}

/* cliente: mi material */
.oculto{display:none!important}
.mats{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px} .mat{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--text);padding:0 0 16px;overflow:hidden} .mat:hover{border-color:var(--gray)}
.mat .claq{margin:14px 16px 0} .mat .nota{padding:0 16px} .mat .est{padding:0 16px;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--red)}

.matcov{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--raise)} .mat .matcov + .claq{margin-top:4px}

/* una sola entrada: opciones bajo el formulario y la página de planes */
.otras{display:grid;gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.otra{display:block;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px;text-decoration:none;color:var(--text)} .otra:hover{border-color:var(--gray)} .otra b{display:block;font-weight:600} .otra span{display:block;color:var(--gray);font-size:13.5px}
.planes-pub{max-width:1080px;margin:0 auto;padding:28px 20px 60px} .planes-pub header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:34px} .planes-pub h1{font-size:clamp(34px,5vw,54px)} .nota.grande{font-size:17px;max-width:60ch;margin:10px 0 26px;color:var(--text-2)}
.cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px} .plancol{display:flex;flex-direction:column;gap:10px;padding:22px} .plancol.dest{border-color:var(--gold)}
.plancol h2{font-size:30px} .precio1 b{font:400 34px/1.12 var(--display)} .precio1 span{color:var(--gray);font-size:14px} .plancol ul{list-style:none;margin:6px 0 10px;padding:0;flex:1} .plancol li{padding:8px 0;border-top:1px solid var(--line);font-size:15px;color:var(--text-2)} .plancol li:first-child{border-top:0}
@media (max-width:820px){.cols{grid-template-columns:1fr}}

/* Renta de equipo */
.rt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.rt-it{padding:0;overflow:hidden;display:flex;flex-direction:column} .rt-it img,.rt-ph{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--raise);display:block}
.rt-b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1;align-items:flex-start} .rt-b small{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)} .rt-b>b{font-weight:600;font-size:17px;line-height:1.3;overflow-wrap:anywhere} .rt-b>span{color:var(--gray);font-size:14px} .rt-b .rt-no{color:var(--text-2)} .rt-b .precio1{margin:8px 0 10px;flex:1}
.rt-fil .btn[aria-pressed=true]{border-color:var(--gold);color:var(--text)} .rt-aviso{padding:12px 16px;border:1px solid var(--line);border-radius:10px} .rtp{display:grid;gap:8px} .rtp .nota{margin:0}
.rt-f{display:block} .rt-f h2{font-size:26px} .rt-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px} .rt-cta{margin:16px 0} .rt-cta p{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);color:var(--text-2);margin:0} .rt-cta b{white-space:nowrap;color:var(--text)} .rt-cta .tot{font-size:17px;color:var(--text)}
.planes-pub #rt{margin-top:8px} .bienpie{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
@media (max-width:560px){.rt-2{grid-template-columns:1fr}}
.rt-dias{margin-top:0} .rt-dias button[disabled]{cursor:default;opacity:.45;text-decoration:line-through;border-style:dashed} .rt-dias button[aria-pressed=true]{background:#33290f;border-color:var(--gold)} .rt-dias button[aria-pressed=true] small{color:var(--gold)}
/* opciones para agregar en campos de varios valores */
.sug-ch{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} .sug-ch:empty{display:none}
.sug-ch button{all:unset;box-sizing:border-box;cursor:pointer;padding:7px 12px;border:1px solid var(--line-2);border-radius:16px;font-size:13.5px;color:var(--text-2);min-height:36px;display:inline-flex;align-items:center}
.sug-ch button:hover{border-color:var(--gold);color:var(--text)} .sug-ch button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ritmo{font-size:15px;color:var(--text-2);margin:8px 0 0} .ritmo b{color:var(--text);font-weight:600}
/* asistente de metas */
.coach{border-color:var(--gold)} .coach-l{list-style:none;margin:14px 0 0;padding:0;counter-reset:c}
.coach-l li{counter-increment:c;display:flex;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)} .coach-l li::before{content:counter(c);font:400 26px/1 var(--display);color:var(--gold);min-width:22px}
.coach-l li>div{flex:1;min-width:0;display:grid;gap:3px} .coach-l b{font-weight:600;font-size:16px} .coach-l span{color:var(--text-2);font-size:14px} .coach-l .btn{flex:none;white-space:nowrap}
@media (max-width:560px){.coach-l li{flex-wrap:wrap}.coach-l .btn{margin-left:36px}}
.coach-ia{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)} .ia-r{margin-top:14px;display:grid;gap:12px} .ia-res{font-size:16px;color:var(--text)}
.ia-sem{list-style:none;margin:0;padding:0;display:grid;gap:8px} .ia-sem li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;font-size:15px} .ia-sem b{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);padding-top:3px} .ia-sem span{color:var(--text-2)}
.ia-msg{border:1px solid var(--line);border-radius:10px;padding:12px 14px} .ia-msg .txt2{margin:8px 0 0;color:var(--text-2)}
@media (max-width:560px){.ia-sem li{grid-template-columns:1fr;gap:2px}}
/* herramientas de IA */
.ia-out{padding:0;overflow:hidden} .ia-out img{display:block;width:100%;height:auto;background:#fff} .ia-out .fila{padding:12px 16px}
.ia-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px} .ia-gal a{display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden;text-decoration:none;color:var(--text-2)} .ia-gal img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#fff} .ia-gal span{display:block;padding:6px 10px;font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.check{display:flex;gap:8px;align-items:center;text-transform:none;letter-spacing:0;font:400 15px var(--body);color:var(--text-2);cursor:pointer} .check input{width:auto}
input[type=file]{width:100%;background:var(--bg);border:1px solid var(--line-2);border-radius:8px;padding:9px 12px;font-size:15px}
/* Cursos */
.cu-top h1,.cu-soon h1{font-size:clamp(44px,7vw,84px);line-height:.95} .cu-lead{color:var(--text-2);font-size:17px;max-width:62ch;margin:10px 0 0}
.cu-row{margin-top:30px} .cu-row h2{font-size:24px}
.cu-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,240px);gap:12px;overflow-x:auto;padding:12px 2px 14px;scroll-snap-type:x proximity;scrollbar-width:thin}
.cu-card{scroll-snap-align:start;position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;aspect-ratio:3/4;padding:16px;border-radius:10px;border:1px solid var(--line);text-decoration:none;color:var(--text);overflow:hidden;background:linear-gradient(160deg,#2a1215,#0e0e0f 70%);transition:transform .2s,border-color .2s}
.cu-card.t1{background:linear-gradient(160deg,#2b2412,#0e0e0f 70%)} .cu-card.t2{background:linear-gradient(160deg,#12222b,#0e0e0f 70%)} .cu-card.t3{background:linear-gradient(160deg,#1c1c2c,#0e0e0f 70%)} .cu-card.t4{background:linear-gradient(160deg,#14261c,#0e0e0f 70%)}
.cu-card:hover,.cu-card:focus-visible{transform:translateY(-3px);border-color:var(--gold);outline:none}
.cu-card b{font:400 clamp(24px,2.2vw,30px)/1.12 var(--display);text-transform:uppercase;letter-spacing:.01em;overflow-wrap:anywhere} .cu-card em{font-style:normal;color:var(--text-2);font-size:14px;line-height:1.35}
.cu-src{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0} .cu-card .cu-src{position:absolute;top:14px;left:16px;right:16px}
.cu-seen{font-style:normal;font-size:12.5px;color:var(--green)}
.cu-head{margin:8px 0 18px} .cu-head h1{font-size:clamp(34px,5vw,62px);line-height:.98;margin-top:8px} .cu-by{color:var(--text-2);margin:8px 0 0;font-size:17px} .cu-by b{color:var(--text);font-weight:600}
.cu-prog{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:14px} .cu-prog progress{flex:1;min-width:160px;max-width:420px}
.cu-aula{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:18px;align-items:start}
.cu-play video{display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:10px}
.cu-now{padding:14px 2px 4px} .cu-now h2{font:600 22px/1.25 var(--body);text-transform:none;letter-spacing:0;margin:4px 0 12px}
.cu-list{background:var(--panel,#161617);border:1px solid var(--line);border-radius:10px;max-height:min(74vh,720px);overflow:auto;position:sticky;top:76px}
.cu-list h3{position:sticky;top:0;background:var(--panel,#161617);padding:12px 14px 8px;font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0;border-bottom:1px solid var(--line)}
.cu-list ol{list-style:none;margin:0;padding:4px}
.cu-l{all:unset;box-sizing:border-box;display:grid;grid-template-columns:30px minmax(0,1fr) 18px;gap:8px;align-items:start;width:100%;padding:10px;border-radius:8px;cursor:pointer;font-size:14.5px;line-height:1.35;color:var(--text-2)}
.cu-l:hover{background:var(--raise)} .cu-l:focus-visible{outline:2px solid var(--gold);outline-offset:-2px} .cu-l[aria-current=true]{background:var(--raise);color:var(--text)} .cu-l[aria-current=true] .cu-n{color:var(--red)}
.cu-n{font:500 12px var(--mono);color:var(--gray);padding-top:2px} .cu-ok{font-style:normal;color:var(--green)}
.cu-mat{margin-top:16px} .cu-mat h2{font-size:22px} .cu-files{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}
.cu-files a{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--text);font-size:14.5px} .cu-files a:hover{border-color:var(--gold)} .cu-files span:nth-child(2){overflow-wrap:anywhere} .cu-files small{color:var(--gray);white-space:nowrap}
.cu-ext{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:4px 0;border-radius:4px;background:var(--raise);color:var(--gold)}
.cu-soon{padding:clamp(28px,6vw,64px);border:1px solid var(--line);border-radius:14px;background:radial-gradient(ellipse at 80% 0%,#2a1215,transparent 60%)} .cu-tag{display:inline-flex;gap:8px;align-items:center;font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 10px} .cu-tag i{width:9px;height:9px;border-radius:50%;background:var(--red)}
.cu-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 18px} .cu-3 div{display:grid;gap:4px} .cu-3 b{font-weight:600} .cu-3 span{color:var(--text-2);font-size:14.5px}
@media (max-width:900px){.cu-aula{grid-template-columns:minmax(0,1fr)}.cu-list{position:static;max-height:none}.cu-3{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.cu-card{transition:none}.cu-card:hover{transform:none}}
/* Cursos, segunda vuelta: aula a todo lo ancho, módulos y material desplegables, pósters */
.lay.ancho{grid-template-columns:minmax(0,1fr);max-width:1680px} .lay.ancho>.lado{display:none} .lay.ancho .pila>*:not(.gente):not(#apps){max-width:none}
.cu-head .fila{align-items:baseline;gap:6px 18px} .cu-head h1{font-size:clamp(28px,3.4vw,46px);margin-top:4px} .cu-by{margin:0}
.cu-aula{grid-template-columns:minmax(0,1fr) minmax(280px,380px)} .cu-aula.cine{grid-template-columns:minmax(0,1fr)} .cu-aula.cine .cu-list{position:static;max-height:none}
.cu-play video{max-height:82vh;aspect-ratio:auto;min-height:240px}
.cu-list{padding:0} .cu-mod{border-bottom:1px solid var(--line)} .cu-mod:last-child{border-bottom:0}
.cu-mod>summary,.cu-mat>summary,.cu-grp>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none} .cu-mod>summary::-webkit-details-marker,.cu-mat>summary::-webkit-details-marker,.cu-grp>summary::-webkit-details-marker{display:none}
.cu-mod>summary::before,.cu-mat>summary::before,.cu-grp>summary::before{content:"";width:8px;height:8px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg);transition:transform .15s;flex:none}
.cu-mod[open]>summary::before,.cu-mat[open]>summary::before,.cu-grp[open]>summary::before{transform:rotate(45deg)}
.cu-mod>summary{position:sticky;top:0;z-index:1;background:var(--panel,#161617);padding:13px 14px;font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text)} .cu-mod>summary span{flex:1;min-width:0;overflow-wrap:anywhere} .cu-mod>summary small{color:var(--gray);white-space:nowrap}
.cu-mod>summary:focus-visible,.cu-mat>summary:focus-visible,.cu-grp>summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.cu-l{grid-template-columns:96px minmax(0,1fr) 18px;align-items:center}
.cu-th{position:relative;display:block;width:96px;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--raise)} .cu-th img{width:100%;height:100%;object-fit:cover;display:block} .cu-th i{position:absolute;left:4px;bottom:4px;font:500 11px var(--mono);font-style:normal;background:rgba(0,0,0,.72);color:#fff;padding:1px 6px;border-radius:4px}
.cu-l[aria-current=true] .cu-th{outline:2px solid var(--red);outline-offset:1px}
.cu-mat{padding:0;margin-top:14px} .cu-mat>summary{padding:14px 16px} .cu-mat>summary h2{font-size:20px;flex:1} .cu-mat>summary small,.cu-grp>summary small{color:var(--gray)}
.cu-grp{border-top:1px solid var(--line);padding:0 16px} .cu-grp>summary{padding:12px 0;font-weight:600;font-size:15px} .cu-grp>summary span{flex:1} .cu-grp .cu-files{margin:0 0 14px}
.cu-files{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.cu-card .cu-post{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity .2s,transform .4s} .cu-card:hover .cu-post{opacity:.7;transform:scale(1.04)}
.cu-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,11,.55) 0%,rgba(10,10,11,0) 30%,rgba(10,10,11,.92) 78%)}
.cu-card>span,.cu-card>b,.cu-card>em,.cu-card>i{position:relative;z-index:1} .cu-card .cu-src{position:absolute;z-index:1}
@media (max-width:900px){.cu-aula{grid-template-columns:minmax(0,1fr)}.cu-l{grid-template-columns:80px minmax(0,1fr) 18px}.cu-th{width:80px}}
@media (prefers-reduced-motion:reduce){.cu-card .cu-post{transition:none}.cu-card:hover .cu-post{transform:none}}
/* Tablero de Apps: banners */
#apps{max-width:none} .ap-heroes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}
.ap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.ap{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--text);background:#131314;transition:border-color .25s,transform .25s}
a.ap:hover,a.ap:focus-visible{border-color:var(--gold);transform:translateY(-2px);outline:none}
.ap-art{position:relative;aspect-ratio:240/120;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 70% 0%,rgba(201,164,92,.16),transparent 60%),radial-gradient(ellipse at 10% 100%,rgba(240,41,58,.12),transparent 55%),linear-gradient(180deg,#19191b,#111112)}
.ap-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#131314)}
.ap-svg{width:72%;height:auto;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .5s cubic-bezier(.2,.7,.2,1)} a.ap:hover .ap-svg{transform:scale(1.05)}
.ap-svg .d{stroke:#4a4a50} .ap-svg .r{stroke:var(--red)} .ap-svg .f{fill:var(--red);stroke:none} .ap-svg .rs{stroke:var(--red)}
.ap-txt{display:flex;flex-direction:column;gap:8px;padding:4px 20px 20px;flex:1}
.ap-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0} .ap-name{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.ap-tier{font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:10px;border:1px solid var(--line-2);color:var(--gray);white-space:nowrap} .ap-tier.pro{border-color:var(--red);color:#ff9aa3} .ap-tier.sug{border-color:#5d4c26;color:var(--gold)}
.ap-hook{font:600 20px/1.2 var(--body);text-transform:none;letter-spacing:0;margin:0;text-wrap:balance} .ap-desc{color:var(--text-2);font-size:14.5px;margin:0;flex:1}
.ap-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px} .ap-go{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--red)} .ap-go::after{content:" →"} .ap-lock{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gray)}
.ap.off{background:transparent} .ap.off .ap-svg{opacity:.45} .ap.off .ap-hook{color:var(--text-2)}
.ap.hero{flex-direction:row;align-items:stretch;min-height:230px} .ap.hero .ap-art{flex:0 0 44%;aspect-ratio:auto;order:2} .ap.hero .ap-art::after{background:linear-gradient(90deg,#131314,transparent 45%)} .ap.hero .ap-svg{width:82%}
.ap.hero .ap-txt{padding:24px 6px 24px 26px;justify-content:center} .ap.hero .ap-hook{font:400 clamp(26px,2.5vw,36px)/1.12 var(--display);text-transform:uppercase;letter-spacing:.01em} .ap.hero .ap-desc{flex:0;font-size:15.5px}
@media (max-width:1000px){.ap-heroes{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.ap.hero{flex-direction:column;min-height:0}.ap.hero .ap-art{order:0;flex:none;aspect-ratio:240/110}.ap.hero .ap-art::after{background:linear-gradient(180deg,transparent 55%,#131314)}.ap.hero .ap-txt{padding:4px 20px 20px}}
@media (prefers-reduced-motion:reduce){.ap,.ap-svg{transition:none}a.ap:hover{transform:none}a.ap:hover .ap-svg{transform:none}}
/* banners con foto (si la imagen no carga, se quita sola y queda el dibujo) */
.ap-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% center;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .3s} a.ap:hover .ap-ph{transform:scale(1.04)}
.ap-art:has(.ap-ph) .ap-svg{display:none} .ap-art:has(.ap-ph){aspect-ratio:16/8;background:#0c0c0d}
.ap-art:has(.ap-ph)::after{background:linear-gradient(180deg,rgba(19,19,20,0) 40%,#131314 100%);z-index:1}
.ap.off .ap-ph{opacity:.35;filter:grayscale(.6)}
.ap.hero:has(.ap-ph){min-height:270px} .ap.hero:has(.ap-ph) .ap-art{position:absolute;inset:0;flex:none;order:0;aspect-ratio:auto}
.ap.hero:has(.ap-ph) .ap-art::after{background:linear-gradient(90deg,#101011 0%,rgba(16,16,17,.92) 34%,rgba(16,16,17,.35) 62%,rgba(16,16,17,0) 100%)}
.ap.hero:has(.ap-ph) .ap-txt{position:relative;z-index:2;max-width:60%;padding:28px 26px}
@media (max-width:560px){.ap.hero:has(.ap-ph){min-height:0}.ap.hero:has(.ap-ph) .ap-art{position:relative;inset:auto;aspect-ratio:16/8}.ap.hero:has(.ap-ph) .ap-art::after{background:linear-gradient(180deg,rgba(19,19,20,0) 40%,#131314 100%)}.ap.hero:has(.ap-ph) .ap-txt{max-width:none;padding:4px 20px 20px}}
@media (prefers-reduced-motion:reduce){.ap-ph{transition:none}a.ap:hover .ap-ph{transform:none}}
/* Contactos: listos para invitar y proponer */
#invit{margin-top:28px} #invit h2{font-size:24px} .inv-l{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:12px}
.inv-c{display:flex;flex-direction:column;gap:12px} .inv-q{display:grid;gap:3px;min-width:0} .inv-q b{font-weight:600;font-size:16px;overflow-wrap:anywhere} .inv-q small{color:var(--text-2);font-size:13.5px;overflow-wrap:anywhere}
.inv-b{gap:6px} .inv-prop .nota{margin:4px 0 0} .inv-f{margin-top:12px;padding-top:4px;border-top:1px solid var(--line)}
.lay.dos .pila>#invit{max-width:none}
.inv-s{margin-top:22px} #invit .inv-prop + .inv-prop{margin-top:12px}
/* llave del dueño (discreta, al final de Cursos) */
details.cu-llave{margin-top:36px;color:var(--gray);font-size:13.5px} details.cu-llave summary{cursor:pointer;display:inline-block;padding:8px 0} details.cu-llave form{margin-top:8px;gap:8px} details.cu-llave input{max-width:240px}
.llv{text-align:center;padding:30px 20px} .llv-c{font:400 clamp(64px,16vw,120px)/1 var(--display);letter-spacing:.06em;margin:14px 0 18px;font-variant-numeric:tabular-nums} .llv progress{width:min(100%,420px)} .llv .nota{margin-top:12px}
/* ver como miembro */
.vista{position:sticky;top:0;z-index:60;display:flex;gap:10px 18px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px 20px;background:#2b2412;border-bottom:1px solid var(--gold);font-size:14px;color:#f0e2c2}
.vista b{color:#fff} .vista .btn[aria-pressed=true]{border-color:var(--gold);color:#fff} .vista-ir{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0 0}
.vista-n{flex-basis:100%;font-size:13px;color:#e6c98b}
/* revisión general 11-10-2026: ninguna pantalla debe desbordarse a lo ancho (la columna principal no crece con su contenido) */
.pila{grid-template-columns:minmax(0,1fr)} .lay>main{min-width:0} .rtp p,.rtp .fila{min-width:0;overflow-wrap:anywhere} .rtp .fila{flex-wrap:wrap}

/* Mi estudio completo: banner a todo lo ancho con una tira de las fotos de sus apps */
.ap.todo{margin-top:18px;min-height:320px;justify-content:center;border-color:#5d4c26;background:#0c0c0d}
.todo-fx{position:absolute;inset:0;display:flex;padding-left:34%;overflow:hidden}
.todo-fx img{flex:1 1 0;min-width:0;height:100%;object-fit:cover;margin-left:-3%;clip-path:polygon(22% 0,100% 0,78% 100%,0 100%);filter:saturate(.85) brightness(.8);transition:flex-grow .5s cubic-bezier(.2,.7,.2,1),filter .4s}
.todo-fx img:last-child{clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}
a.ap.todo:hover .todo-fx img{filter:saturate(1) brightness(.95)} a.ap.todo:hover .todo-fx img:nth-child(odd){flex-grow:1.25}
.ap.todo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0c0c0d 0%,rgba(12,12,13,.94) 30%,rgba(12,12,13,.45) 52%,rgba(12,12,13,0) 75%),linear-gradient(0deg,rgba(12,12,13,.55),transparent 40%);pointer-events:none}
.ap.todo .ap-txt{position:relative;z-index:2;flex:0;max-width:min(560px,58%);padding:34px 30px;gap:10px}
.ap.todo .ap-hook{font:400 clamp(30px,3.6vw,52px)/1.12 var(--display);text-transform:uppercase;letter-spacing:.01em}
.ap.todo .ap-desc{flex:0;font-size:15.5px} .ap.todo .ap-foot{margin-top:12px;gap:14px} .ap.todo .btn{white-space:nowrap}
.todo-n{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
@media (max-width:700px){.ap.todo{min-height:0}.todo-fx{position:relative;inset:auto;padding-left:0;height:150px}.ap.todo::after{background:linear-gradient(180deg,transparent 20%,#0c0c0d 150px)}.ap.todo .ap-txt{max-width:none;padding:4px 20px 22px}}
@media (prefers-reduced-motion:reduce){.todo-fx img{transition:none}a.ap.todo:hover .todo-fx img:nth-child(odd){flex-grow:1}}

/* Mi tarjeta: acceso rápido arriba para compartir la página pública; botones de la tarjeta "Mi página pública" */
.tarj{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid #5d4c26;border-radius:18px;color:var(--gold);font:500 13.5px var(--body);white-space:nowrap;transition:border-color .2s,color .2s}
.tarj:hover,.tarj:focus-visible{border-color:var(--gold);color:var(--text)} .tarj:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.pagurl{color:var(--gold)} .pagbtn{gap:8px;flex-wrap:wrap;margin-top:8px} .pagbtn .btn{white-space:nowrap}
@media (max-width:560px){.tarj{padding:0 10px}.tarj span{display:none}}

/* ---------- Bienvenida: guía a pantalla completa, foto de producción con movimiento lento y texto que entra por renglones ---------- */
body.en-bv{overflow:hidden}
.bv{position:fixed;inset:0;z-index:50;background:#070708;color:var(--text);display:flex;flex-direction:column;overflow:hidden}
.bv-carga{margin:auto;color:var(--gray)}
.bv-bg,.bv-velo{position:absolute;inset:0}
.bv-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease}
.bv-bg img.on{opacity:1;animation:bvkb 16s ease-out both}
@keyframes bvkb{from{transform:scale(1.02)}to{transform:scale(1.14) translate(-1.2%,-1%)}}
.bv-velo{background:linear-gradient(90deg,rgba(7,7,8,.96) 0%,rgba(7,7,8,.86) 38%,rgba(7,7,8,.35) 72%,rgba(7,7,8,.15) 100%),linear-gradient(0deg,rgba(7,7,8,.9) 0%,rgba(7,7,8,0) 45%)}
.bv-top{position:relative;z-index:2;padding:16px clamp(18px,5vw,64px) 0} .bv-top .fila{margin-top:14px;align-items:center} .bv-top .marca{font-size:24px} .bv-top .linkbtn{font-size:14px;padding:8px 0;white-space:nowrap}
.bv-seg{display:flex;gap:5px} .bv-seg i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.18);overflow:hidden;position:relative}
.bv-seg i.ok{background:var(--gold)} .bv-seg i.on::after{content:"";position:absolute;inset:0;background:var(--gold);transform-origin:left;animation:bvseg .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes bvseg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.bv-main{position:relative;z-index:2;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;padding:0 clamp(18px,5vw,64px) clamp(18px,4vh,44px);overflow-y:auto}
.bv-in{max-width:680px;padding-top:24px} .bv-in>*{animation:bvsube .7s cubic-bezier(.2,.7,.2,1) both}
.bv-in>:nth-child(2){animation-delay:.08s} .bv-in>:nth-child(3){animation-delay:.16s} .bv-in>:nth-child(4){animation-delay:.24s} .bv-in>:nth-child(5){animation-delay:.32s}
@keyframes bvsube{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.bv-k{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 12px;font:500 12.5px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.bv h1{font:400 clamp(34px,5.4vw,68px)/1.12 var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0;text-wrap:balance}
.bv-p{font-size:clamp(16px,1.5vw,19px);color:var(--text-2);margin:14px 0 0;max-width:56ch} .bv-p.t2{color:var(--gray);font-size:15.5px}
.bv-li{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px} .bv-li li{position:relative;padding-left:26px;font-size:clamp(16px,1.4vw,18.5px);color:var(--text-2);animation:bvsube .6s cubic-bezier(.2,.7,.2,1) both}
.bv-li li::before{content:"";position:absolute;left:0;top:.62em;width:14px;height:1.5px;background:var(--gold)} .bv-li li:nth-child(1){animation-delay:.25s} .bv-li li:nth-child(2){animation-delay:.36s} .bv-li li:nth-child(3){animation-delay:.47s}
.bv-ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin-top:20px;max-width:760px} .bv-ops.una{grid-template-columns:repeat(2,minmax(0,1fr))}
.bv-ops button{all:unset;box-sizing:border-box;cursor:pointer;min-height:46px;padding:9px 14px;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(12,12,13,.55);backdrop-filter:blur(6px);font-size:15px;font-weight:500;line-height:1.25;transition:border-color .2s,background .2s,color .2s}
.bv-ops button:hover{border-color:var(--gold)} .bv-ops button:focus-visible{outline:2px solid var(--gold);outline-offset:2px} .bv-ops button[aria-pressed=true]{background:var(--text);color:#0b0b0c;border-color:var(--text)}
.bv-zona{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;max-width:560px}
.bv-fin{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px} .bv-fin .btn{white-space:nowrap}
.bv-pie{display:flex;gap:10px;align-items:center;margin-top:clamp(18px,4vh,34px)} .bv-pie .btn{white-space:nowrap} .bv-pie kbd{font:500 11px var(--mono);border:1px solid rgba(255,255,255,.4);border-radius:5px;padding:1px 6px;margin-left:6px;opacity:.85}
.bv-n{margin-left:auto;font:500 12px var(--mono);letter-spacing:.14em;color:var(--gray)}
@media (max-width:700px){.bv-velo{background:linear-gradient(0deg,rgba(7,7,8,.97) 0%,rgba(7,7,8,.9) 52%,rgba(7,7,8,.3) 100%)}.bv-ops,.bv-ops.una{grid-template-columns:repeat(2,minmax(0,1fr))}.bv-ops.una{grid-template-columns:minmax(0,1fr)}.bv-ops button{font-size:14px;padding:8px 10px;min-height:44px}.bv-pie kbd{display:none}.bv-zona{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.bv-bg img{transition:opacity .2s}.bv-bg img.on,.bv-in>*,.bv-li li,.bv-seg i.on::after{animation:none}}

/* ---------- Mensajes ---------- */
.tarj.msgb{position:relative;border-color:var(--line-2);color:var(--text-2)} .tarj.msgb .pend{margin-left:0}
.ms-lista a{align-items:center} .ms-lista a>div{flex:1;min-width:0} .ms-lista small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ms-lista .tu{color:var(--gray)}
.ms-lista a.nuevo b{color:var(--text)} .ms-lista a.nuevo small{color:var(--text);font-weight:500} .ms-h{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:12.5px;color:var(--gray);white-space:nowrap}
.ms-chat{display:flex;flex-direction:column;padding:0;overflow:hidden;height:min(72vh,720px);min-height:380px}
.ms-chat header{display:flex;align-items:center;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line)} .ms-chat header .linkbtn{font-size:22px;padding:4px 8px;color:var(--text)}
.ms-q{display:flex;align-items:center;gap:10px;min-width:0;color:var(--text);text-decoration:none} .ms-q span{min-width:0} .ms-q b,.ms-q small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ms-q small{color:var(--gray);font-size:13px}
.ms-hilo{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px} .ms-hilo:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.ms-dia{align-self:center;margin:10px 0 4px;font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gray)} .ms-vacio{margin:auto}
.ms-b{max-width:min(78%,520px);align-self:flex-start;background:var(--raise);border-radius:16px 16px 16px 4px;padding:8px 13px} .ms-b p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere} .ms-b small{display:block;margin-top:2px;font-size:11.5px;color:var(--gray)}
.ms-b.mio{align-self:flex-end;background:#3a1418;border-radius:16px 16px 4px 16px} .ms-b.mio small{text-align:right;color:#d6a3a8}
#f-msg{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid var(--line)} #f-msg textarea{flex:1;min-width:0;min-height:44px;max-height:140px;resize:none;margin:0} #f-msg .btn{white-space:nowrap;min-height:44px} #f-msg kbd{font:500 11px var(--mono);opacity:.8;margin-left:6px}
/* ---------- Recomendaciones y reel en el perfil ---------- */
.recom h2 span{color:var(--gray);font-weight:400} .rec{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line)} .rec:first-of-type{border-top:0} .rec>div{flex:1;min-width:0} .rec.oc{opacity:.55}
.rec-t{margin:0;white-space:pre-wrap;overflow-wrap:anywhere} .rec-q{display:flex;gap:6px 10px;align-items:center;flex-wrap:wrap;margin:6px 0 0;font-size:13.5px;color:var(--gray)} .rec-q a{font-weight:600;color:var(--text);text-decoration:none} .rec-q a:hover{text-decoration:underline}
#f-rec{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)} #f-rec .fila{gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}
.reel-v{position:relative;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000;margin-top:10px} .reel-v iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.inst{display:flex;gap:6px 12px;align-items:center;flex-wrap:wrap} .inst[hidden]{display:none}
@media (max-width:560px){.tarj.msgb span{display:none}.ms-chat{height:calc(100dvh - 210px)}#f-msg kbd{display:none}}

/* Avisos al teléfono y franja de sin señal */
.avi .nota{display:flex;gap:6px 12px;align-items:center;flex-wrap:wrap} .avi:empty{display:none} .avi .btn{white-space:nowrap}
#sinred{position:fixed;left:0;right:0;top:0;z-index:60;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;background:#3a2c0c;border-bottom:1px solid var(--gold);color:var(--text);font-size:14px;text-align:center}

/* ---------- Archivos y entregas ---------- */
.ar-uso b{display:block;font:400 30px/1.1 var(--display)} .ar-uso b span{font:400 15px var(--body);color:var(--gray)} .ar-uso progress{width:100%;margin-top:10px} .ar-uso .nota{margin-top:10px}
#f-arch label span{color:var(--gray);font-weight:400} #f-arch .fila{gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap} #f-arch input[type=file]{width:100%}
.ar-c details{margin-top:10px} .ar-c summary{cursor:pointer;color:var(--gray);font-size:14px;padding:4px 0}
.ar-fl{list-style:none;margin:6px 0 0;padding:0} .ar-fl li{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);min-width:0} .ar-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ar-fl small{color:var(--gray);white-space:nowrap}
.ar-t{flex:none;width:8px;height:8px;border-radius:50%;background:var(--gray)} .ar-video{background:var(--red)} .ar-image{background:var(--gold)} .ar-audio{background:var(--green)}
.ar-l{margin-top:12px;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px} .ar-l.off{opacity:.6} .ar-le{display:flex;gap:6px 12px;align-items:center;flex-wrap:wrap;margin:0 0 8px} .ar-l .fila{gap:8px;flex-wrap:wrap;align-items:center} .ar-l .btn{white-space:nowrap}
.ar-cm{margin:6px 0;padding:8px 12px;background:var(--raise);border-radius:10px;font-size:14.5px;display:flex;gap:4px 8px;flex-wrap:wrap;align-items:baseline} .ar-cm span.notr{flex-basis:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.ar-pie{margin-top:12px;gap:10px;align-items:center;flex-wrap:wrap} .ar-pie .btn{white-space:nowrap}

/* ---------- Mi tarjeta digital y Cobros (códigos QR) ---------- */
.qr{display:block;width:100%;height:auto;border-radius:8px}
.tj-c{display:flex;gap:24px;align-items:center;flex-wrap:wrap} .tj-qr{flex:0 0 auto;width:min(240px,100%)} .tj-d{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1 1 220px}
.tj-d b{font:400 clamp(26px,3vw,36px)/1.12 var(--display);text-transform:uppercase;overflow-wrap:anywhere} .tj-d span{color:var(--text-2)} .tj-d small{color:var(--gold);font:500 12.5px var(--mono);overflow-wrap:anywhere}
.tj .nota{margin-top:16px} .tj-b{gap:8px;flex-wrap:wrap;margin-top:14px} .tj-b .btn{white-space:nowrap}
.cb-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.cb-m{display:flex;flex-direction:column;gap:6px;align-items:flex-start} .cb-m b{font-size:17px;overflow-wrap:anywhere} .cb-m small{color:var(--gray);font-size:13px} .cb-m .fila{gap:8px;margin-top:8px;flex-wrap:wrap} .cb-m .btn{white-space:nowrap}
.cb-qr{all:unset;display:block;width:100%;max-width:220px;cursor:zoom-in;border-radius:8px} button.cb-qr:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#f-cb .check{margin-top:14px} #f-cb .fila{gap:12px;align-items:center;margin-top:12px}
.cb-ov{position:fixed;inset:0;z-index:70;background:rgba(5,5,6,.94);display:grid;place-items:center;padding:20px;animation:bvsube .25s ease both}
.cb-ovc{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;width:min(420px,100%)} .cb-ovc .cb-qr{max-width:none;cursor:default;margin:8px 0} .cb-ovc b{font-size:22px;overflow-wrap:anywhere} .cb-ovc small{color:var(--gray)} .cb-ovc .btn{margin-top:14px} .cb-ovc kbd{font:500 11px var(--mono);opacity:.8;margin-left:6px}
@media (prefers-reduced-motion:reduce){.cb-ov{animation:none}}

/* adjuntos en Mensajes */
.ms-b.adj{padding:6px} .ms-b.adj p,.ms-b.adj small{padding:0 7px} .ms-b img,.ms-b video{display:block;max-width:100%;max-height:340px;border-radius:12px;margin-bottom:4px;background:#000} .ms-b img{cursor:zoom-in}
.ms-adj{min-height:44px;padding:0 12px} .ms-adj .ic{width:20px;height:20px}

/* ---------- Textos legales ---------- */
.leg{font-size:12.5px;color:var(--gray);margin:14px 0 0;line-height:1.6} .leg a{color:var(--text-2)} .lado .leg{padding:0 14px}
.legal{max-width:760px} .legal h1{margin:6px 0 14px} .legal .seg{margin-bottom:8px} .legal .seg a{padding:8px 14px;border-radius:18px;text-decoration:none;color:var(--text-2);white-space:nowrap} .legal .seg a[aria-current=page]{background:var(--text);color:#0b0b0c}
.legal section{margin-top:24px} .legal h2{font:600 17px/1.3 var(--body);text-transform:none;margin-bottom:8px} .legal p{color:var(--text-2);max-width:68ch;margin:0 0 10px;line-height:1.65} .legal .nota{margin-top:28px}
.legal-f{max-width:820px;margin:0 auto;padding:0 20px 60px} .legal-f header{display:flex;align-items:center;gap:14px;padding:18px 0 26px}

/* ---------- Mi disco ---------- */
.rt-2[hidden]{display:none}
.dk-cab b{display:block;font:400 26px/1.12 var(--display);overflow-wrap:anywhere} .dk-tabs{flex-wrap:wrap} .dk-tabs button{white-space:nowrap}
.dk-ini .fila{gap:10px;flex-wrap:wrap;margin-top:16px} .dk-ini .btn{white-space:nowrap} .dk-pts{margin:18px 0 0;padding-left:18px;color:var(--gray);font-size:14px;display:grid;gap:4px}
.dk-est{list-style:none;margin:10px 0 0;padding:0} .dk-est li{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr) auto;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)} .dk-est li:first-child{border-top:0} .dk-est span{color:var(--gray);font-size:14px} .dk-est small{color:var(--gold);white-space:nowrap} .dk-est li.ok small{color:var(--green)}
#dk-f .fila,#dk-idea .fila{gap:12px;align-items:center;margin-top:14px;flex-wrap:wrap} #dk-f .check{margin-top:14px}
.dk-g{border-top:1px solid var(--line);padding:8px 0} .dk-g summary{cursor:pointer;display:flex;gap:10px;align-items:center;justify-content:space-between;padding:4px 0} .dk-g summary b{overflow-wrap:anywhere;font-weight:600;font-size:14.5px} .dk-g summary small{color:var(--gold);font:500 12px var(--mono)}
.dk-r{display:grid;grid-template-columns:20px minmax(0,1.4fr) minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px 0;margin:0;font-weight:400;text-transform:none;letter-spacing:0;font-size:13.5px;color:var(--text)} .dk-r span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dk-r small{color:var(--gray);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dk-pie{gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}
.dk-ideas .dk-idea,.dk-cat{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:12px;align-items:center;width:100%;padding:12px 4px;border-top:1px solid var(--line)} .dk-idea b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis} .dk-idea small{color:var(--gray)} .dk-idea .ir{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--red)} .dk-idea:hover b,.dk-cat:hover b{text-decoration:underline} .dk-idea:focus-visible,.dk-cat:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.dk-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 18px;margin-top:8px} .dk-cat{justify-content:space-between} .dk-cat small{color:var(--gold);font:500 12px var(--mono)} .dk-cat[disabled]{opacity:.45;cursor:default}
.dk-sub{margin-top:16px} .dk-sub h3{font:600 14px var(--body);text-transform:none;letter-spacing:0;color:var(--text-2);margin-bottom:4px} .dk-sub h3 small{color:var(--gray);font-weight:400}
.dk-fl{display:flex;gap:10px;align-items:center;padding:6px 0;border-top:1px solid var(--line);min-width:0} .dk-fl .linkbtn{color:var(--text);font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1} .dk-fl small{color:var(--gray);font-size:12.5px;white-space:nowrap} .dk-fl.visto .linkbtn{color:var(--gray)} .dk-fl.visto .linkbtn::after{content:" ✓";color:var(--green)} .dk-fl .btn{white-space:nowrap}
.dk-prev{margin:10px 0} .dk-prev:empty{display:none} .dk-prev video,.dk-prev img{display:block;width:100%;max-height:60vh;border-radius:10px;background:#000;object-fit:contain} .dk-prev audio{width:100%}

/* ---------- "Antes de usar": advertencias de cada app ---------- */
.antes{border-color:#5d4c26;background:#1a1710;padding:0} .antes summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:center;padding:12px 16px} .antes summary::-webkit-details-marker{display:none} .antes summary b{flex:1;min-width:0;font-weight:600}
.antes-i{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold);display:grid;place-items:center;font:600 13px var(--mono)} .antes-v{font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gold)} .antes[open] .antes-v{display:none}
.antes ul{margin:0;padding:0 18px 4px 46px;display:grid;gap:6px;color:var(--text-2);font-size:14.5px;line-height:1.5} .antes .btn{margin:10px 16px 16px 46px} .antes:not([open]){background:transparent} .antes[open]:not(:has(.btn)){padding-bottom:12px} .antes summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;border-radius:12px}

/* Mi disco: preguntas con imagen */
.dk-pq{display:grid;gap:12px;margin-top:14px} .dk-q{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:16px;align-items:center;padding:12px;border:1px solid var(--line-2);border-radius:12px}
.dk-qm{aspect-ratio:16/9;border-radius:8px;background:#0c0c0d;display:grid;place-items:center;overflow:hidden;color:var(--gray);font:500 13px var(--mono);letter-spacing:.12em} .dk-qm img{width:100%;height:100%;object-fit:cover;display:block} .dk-qm audio{width:94%}
.dk-qt{min-width:0} .dk-qt b{display:block;font-size:17px} .dk-qt small{display:block;color:var(--gray);font-size:12.5px;margin-top:2px;overflow-wrap:anywhere}
.dk-qo{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px} .dk-qo button{all:unset;box-sizing:border-box;cursor:pointer;min-height:38px;padding:6px 14px;border:1px solid var(--line-2);border-radius:19px;font-size:14px;font-weight:500;white-space:nowrap;display:inline-flex;align-items:center}
.dk-qo button:hover{border-color:var(--gold)} .dk-qo button:focus-visible{outline:2px solid var(--gold);outline-offset:2px} .dk-qo button[aria-pressed=true]{background:var(--text);color:#0b0b0c;border-color:var(--text)}
.dk-pie kbd{font:500 11px var(--mono);opacity:.8;margin-left:6px}
@media (max-width:640px){.dk-q{grid-template-columns:minmax(0,1fr)}}

/* Mi disco: renombrar */
.dk-r span b{font-weight:600;color:var(--green)} .dk-fle{font-style:normal;color:var(--gray)} .dk-ojo{display:grid;gap:4px;margin:10px 0;padding:12px 14px;border:1px solid var(--gold);border-radius:10px;background:#1a1710;font-size:14.5px;line-height:1.5} .dk-ojo span{color:var(--text-2)}

/* niveles por oficio: para quién es cada uno y el recomendado */
.para{font-size:13.5px;color:var(--text-2);margin:2px 0 8px;line-height:1.45} .para span:first-child{color:var(--gold);font:500 11.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;display:block}
.plan1{flex-wrap:wrap} .plan1.sug{border-color:#5d4c26} .plan1 .ap-tier{margin-left:8px}

/* ---------- Tarjetas del muro tipo anuncio ---------- */
.pm{display:block;text-decoration:none;color:var(--text);border-color:#3a3122;background:linear-gradient(180deg,#17150f,#131314);overflow:hidden}
.pm-et{display:inline-block;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.pm b{font-weight:600;font-size:17px} .pm small{display:block;color:var(--gray);font-size:13px;margin-top:2px}
.pm-q{font-size:17px;line-height:1.45;margin:0;text-wrap:pretty} .pm-q.ch{font-size:14.5px;color:var(--text-2);margin-top:4px} .pm-q b{font-size:inherit}
.pm-pie{display:flex;gap:6px 16px;flex-wrap:wrap;align-items:center;margin-top:12px} .pm-pie small{margin:0}
.pm-ir{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:500;color:var(--gold);text-decoration:none} .pm-pie .pm-ir{margin-top:0} a.pm-ir:hover,a.pm:hover .pm-ir{text-decoration:underline} a.pm:hover,a.pm:focus-visible{border-color:var(--gold);outline:none}
.pm-foto{padding:0;display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr)} .pm-foto img{width:100%;height:100%;min-height:150px;max-height:220px;object-fit:cover;display:block;background:#0c0c0d} .pm-b{padding:16px 18px;min-width:0}
@media (max-width:560px){.pm-foto{grid-template-columns:minmax(0,1fr)}.pm-foto img{max-height:170px}}
/* ---------- Demostraciones: la ventanita de la app con datos de ejemplo que se van llenando ---------- */
.dm{width:100%;max-width:400px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(14,14,15,.86);backdrop-filter:blur(10px);box-shadow:0 24px 60px rgba(0,0,0,.55);overflow:hidden;font-size:14px;text-align:left}
.dm-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1)} .dm-bar i{width:8px;height:8px;border-radius:50%;background:#3a3a3e} .dm-bar i:first-child{background:var(--red)} .dm-bar b{margin-left:6px;font-weight:600;font-size:13px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-ej{font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gray);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:1px 6px}
.dm-kpi{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 14px 6px} .dm-kpi span{color:var(--gray);font-size:12.5px} .dm-kpi b{font:400 30px/1 var(--display);color:var(--gold);white-space:nowrap} .dm-kpi em{font-style:normal} .dm-kpi small{font:400 13px var(--body);color:var(--gray)}
.dm-rows{padding:2px 14px 12px} .dm-r{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid rgba(255,255,255,.08);opacity:0;animation:dmEntra .5s cubic-bezier(.2,.7,.2,1) forwards}
.dm-r:nth-child(1){animation-delay:.5s} .dm-r:nth-child(2){animation-delay:1.2s} .dm-r:nth-child(3){animation-delay:1.9s} .dm-r:nth-child(4){animation-delay:2.6s}
.dm-r>div{min-width:0} .dm-r b{display:block;font-weight:500;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .dm-r small{display:block;color:var(--gray);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-e{position:relative;flex:none;font-size:11.5px;font-weight:500;white-space:nowrap} .dm-e i,.dm-e u{font-style:normal;text-decoration:none;display:inline-block;padding:2px 8px;border-radius:10px}
.dm-e u{background:rgba(111,211,155,.14);color:var(--green)} .dm-e i{background:rgba(201,164,92,.14);color:var(--gold)}
.dm-e.dos u{position:absolute;right:0;top:0;opacity:0;animation:dmSale .4s ease forwards} .dm-e.dos i{animation:dmVa .4s ease forwards}
.dm-r:nth-child(1) .dos u,.dm-r:nth-child(1) .dos i{animation-delay:1.9s} .dm-r:nth-child(2) .dos u,.dm-r:nth-child(2) .dos i{animation-delay:2.6s} .dm-r:nth-child(3) .dos u,.dm-r:nth-child(3) .dos i{animation-delay:3.3s} .dm-r:nth-child(4) .dos u,.dm-r:nth-child(4) .dos i{animation-delay:4s}
@keyframes dmEntra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @keyframes dmSale{to{opacity:1}} @keyframes dmVa{to{opacity:0}}
.bv-demo{position:absolute;right:clamp(18px,6vw,90px);top:50%;transform:translateY(-54%);width:min(400px,36vw);z-index:1;animation:bvsube .8s cubic-bezier(.2,.7,.2,1) both}
/* con la demo a la derecha, el texto se queda en su mitad para no encimarse; en teléfono la demo va arriba y la pantalla empieza desde arriba (así nunca queda tapada por el encabezado) */
.bv-main:has(.bv-demo) .bv-in{max-width:min(680px,52%)}
@media (max-width:1100px){.bv-demo{width:min(360px,40vw);right:clamp(14px,3vw,40px)}}
@media (max-width:700px){.bv-demo{position:static;transform:none;width:100%;max-width:400px;margin:6px 0 14px}.bv-demo .dm-r:nth-child(4){display:none}.bv-main:has(.bv-demo){justify-content:flex-start}.bv-main:has(.bv-demo) .bv-in{max-width:none;padding-top:0}.bv-main:has(.bv-demo) .bv-pie{margin-top:auto;padding-top:16px}}
@media (max-height:700px) and (max-width:700px){.bv-demo .dm-r:nth-child(3){display:none}}
@media (max-height:620px) and (min-width:701px){.bv-demo .dm-r:nth-child(4){display:none}}
/* "¿Cómo funciona?" */
.como-b{all:unset;cursor:pointer;vertical-align:middle;margin-left:10px;font:500 12px var(--body);letter-spacing:0;text-transform:none;color:var(--gold);border:1px solid #5d4c26;border-radius:14px;padding:4px 12px;white-space:nowrap} .como-b:hover{border-color:var(--gold);color:var(--text)} .como-b:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.como{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:28px;align-items:center;width:min(880px,100%);max-height:92vh;overflow:auto} .como h2{font:400 clamp(26px,3.4vw,40px)/1.12 var(--display);text-transform:uppercase;margin:0 0 10px} .como ol{margin:0 0 18px;padding-left:20px;color:var(--text-2);display:grid;gap:8px;font-size:16px;line-height:1.45} .como .fila{gap:14px;align-items:center;flex-wrap:wrap} .como kbd{font:500 11px var(--mono);opacity:.8;margin-left:6px}
@media (max-width:760px){.como{grid-template-columns:minmax(0,1fr);gap:16px}}
@media (prefers-reduced-motion:reduce){.dm-r{opacity:1;animation:none}.dm-e.dos i{display:none}.dm-e.dos u{position:static;opacity:1;animation:none}.bv-demo{animation:none}}

/* ---------- Apps destacada en la navegación ---------- */
.nav a.nav-apps{background:linear-gradient(135deg,#2a2110,#1b1710);border:1px solid #6b5628;color:var(--text);font-weight:600;padding:13px 12px;margin-bottom:8px} .nav a.nav-apps .ic{color:var(--gold)} .nav a.nav-apps:hover,.nav a.nav-apps[aria-current=page]{border-color:var(--gold);background:linear-gradient(135deg,#3a2d14,#221c11)} .nav a.nav-apps[aria-current=page] .ic{color:var(--gold)}
@media (max-width:860px){.abajo a.nav-apps{flex:1.15;color:var(--text);font-weight:600;position:relative} .abajo a.nav-apps .ic{width:26px;height:26px;padding:9px;box-sizing:content-box;margin-top:-22px;border-radius:50%;background:linear-gradient(135deg,#c9a45c,#8f6f2e);color:#0b0b0c;box-shadow:0 6px 18px rgba(0,0,0,.5),0 0 0 4px rgba(11,11,12,.96)} .abajo a.nav-apps[aria-current=page] .ic{color:#0b0b0c} .abajo a.nav-apps .pend{position:absolute;top:-14px;left:calc(50% + 12px);margin:0}}
/* fotos y portadas temporales */
img.cov{display:block;width:100%;object-fit:cover}

/* ---------- Banners de apps: la foto Y el dibujo de línea. El dibujo va chico sobre la parte oscura (izquierda) y se traza solo. ---------- */
.ap-art:has(.ap-ph) .ap-svg{display:block;position:absolute;z-index:2;left:16px;top:14px;width:34%;max-width:150px;opacity:.95;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}
.ap.hero:has(.ap-ph) .ap-svg{left:26px;top:20px;width:104px;max-width:none} .ap.hero:has(.ap-ph) .ap-txt{padding-top:92px}
.ap.todo .ap-svg{display:none}
.ap-svg *{stroke-dasharray:520;stroke-dashoffset:520;animation:apTrazo 2.2s cubic-bezier(.4,0,.2,1) forwards}
.ap-svg :nth-child(2){animation-delay:.18s} .ap-svg :nth-child(3){animation-delay:.36s} .ap-svg :nth-child(4){animation-delay:.54s} .ap-svg :nth-child(5){animation-delay:.72s} .ap-svg :nth-child(n+6){animation-delay:.9s}
.ap-svg .f{stroke-dasharray:none;stroke-dashoffset:0;opacity:0;animation:apPunto .5s 1.5s ease forwards,apLate 2.4s 2.1s ease-in-out infinite}
a.ap:hover .ap-svg *,a.ap:focus-visible .ap-svg *{animation-name:apTrazoB} a.ap:hover .ap-svg .f,a.ap:focus-visible .ap-svg .f{animation-name:apPunto,apLate}
@keyframes apTrazo{to{stroke-dashoffset:0}} @keyframes apTrazoB{from{stroke-dashoffset:520}to{stroke-dashoffset:0}} @keyframes apPunto{to{opacity:1}} @keyframes apLate{0%,100%{opacity:1}50%{opacity:.35}}
@media (max-width:560px){.ap.hero:has(.ap-ph) .ap-svg{left:16px;top:14px;width:34%;max-width:150px}.ap.hero:has(.ap-ph) .ap-txt{padding-top:4px}}
@media (prefers-reduced-motion:reduce){.ap-svg *,.ap-svg .f{animation:none;stroke-dashoffset:0;opacity:1}}

/* música de la bienvenida */
.bv-son{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;margin-right:14px;border:1px solid rgba(255,255,255,.22);border-radius:17px;font-size:13px;color:var(--text-2);white-space:nowrap;transition:border-color .2s,color .2s}
.bv-son:hover{border-color:var(--gold);color:var(--text)} .bv-son:focus-visible{outline:2px solid var(--gold);outline-offset:2px} .bv-son[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}
@media (max-width:560px){.bv-son span{display:none}.bv-son{padding:0 9px;margin-right:10px}}

/* ---------- Bienvenida: entradas tipo presentación. Cada cosa entra por su lado y por turnos: etiqueta, título palabra por palabra, texto, opciones, renglones, ventana de ejemplo y al final los botones. ---------- */
.bv-in>*{animation:none}
.bv-k{animation:bvIzq .55s cubic-bezier(.2,.8,.2,1) both}
.bv h1 .w{display:inline-block;opacity:0;transform:translateY(.7em) rotate(3deg);transform-origin:left bottom;animation:bvPal .6s cubic-bezier(.2,.9,.2,1) forwards}
.bv h1 .w:nth-child(1){animation-delay:0.15s} .bv h1 .w:nth-child(2){animation-delay:0.22s} .bv h1 .w:nth-child(3){animation-delay:0.29s} .bv h1 .w:nth-child(4){animation-delay:0.36s} .bv h1 .w:nth-child(5){animation-delay:0.43s} .bv h1 .w:nth-child(6){animation-delay:0.50s} .bv h1 .w:nth-child(7){animation-delay:0.57s} .bv h1 .w:nth-child(8){animation-delay:0.64s} .bv h1 .w:nth-child(9){animation-delay:0.71s} .bv h1 .w:nth-child(10){animation-delay:0.78s} .bv h1 .w:nth-child(11){animation-delay:0.85s} .bv h1 .w:nth-child(12){animation-delay:0.92s} .bv h1 .w:nth-child(13){animation-delay:0.99s} .bv h1 .w:nth-child(14){animation-delay:1.06s}
.bv-in>.bv-p{animation:bvsube .6s cubic-bezier(.2,.7,.2,1) .75s both} .bv-in>.bv-p.t2{animation-delay:.95s}
.bv-li li{animation:bvIzq .5s cubic-bezier(.2,.8,.2,1) both}
.bv-li li:nth-child(1){animation-delay:.85s} .bv-li li:nth-child(2){animation-delay:1.05s} .bv-li li:nth-child(3){animation-delay:1.25s}
.bv-ops,.bv-zona,.bv-fin{animation:none} .bv-ops button{opacity:0;animation:bvPop .38s cubic-bezier(.2,1.3,.4,1) forwards}
.bv-ops button:nth-child(1){animation-delay:0.85s} .bv-ops button:nth-child(2){animation-delay:0.90s} .bv-ops button:nth-child(3){animation-delay:0.94s} .bv-ops button:nth-child(4){animation-delay:0.98s} .bv-ops button:nth-child(5){animation-delay:1.03s} .bv-ops button:nth-child(6){animation-delay:1.07s} .bv-ops button:nth-child(7){animation-delay:1.12s} .bv-ops button:nth-child(8){animation-delay:1.17s} .bv-ops button:nth-child(9){animation-delay:1.21s} .bv-ops button:nth-child(10){animation-delay:1.25s} .bv-ops button:nth-child(11){animation-delay:1.30s} .bv-ops button:nth-child(12){animation-delay:1.34s} .bv-ops button:nth-child(13){animation-delay:1.39s} .bv-ops button:nth-child(14){animation-delay:1.44s}
.bv-zona>div{animation:bvsube .5s cubic-bezier(.2,.7,.2,1) both} .bv-zona>div:nth-child(1){animation-delay:.85s} .bv-zona>div:nth-child(2){animation-delay:1s}
.bv-fin .btn{opacity:0;animation:bvPop .4s cubic-bezier(.2,1.3,.4,1) forwards} .bv-fin .btn:nth-child(1){animation-delay:1s} .bv-fin .btn:nth-child(2){animation-delay:1.15s} .bv-fin .btn:nth-child(3){animation-delay:1.3s}
.bv-pie>*{animation:bvsube .5s cubic-bezier(.2,.7,.2,1) 1.45s both} .bv-pie>.btn.pri{animation:bvsube .5s cubic-bezier(.2,.7,.2,1) 1.55s both,bvLat 2.6s ease-in-out 3.2s infinite}
.bv-top .fila{animation:bvBaja .6s cubic-bezier(.2,.7,.2,1) both}
.bv-demo{animation:bvDer .8s cubic-bezier(.2,.8,.2,1) .35s both}
@keyframes bvIzq{from{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}
@keyframes bvPal{to{opacity:1;transform:none}}
@keyframes bvPop{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}
@keyframes bvBaja{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes bvDer{from{opacity:0;transform:translate(46px,-54%)}to{opacity:1;transform:translate(0,-54%)}}
@keyframes bvDerM{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:none}}
@keyframes bvLat{0%,100%{box-shadow:0 0 0 0 rgba(240,41,58,0)}50%{box-shadow:0 0 0 9px rgba(240,41,58,.16)}}
@media (max-width:700px){.bv-demo{animation-name:bvDerM}}
/* "¿Cómo funciona?" con las mismas entradas */
.como-d{animation:bvIzq .6s cubic-bezier(.2,.8,.2,1) both} .como-t>*{animation:bvsube .55s cubic-bezier(.2,.7,.2,1) both} .como-t>:nth-child(1){animation-delay:.15s} .como-t>:nth-child(2){animation-delay:.28s} .como-t>:nth-child(4){animation-delay:1.1s}
.como-t ol{animation:none} .como-t ol li{animation:bvIzq .5s cubic-bezier(.2,.8,.2,1) both} .como-t ol li:nth-child(1){animation-delay:.5s} .como-t ol li:nth-child(2){animation-delay:.68s} .como-t ol li:nth-child(3){animation-delay:.86s}
@media (prefers-reduced-motion:reduce){.bv-k,.bv h1 .w,.bv-in>.bv-p,.bv-li li,.bv-ops button,.bv-zona>div,.bv-fin .btn,.bv-pie>*,.bv-pie>.btn.pri,.bv-top .fila,.bv-demo,.como-d,.como-t>*,.como-t ol li{animation:none;opacity:1;transform:none}.bv-demo{transform:translateY(-54%)}}
@media (prefers-reduced-motion:reduce) and (max-width:700px){.bv-demo{transform:none}}

/* ---------- "Reducir movimiento" (ajuste del equipo): en la bienvenida y las demos NO se apaga todo; las cosas siguen entrando por turnos, pero solo con aparición suave, sin desplazarse ni girar. ---------- */
@keyframes bvVer{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .bv-k{animation:bvVer .5s ease both;opacity:1;transform:none}
  .bv h1 .w{opacity:0;transform:none;animation:bvVer .5s ease forwards}
  .bv-in>.bv-p{animation:bvVer .6s ease .75s both} .bv-in>.bv-p.t2{animation-delay:.95s}
  .bv-li li{animation:bvVer .5s ease both;transform:none}
  .bv-ops button{opacity:0;transform:none;animation:bvVer .4s ease forwards}
  .bv-zona>div{animation:bvVer .5s ease both} .bv-fin .btn{opacity:0;animation:bvVer .4s ease forwards}
  .bv-pie>*{animation:bvVer .5s ease 1.45s both} .bv-pie>.btn.pri{animation:bvVer .5s ease 1.55s both}
  .bv-top .fila{animation:bvVer .6s ease both}
  .bv-demo{animation:bvVer .8s ease .35s both;transform:translateY(-54%)}
  .dm-r{opacity:0;animation:bvVer .5s ease forwards}
  .dm-e.dos i{display:inline-block;animation:dmVa .4s ease forwards} .dm-e.dos u{position:absolute;opacity:0;animation:dmSale .4s ease forwards}
  .como-d,.como-t>*,.como-t ol li{animation:bvVer .5s ease both;transform:none} .como-t ol{animation:none}
  .ap-svg *{stroke-dashoffset:0;opacity:0;animation:bvVer .8s ease forwards} .ap-svg .f{opacity:0;animation:bvVer .6s ease 1s forwards}
}
@media (prefers-reduced-motion:reduce) and (max-width:700px){.bv-demo{transform:none}}

/* Bienvenida · portada: solo el botón Empezar al centro; lo demás entra al tocarlo */
.bv.pre .bv-top{display:none} .bv.pre .bv-velo{background:rgba(7,7,8,.82)} .bv.pre .bv-main{justify-content:center;align-items:center;padding-bottom:0}
.bv-ini{display:grid;place-items:center;animation:bvVer .9s ease .3s both}
.bv-go{min-height:64px;padding:0 46px;font-size:19px;letter-spacing:.04em;border-radius:34px;animation:bvLat 2.6s ease-in-out 1.4s infinite;white-space:nowrap}

/* ---------- Gráficas (app/graficas.js): colores por clase y entrada animada. c0 dorado, c1 rojo, c2 verde, c3 gris claro, c4 gris. ---------- */
.gx{display:block;width:100%;height:auto;overflow:visible}
.gx .gx-f.c0{fill:var(--gold)} .gx .gx-f.c1{fill:var(--red)} .gx .gx-f.c2{fill:var(--green)} .gx .gx-f.c3{fill:#d8d2c2} .gx .gx-f.c4{fill:#77777c}
.gx .gx-s{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} .gx .gx-s.gr{stroke-width:15;stroke-linecap:butt} .gx .gx-s.c0{stroke:var(--gold)} .gx .gx-s.c1{stroke:var(--red)} .gx .gx-s.c2{stroke:var(--green)} .gx .gx-s.c3{stroke:#d8d2c2} .gx .gx-s.c4{stroke:#77777c}
.gx .gx-fondo{fill:rgba(255,255,255,.07)} .gx .gx-fondo-s{fill:none;stroke:rgba(255,255,255,.08)} .gx .gx-eje{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1} .gx .gx-meta{fill:none;stroke:var(--text);stroke-width:2} .gx .gx-area{fill:rgba(201,164,92,.16);stroke:none}
.gx text{font-family:var(--body);fill:var(--gray);font-size:9.5px} .gx .gx-l.i{fill:var(--text-2);font-size:10px} .gx .gx-l.o{fill:#0b0b0c;font-weight:600} .gx .gx-v{fill:var(--text);font-size:10px;font-weight:600} .gx .gx-v.d{fill:var(--gold)}
.gx .gx-num{font:400 21px var(--display);fill:var(--text)} .gx .gx-num.g{font-size:25px;fill:var(--gold)} .gx .gx-de{font:400 11px var(--body);fill:var(--gray)}
.gx .gx-cal{stroke:none} .gx .gx-cal.k0{fill:rgba(255,255,255,.07)} .gx .gx-cal.k1{fill:rgba(201,164,92,.35)} .gx .gx-cal.k2{fill:var(--gold)} .gx .gx-cal.k3{fill:var(--red)}
.gx .anX,.gx .anY,.gx .anC{transform-box:fill-box} .gx .anX{transform-origin:0 50%;animation:gxX .7s cubic-bezier(.2,.8,.2,1) both} .gx .anY{transform-origin:50% 100%;animation:gxY .7s cubic-bezier(.2,.8,.2,1) both} .gx .anC{transform-origin:50% 50%;animation:gxX .6s cubic-bezier(.2,.8,.2,1) both}
.gx .anP{animation:bvVer .45s ease both} .gx .anV{animation:bvVer .9s ease .5s both} .gx .anT{stroke-dasharray:100 100;stroke-dashoffset:100;animation:gxT 1.3s cubic-bezier(.4,0,.2,1) .15s forwards} .gx-paleta .anT{stroke-dasharray:none;stroke-dashoffset:0;transform-box:fill-box;transform-origin:0 50%;animation:gxX .6s cubic-bezier(.2,.8,.2,1) both}
.gx .anD{animation:bvVer .6s ease both}
.gx rect.anX:nth-of-type(1){animation-delay:0.20s} .gx rect.anX:nth-of-type(2){animation-delay:0.32s} .gx rect.anX:nth-of-type(3){animation-delay:0.44s} .gx rect.anX:nth-of-type(4){animation-delay:0.56s} .gx rect.anX:nth-of-type(5){animation-delay:0.68s} .gx rect.anX:nth-of-type(6){animation-delay:0.80s} .gx rect.anY:nth-of-type(1){animation-delay:0.20s} .gx rect.anY:nth-of-type(2){animation-delay:0.30s} .gx rect.anY:nth-of-type(3){animation-delay:0.40s} .gx rect.anY:nth-of-type(4){animation-delay:0.50s} .gx rect.anY:nth-of-type(5){animation-delay:0.60s} .gx rect.anY:nth-of-type(6){animation-delay:0.70s} .gx rect.anY:nth-of-type(7){animation-delay:0.80s} .gx rect.anY:nth-of-type(8){animation-delay:0.90s} .gx rect.anC:nth-of-type(1){animation-delay:0.20s} .gx rect.anC:nth-of-type(2){animation-delay:0.36s} .gx rect.anC:nth-of-type(3){animation-delay:0.52s} .gx rect.anC:nth-of-type(4){animation-delay:0.68s} .gx rect.anC:nth-of-type(5){animation-delay:0.84s} .gx circle.anD:nth-of-type(1){animation-delay:0.25s} .gx circle.anD:nth-of-type(2){animation-delay:0.41s} .gx circle.anD:nth-of-type(3){animation-delay:0.57s} .gx circle.anD:nth-of-type(4){animation-delay:0.73s} .gx circle.anD:nth-of-type(5){animation-delay:0.89s} .gx circle.anD:nth-of-type(6){animation-delay:1.05s} .gx circle.anP:nth-of-type(1){animation-delay:0.60s} .gx circle.anP:nth-of-type(2){animation-delay:0.70s} .gx circle.anP:nth-of-type(3){animation-delay:0.80s} .gx circle.anP:nth-of-type(4){animation-delay:0.90s} .gx circle.anP:nth-of-type(5){animation-delay:1.00s} .gx circle.anP:nth-of-type(6){animation-delay:1.10s} .gx circle.anP:nth-of-type(7){animation-delay:1.20s} .gx circle.anP:nth-of-type(8){animation-delay:1.30s}
.gx .f0{animation-delay:.2s} .gx .f1{animation-delay:.4s} .gx .f2{animation-delay:.6s} .gx .f3{animation-delay:.8s} .gx .f4{animation-delay:1s}
@keyframes gxX{from{transform:scaleX(0);opacity:.2}to{transform:none;opacity:1}} @keyframes gxY{from{transform:scaleY(0);opacity:.2}to{transform:none;opacity:1}} @keyframes gxT{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.gx .anX,.gx .anY,.gx .anC,.gx-paleta .anT{transform:none;animation:bvVer .6s ease both}.gx .anT{stroke-dashoffset:0;animation:bvVer 1s ease both}}
/* tarjeta de gráfica en las pantallas reales, con su selector de tipo */
.graf h3{margin:0;font:600 15px var(--body);text-transform:none;letter-spacing:0} .graf .fila{align-items:center;gap:10px;flex-wrap:wrap} .graf-s{display:flex;align-items:center;gap:8px;margin:0;font-size:12.5px;color:var(--gray);text-transform:none;letter-spacing:0;font-weight:400;white-space:nowrap} .graf-s select{width:auto;min-height:34px;padding:4px 28px 4px 10px;font-size:13px}
.graf-c{max-width:520px;margin:10px auto 0}
/* la demo con gráfica: va ARRIBA A LA IZQUIERDA, sobre el texto, para no tapar la foto del fondo (pedido de Ignacio) */
.dm.con-g{max-width:380px} .dm-g{padding:2px 12px 0} .dm.con-g .dm-kpi{padding-bottom:2px} .dm.con-g .dm-rows{padding-bottom:8px} .dm.con-g .dm-r{animation-delay:1.6s} .dm.con-g .dm-r .dos u,.dm.con-g .dm-r .dos i{animation-delay:2.6s}
.bv-demo{position:static;transform:none;width:100%;max-width:380px;margin:auto 0 16px;right:auto;top:auto;animation:bvIzq .7s cubic-bezier(.2,.8,.2,1) .2s both}
.bv-main:has(.bv-demo){justify-content:flex-start} .bv-main:has(.bv-demo) .bv-in{max-width:680px;padding-top:0} .bv-main:not(:has(.bv-demo)) .bv-in{margin-top:auto} .bv-main:not(:has(.bv-demo)){justify-content:flex-start}
.bv.pre .bv-main{justify-content:center} .bv.pre .bv-main .bv-ini{margin:auto}
@media (max-height:760px){.bv-demo .dm-rows{display:none}.bv-demo .dm:not(.con-g) .dm-rows{display:block}.bv-demo .dm:not(.con-g) .dm-r:nth-child(n+3){display:none}}
@media (max-width:700px){.bv-demo{max-width:340px;margin-bottom:12px;animation-name:bvIzq}.bv-main:has(.bv-demo) .bv-pie{margin-top:16px;padding-top:0}}
@media (prefers-reduced-motion:reduce){.bv-demo{transform:none;animation:bvVer .8s ease .2s both}}

/* Cobros: botón Cobrado, total del mes y lista; visitas de la tarjeta */
.cb-tot{display:block;font:400 34px/1.1 var(--display);color:var(--gold)} .cb-reg .fila{align-items:center;gap:12px;flex-wrap:wrap} .cb-reg>.fila .btn{min-height:52px;padding:0 30px;font-size:16px;white-space:nowrap}
.cb-imp{margin-top:12px;padding:10px 12px;border-left:3px solid var(--gold);background:#1a1710;border-radius:0 8px 8px 0} #f-cobro{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)} #f-cobro[hidden]{display:none} #f-cobro .fila{gap:10px;margin-top:12px;flex-wrap:wrap;align-items:center}
.cb-l{list-style:none;margin:8px 0 0;padding:0} .cb-l li{display:flex;gap:6px 12px;align-items:baseline;flex-wrap:wrap;padding:9px 0;border-top:1px solid var(--line)} .cb-l li:first-child{border-top:0} .cb-l b{min-width:76px;font-weight:600} .cb-l span{flex:1;min-width:120px;color:var(--text-2)} .cb-l small{color:var(--gray);white-space:nowrap}
.tj-v{margin-top:14px} .tj-v .fila{align-items:center}

/* ANUNCIOS EN LA COLUMNA DERECHA (11-10-2026): las mismas tarjetas del muro, en formato angosto (foto arriba). La columna se desliza sola si no cabe en la pantalla. */
#der-pm{display:grid;gap:14px} #der-pm:empty{display:none}
.lado.der{max-height:calc(100vh - 96px);overflow-y:auto;scrollbar-width:none} .lado.der::-webkit-scrollbar{display:none}
.der .pm-foto{grid-template-columns:minmax(0,1fr)} .der .pm-foto img{min-height:0;height:130px;max-height:130px}
.der .pm-q{font-size:15px} .der .pm b{font-size:15.5px} .der .pm-q.ch{font-size:13.5px}
.der .pm-et{display:block}
#der-pm .pm{transition:opacity .4s ease} #der-pm .pm.sale{opacity:0}
/* TARJETA DE LOCACIÓN CON PÓSTER (11-10-2026): el póster es vertical, así que se ve entero sobre fondo oscuro; al cambiar de película se desvanece. */
.pm-peli img,.pm-peli .pk-t{transition:opacity .35s ease} .pm-peli.cambia img,.pm-peli.cambia .pk-t{opacity:0}
.pm-peli.poster img{object-fit:contain;background:#0b0b0c;max-height:240px;min-height:200px} .der .pm-peli.poster img{height:210px;max-height:210px}
.pm-et{display:block}
/* ANÚNCIATE (11-10-2026) */
.pm img.logo{object-fit:contain;background:#f4f4f2;padding:14px} .der .pm-foto img.logo{height:96px;max-height:96px}
.pm-an{display:block;text-align:center;font-size:13px;color:var(--gray);text-decoration:none;padding:2px 0 6px} .pm-an:hover{color:var(--gold);text-decoration:underline}
.an-in{margin:0 0 10px;font-size:15.5px;line-height:1.5} .an-li{margin:0;padding-left:18px;color:var(--text-2);font-size:14.5px;line-height:1.7}
.an-st{display:flex;gap:6px 10px;flex-wrap:wrap;align-items:baseline;font-size:15px;margin-bottom:12px} .an-st b{color:var(--gold)} .an-st.ok b{color:#7fd09a} .an-st.no b{color:var(--red)}
.an-n{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px} .an-n b{display:block;font:600 24px var(--mono)} .an-n small{color:var(--gray);font-size:12.5px}
.an-est .fila{flex-wrap:wrap;gap:8px 10px;align-items:center} .an-sem{margin:0} #an-sem{width:auto;min-width:110px}
.pm b+.pm-ir{display:block}
/* ANUNCIOS EN EL MARGEN de las pantallas de consulta: solo cuando la ventana es ancha, para no quitarle espacio al contenido. */
.lay.con-an>.der{display:none}
/* MISMO MARCO EN TODA LA PLATAFORMA (11-10-2026, Ignacio: "mantener la consistencia visual… estandarizar el diseño"): todas las pantallas usan el mismo ancho total y las mismas tres columnas (menú 230 · contenido · 300), así el menú y el contenido no brincan de lugar al cambiar de pantalla. */
.lay,.lay.dos{max-width:1400px} .lay.ancho,.lay.dos.ancho{max-width:1680px}
@media (min-width:1180px){.lay.dos.con-an{grid-template-columns:230px minmax(0,1fr) 300px} .lay.con-an>.der{display:grid}}
.lay.ancho.con-an{grid-template-columns:minmax(0,1fr)} .lay.ancho.con-an>.der{display:none}
/* VER COMO MIEMBRO (solo el dueño) */
.vc{border-color:#5d4c26;background:#15130d;padding:12px 14px} .vc>b{display:block;font-size:14.5px} .vc small{display:block;color:var(--gray);font-size:12px;margin-top:2px;line-height:1.4}
.vc-b{display:grid;gap:6px;margin:8px 0 2px} .vc-b .btn{width:100%;white-space:nowrap;min-height:34px} .vc-b .btn[aria-pressed=true]{border-color:var(--gold);color:#fff}
.vc.movil{display:none} @media (max-width:760px){.vc.movil{display:block}.vc.movil .vc-b{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* BIENVENIDA QUE CABE EN LA VENTANA (11-10-2026, Ignacio: "trata de que todo entre en la página… distribuye según el tamaño de la ventana"): el título, la lista y los espacios también se miden con el ALTO de la ventana, y la ventanita de muestra enseña menos renglones cuando hay poco alto. */
.bv h1{font-size:clamp(26px,min(5.4vw,6.6vh),68px)}
.bv-li{margin-top:clamp(8px,2vh,20px);gap:clamp(3px,1vh,10px)} .bv-li li{font-size:clamp(14px,min(1.4vw,2.1vh),18.5px)}
.bv-p{margin-top:clamp(6px,1.6vh,14px);font-size:clamp(14.5px,min(1.5vw,2.2vh),19px)} .bv-k{margin-bottom:clamp(4px,1.2vh,12px)}
.bv-pie{margin-top:clamp(10px,2.4vh,34px)} .bv-ops,.bv-zona,.bv-fin{margin-top:clamp(10px,2vh,20px)} .bv-demo{margin-bottom:clamp(8px,1.6vh,16px)}
@media (max-height:940px){.bv-demo .dm-r:nth-child(n+4){display:none}}
@media (max-height:840px){.bv-demo .dm-r:nth-child(n+3){display:none} .bv-top{padding-top:10px} .bv-top .fila{margin-top:8px}}
@media (max-height:680px){.bv-demo .dm-r:nth-child(n+2){display:none} .bv-ops button{min-height:38px;padding:6px 12px}}
@media (max-height:560px){.bv-demo{display:none}}
/* CREA TU PERFIL: pantalla blanca, una cosa por página (11-10-2026) */
.cr{position:fixed;inset:0;z-index:55;background:#fff;color:#111112;display:flex;flex-direction:column;overflow-y:auto;font-family:var(--body);animation:bvVer .5s ease both}
.cr-top{display:flex;align-items:center;gap:18px;padding:22px clamp(20px,6vw,72px) 0} .cr-m{font:400 24px var(--display);letter-spacing:.01em;color:#111112} .cr-m em{font-style:normal;color:#d91f2f}
.cr-seg{flex:1;display:flex;gap:6px;max-width:260px;margin:0 auto} .cr-seg i{flex:1;height:2px;background:#e4e2dd;transition:background .3s} .cr-seg i.ok{background:#111112} .cr-seg i.on{background:#d91f2f}
.cr-x,.cr-sk{all:unset;cursor:pointer;font-size:14px;color:#77777c;white-space:nowrap;padding:8px 2px} .cr-x:hover,.cr-sk:hover{color:#111112;text-decoration:underline} .cr-x:focus-visible,.cr-sk:focus-visible,.cr-go:focus-visible,.cr-up:focus-visible{outline:2px solid #d91f2f;outline-offset:3px}
.cr-main{flex:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,6vw,90px);align-items:center;padding:clamp(18px,4vh,48px) clamp(20px,6vw,72px) clamp(24px,5vh,56px);max-width:1280px;width:100%;margin:0 auto;box-sizing:border-box}
.cr-f{max-width:520px} .cr-f>*,.cr-f form>*{animation:bvsube .5s cubic-bezier(.2,.7,.2,1) both} .cr-f h1{animation-delay:.05s} .cr-b{animation-delay:.1s} .cr-f form{animation-delay:.16s}
.cr-k{margin:0 0 14px;font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#9a9aa0}
.cr h1{margin:0;font:400 clamp(34px,min(5vw,7vh),60px)/1.08 var(--display);text-transform:uppercase;letter-spacing:.01em;color:#111112;text-wrap:balance}
.cr-b{margin:14px 0 0;font-size:clamp(15.5px,1.4vw,18px);line-height:1.5;color:#5c5c62;max-width:44ch}
.cr form{margin-top:clamp(18px,4vh,34px)} .cr label{display:block;margin:18px 0 2px;font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#9a9aa0}
.cr input[type=text],.cr input[type=tel],.cr input[type=email],.cr textarea{all:unset;box-sizing:border-box;display:block;width:100%;padding:8px 0 10px;border-bottom:1.5px solid #d9d7d2;font-size:clamp(19px,2vw,24px);color:#111112;transition:border-color .2s;font-family:var(--body)} .cr textarea{font-size:18px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere;min-height:84px}
.cr input:focus,.cr textarea:focus{border-bottom-color:#d91f2f} .cr input::placeholder,.cr textarea::placeholder{color:#c4c2bd}
.cr input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.cr-ck{display:flex!important;gap:10px;align-items:center;margin-top:22px!important;font:400 14.5px var(--body)!important;letter-spacing:0!important;text-transform:none!important;color:#5c5c62!important;cursor:pointer} .cr-ck input{width:18px;height:18px;accent-color:#d91f2f}
.cr-up{display:flex!important;align-items:center;gap:18px;margin:0!important;cursor:pointer;letter-spacing:0!important;text-transform:none!important;font:500 16px var(--body)!important;color:#111112!important} .cr-up span{border-bottom:1.5px solid #d91f2f;padding-bottom:2px}
.cr-up.circ img{width:120px;height:120px;border-radius:50%;object-fit:cover;background:#eeece7} .cr-up.ancho{flex-direction:column;align-items:flex-start} .cr-up.ancho img{width:100%;aspect-ratio:2.39/1;object-fit:cover;border-radius:10px;background:#eeece7;display:block}
.cr-up img.tmp{opacity:.55}
.cr-msg{min-height:20px;margin:12px 0 0;font-size:14px;color:#d91f2f}
.cr-pie{display:flex;gap:10px 22px;align-items:center;flex-wrap:wrap;margin-top:clamp(14px,3vh,26px)} .cr-sk.at{margin-left:auto}
.cr-go{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;border-radius:28px;background:#d91f2f;color:#fff;font:600 16px var(--body);white-space:nowrap;transition:background .2s,transform .2s} .cr-go:hover{background:#c0162a;transform:translateY(-1px)}
.cr-go kbd{font:500 11px var(--mono);border:1px solid rgba(255,255,255,.5);border-radius:5px;padding:1px 6px;opacity:.9}
.cr-v .cr-k{text-align:center} .cr-card{max-width:360px;margin:0 auto;border-radius:16px;overflow:hidden;background:#161617;color:#f6f6f4;box-shadow:0 30px 70px rgba(17,17,18,.22),0 4px 14px rgba(17,17,18,.12);animation:bvsube .7s cubic-bezier(.2,.7,.2,1) .15s both}
.cr-card .cov{display:block;width:100%;aspect-ratio:2.39/1;object-fit:cover} .cr-card .in{padding:0 20px 22px;margin-top:-38px;position:relative} .cr-card .av{width:76px;height:76px;border-radius:50%;object-fit:cover;border:3px solid #161617;display:block;background:#202022}
.cr-card b{display:block;margin-top:10px;font:400 26px/1.1 var(--display);text-transform:uppercase;letter-spacing:.01em;overflow-wrap:anywhere} .cr-card small{display:block;margin-top:4px;font-size:14px;color:#c9a45c} .cr-card small.z{color:#9f9fa4;font-size:13px} .cr-card .v{opacity:.35}
.cr-card p{margin:10px 0 0;font-size:13.5px;line-height:1.5;color:#cfcfcd;overflow-wrap:anywhere} .cr-ch{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px} .cr-ch span{font-size:12px;padding:5px 11px;border:1px solid #3a3a3e;border-radius:14px;color:#f6f6f4;animation:bvPop .35s cubic-bezier(.2,1.3,.4,1) both}
body.en-cr .abajo{display:none}
@media (max-width:820px){.cr-main{grid-template-columns:minmax(0,1fr);align-items:start;gap:22px}.cr-v{order:-1}.cr-v .cr-k{display:none}.cr-card{max-width:300px}.cr-card b{font-size:21px}.cr-card p,.cr-ch{display:none}.cr-go kbd{display:none}.cr-seg{max-width:120px}}
@media (max-height:640px) and (max-width:820px){.cr-v{display:none}}
@media (prefers-reduced-motion:reduce){.cr,.cr-f>*,.cr-f form>*,.cr-card,.cr-ch span{animation:none}.cr-go:hover{transform:none}}
@media (max-width:820px){.cr-card{max-width:250px}.cr-card .cov{aspect-ratio:3/1}.cr-card .in{padding:0 16px 14px;margin-top:-28px}.cr-card .av{width:56px;height:56px}.cr-card b{font-size:19px;margin-top:6px}.cr-main{padding-top:14px}.cr-top{padding-top:16px}.cr label{margin-top:12px}.cr-up.circ img{width:92px;height:92px}}
.cr{scrollbar-width:thin;scrollbar-color:#d9d7d2 transparent}
/* La ventanita de muestra CEDE su alto: si no hay espacio (se va llenando con el tiempo), se recorta por dentro de su propio marco en vez de empujar el título o el botón fuera de la ventana. */
.bv-main:has(.bv-demo){overflow:hidden} .bv-main>.bv-in,.bv-main>.bv-pie{flex:none}
.bv-demo{flex:0 1 auto;min-height:0;display:flex;flex-direction:column} .bv-demo .dm{flex:0 1 auto;min-height:0;display:flex;flex-direction:column} .bv-demo .dm>*{flex:none}
/* VENTANA ANCHA Y BAJITA: la muestra pasa al lado del texto, en la zona oscura del centro (11-10-2026, Ignacio: "mueve el gráfico aquí si es que no cabe"). */
/* 11-10-2026, Ignacio: "mejor cámbialo de lugar": siempre al lado cuando la ventana da el ancho; arriba solo en pantallas angostas (y ahí con aire bajo el encabezado). */
@media (min-width:900px){
  .bv-main:has(.bv-demo){display:grid;grid-template-columns:minmax(0,min(680px,46%)) minmax(0,400px);grid-template-rows:minmax(0,1fr) auto;column-gap:clamp(28px,4vw,72px);align-content:end}
  .bv-main:has(.bv-demo) .bv-in{grid-column:1;grid-row:1;align-self:end;max-width:none}
  .bv-demo{grid-column:2;grid-row:1;align-self:center;margin:0;max-width:400px;max-height:100%}
  .bv-main:has(.bv-demo) .bv-pie{grid-column:1 / -1;grid-row:2}
  .bv-demo .dm-r:nth-child(n+3),.bv-demo .dm-r:nth-child(n+4){display:flex}
}
@media (max-width:899px){.bv-demo{margin-top:26px}}
/* lema de cada nivel */
.plan-sub{display:block;margin:4px 0 0;font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gray)} .plan-sub b{font:inherit;color:var(--gold);min-width:0;text-transform:inherit;letter-spacing:inherit}
.plan-n{display:block;min-width:90px} .plan-n>b{display:block} .plancol h2+.plan-sub{margin-bottom:10px}
/* invitar a varios */
.inv-bar{gap:8px;flex-wrap:wrap;align-items:center;margin:10px 0 4px} .inv-bar .btn{white-space:nowrap} .inv-all{display:flex;gap:8px;align-items:center;margin:0;font-size:14px;color:var(--text-2);text-transform:none;letter-spacing:0;cursor:pointer}
.inv-all input,.inv-ck{width:18px;height:18px;accent-color:var(--btn);margin:0} .inv-c{position:relative} .inv-ck{position:absolute;top:14px;right:14px} .inv-c .inv-q{padding-right:30px} #inv-est:empty{display:none}
.campo-n{margin:4px 0 0;font-size:12.5px}
.vista.sinmail{position:static}
/* invitación vista con la sesión puesta */
.inv-vp{max-width:620px} .inv-vp h2{margin:0 0 6px;font:400 26px/1.15 var(--display);text-transform:uppercase} .inv-vp-f{margin:14px 0;padding:18px;border:1px dashed var(--line-2);border-radius:12px;opacity:.85;display:grid;gap:6px} .inv-vp-f b{font:400 22px var(--display);text-transform:uppercase} .inv-vp-f label{margin-top:8px} .inv-vp-f .btn{margin-top:12px;pointer-events:none;justify-self:start}
.yo-atajos{gap:8px;flex-wrap:wrap;margin:8px 0 4px} .yo-atajos .btn{white-space:nowrap}
/* color de la app, siempre a la vista */
.colcard{padding:12px 14px} .colcard .pm-et{margin-bottom:8px} .colores.chicos{gap:8px} .colores.chicos .col{width:26px;height:26px;box-shadow:inset 0 0 0 2px var(--card)}
.colcard.movil{display:none} @media (max-width:760px){.colcard.movil{display:block}}

/* =====================================================================================================================
   ESTILO NUEVO DE TODA LA RED (11-10-2026). Maqueta aprobada por Ignacio (diseños/maqueta-tablero.html): "todo lo demás está perfecto…
   que con la opción de colores en Apariencia cambie así como al azul… estandariza toda la app con ese diseño".
   Fondo casi negro con un resplandor suave del color elegido, tarjetas tipo vidrio con esquinas amplias, botones sólidos,
   y gráficas que brillan. El color de Apariencia cambia TODO el ambiente (resplandor, botones, gráficas y detalles), no solo los botones.
   ===================================================================================================================== */
:root{--bg:#07080c;--card:#12131a;--raise:#1b1d27;--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.17);--text:#f4f4f6;--text-2:#c6c9d3;--gray:#989cab;
  --a2:#ff6a4d;--glow:rgba(240,41,58,.24);--glow2:rgba(201,164,92,.12)}
html[data-ac=dorado]{--a2:#e9cf96;--glow:rgba(201,164,92,.22);--glow2:rgba(240,41,58,.09)}
html[data-ac=azul]{--a2:#8f6bff;--gold:#58c8ff;--glow:rgba(79,143,247,.28);--glow2:rgba(143,107,255,.15)}
html[data-ac=verde]{--a2:#8be3b6;--gold:#b9e86e;--glow:rgba(63,191,127,.24);--glow2:rgba(185,232,110,.11)}
html[data-ac=morado]{--a2:#ff7ad9;--gold:#cdb0ff;--glow:rgba(164,124,240,.28);--glow2:rgba(255,122,217,.12)}
html[data-ac=naranja]{--a2:#ffb85a;--gold:#ffd595;--glow:rgba(242,140,56,.25);--glow2:rgba(255,213,149,.11)}
body{background-color:var(--bg);background-image:radial-gradient(900px 520px at 10% -8%,var(--glow),transparent 62%),radial-gradient(760px 480px at 100% 10%,var(--glow2),transparent 60%);background-attachment:fixed}
.top{background:rgba(7,8,12,.72);backdrop-filter:blur(18px);border-bottom-color:var(--line)}
.card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022)),var(--card);border-color:var(--line);border-radius:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.btn{border-radius:14px} .btn.sm{border-radius:12px} .btn.pri{box-shadow:0 6px 18px rgba(0,0,0,.4)}
input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea{border-radius:12px}
.seg button,.chip{border-radius:12px}
/* menú: el elegido va sólido, como en la maqueta */
.nav a{border-radius:14px} .nav a:hover{background:rgba(255,255,255,.05)}
.nav a[aria-current=page]{background:var(--btn);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.4)} .nav a[aria-current=page] .ic{color:#fff}
.nav a.nav-apps{border-radius:14px;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border-color:var(--line-2)} .nav a.nav-apps .ic{color:var(--gold)}
.nav a.nav-apps:hover{border-color:var(--gold);background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.03))} .nav a.nav-apps[aria-current=page]{background:var(--btn);border-color:var(--btn)} .nav a.nav-apps[aria-current=page] .ic{color:#fff}
.abajo{background:rgba(7,8,12,.86);backdrop-filter:blur(18px)}
/* tarjetas tipo anuncio y destacadas: mismo vidrio, borde del color secundario */
.pm{border-color:color-mix(in srgb,var(--gold) 26%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),var(--card)}
.vc{border-color:color-mix(in srgb,var(--gold) 34%,transparent);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),var(--card)}
/* gráficas: la línea y el área toman el color elegido y brillan */
.gx .gx-area{fill:color-mix(in srgb,var(--red) 24%,transparent)} .gx .gx-s.c0{stroke:var(--red)} .gx .gx-f.c0{fill:var(--red)} .gx .gx-f.c1{fill:var(--gold)} .gx .gx-s.c1{stroke:var(--gold)} .gx .gx-num.g,.gx .gx-v.d{fill:var(--gold)}
.gx-linea .gx-s,.gx-area .gx-s{filter:drop-shadow(0 0 5px color-mix(in srgb,var(--red) 70%,transparent))}
.gx .gx-cal.k1{fill:color-mix(in srgb,var(--red) 38%,transparent)} .gx .gx-cal.k2{fill:var(--red)} .gx .gx-cal.k3{fill:var(--gold)}
/* MI TABLERO (portada) */
#tablero{display:grid;gap:14px} #tablero:empty{display:none}
.tb-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tb-k{display:block;text-decoration:none;color:var(--text);padding:16px 18px;min-width:0} .tb-k:hover{border-color:var(--line-2)}
.tb-k .k,.tb-h span,.tb-h a{font:500 11px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--gray);text-decoration:none} .tb-h a:hover{color:var(--text)}
.tb-k .n{display:block;margin-top:8px;font:400 30px/1 var(--display);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .tb-k .n i{font:500 13px var(--body);color:var(--gray);font-style:normal}
.tb-k small{display:block;margin-top:8px;font-size:12.5px;color:var(--gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tb-2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px} .tb-c{padding:18px 20px;min-width:0}
.tb-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px} .tb-h h3{margin:0;font:600 15px var(--body);text-transform:none;letter-spacing:0}
.tb-svg{display:block;width:100%;height:auto} .tb-gr{stroke:rgba(255,255,255,.07);fill:none} .tb-tx{font:400 11px var(--body);fill:var(--gray)} .tb-tx.c{text-anchor:middle}
.tb-s1{stop-color:var(--red);stop-opacity:.42} .tb-s0{stop-color:var(--red);stop-opacity:0} .tb-area{fill:url(#tb-ar)} .tb-ln{fill:none;stroke:var(--red);stroke-width:2.6;stroke-linecap:round} .tb-ln.gl{stroke-width:5;filter:url(#tb-gl);opacity:.7} .tb-pt{fill:#fff;stroke:var(--red);stroke-width:2}
.tb-dw{display:flex;gap:16px;align-items:center} .tb-dona{flex:none;width:132px;height:132px} .tb-d0{stroke:rgba(255,255,255,.06)} .tb-d.d0{stroke:var(--red)} .tb-d.d1{stroke:var(--gold)} .tb-d.d2{stroke:var(--a2)} .tb-d.d3{stroke:rgba(255,255,255,.38)}
.tb-tot{font:600 19px var(--body);fill:var(--text);text-anchor:middle}
.tb-ley{flex:1;display:grid;gap:8px;font-size:13px;color:var(--text-2);min-width:0} .tb-ley>span{display:flex;align-items:center;gap:8px;min-width:0} .tb-ley i{flex:none;width:9px;height:9px;border-radius:3px} .tb-ley i.d0{background:var(--red)} .tb-ley i.d1{background:var(--gold)} .tb-ley i.d2{background:var(--a2)} .tb-ley i.d3{background:rgba(255,255,255,.38)} .tb-ley b{margin-left:auto;color:var(--text);font-weight:500}
.tb-li{display:grid} .tb-li a{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--text)} .tb-li a:first-child{border-top:0}
.tb-fe{flex:none;width:44px;height:44px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid var(--line);display:grid;place-items:center;align-content:center;font:400 17px/1 var(--display)} .tb-fe small{display:block;font:500 9px var(--mono);letter-spacing:.1em;color:var(--gray);margin-top:2px}
.tb-q{flex:1;min-width:0} .tb-q b{display:block;font-weight:500;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tb-q small{color:var(--gray);font-size:12.5px}
.tb-est{flex:none;font-size:12px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--text-2);white-space:nowrap} .tb-est.ok{background:rgba(111,211,155,.13);color:var(--green)}
@media (max-width:1180px){.tb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:900px){.tb-2{grid-template-columns:minmax(0,1fr)}} @media (max-width:420px){.tb-kpis{grid-template-columns:minmax(0,1fr)}.tb-dw{flex-direction:column;align-items:flex-start}}
/* ventanas blancas del inicio: usan el color elegido, y traen el paso "Elige tu estilo" */
.cr-m em{color:var(--red)} .cr-seg i.on{background:var(--btn)} .cr input:focus,.cr textarea:focus{border-bottom-color:var(--btn)} .cr-go{background:var(--btn)} .cr-go:hover{background:var(--btn-h,#c0162a)} .cr-up span{border-bottom-color:var(--btn)} .cr-ck input{accent-color:var(--btn)} .cr-msg{color:var(--btn)}
.cr-x:focus-visible,.cr-sk:focus-visible,.cr-go:focus-visible,.cr-up:focus-visible{outline-color:var(--btn)}
.cr-col{gap:14px;margin-top:8px} .cr-col .col{width:46px;height:46px;box-shadow:inset 0 0 0 3px #fff} .cr-col .col[aria-pressed=true]{outline:2px solid #111112;outline-offset:3px}
.cr-tam{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px} .cr-tam button{all:unset;box-sizing:border-box;cursor:pointer;min-height:44px;padding:0 18px;border-radius:12px;border:1.5px solid #d9d7d2;font:500 15px var(--body);color:#111112;white-space:nowrap} .cr-tam button[aria-pressed=true]{border-color:#111112;background:#111112;color:#fff} .cr-tam button:focus-visible{outline:2px solid var(--btn);outline-offset:3px}
/* EL LOGO NO CAMBIA DE COLOR (11-10-2026, Ignacio: "que siempre se quede del mismo color, rojo y blanco"), sin importar el color de Apariencia. En las ventanas blancas "LPM" va en negro porque el blanco no se vería. */
.marca{color:#fff} .marca em{color:#f0293a} .marca i{background:#f0293a} .cr-m em{color:#f0293a}
/* tablero plegable en Mi perfil */
.tb-plegable{margin:6px 0 2px} .tb-plegable>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022)),var(--card)}
.tb-plegable>summary::-webkit-details-marker{display:none} .tb-plegable>summary::before{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--gray);border-bottom:2px solid var(--gray);transform:rotate(-45deg);transition:transform .2s} .tb-plegable[open]>summary::before{transform:rotate(45deg)}
.tb-plegable>summary b{font:600 15px var(--body)} .tb-plegable>summary span{font:500 11px var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--gray)} .tb-plegable>summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.tb-plegable[open]>summary{margin-bottom:12px}
/* la leyenda de "Cómo te pagan" ya no se corta: el porcentaje siempre cabe y el nombre se recorta si es largo */
.tb-ley>span>.notr{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tb-ley b{flex:none;padding-left:8px}
@media (max-width:1280px){.tb-dw{flex-direction:column;align-items:flex-start}.tb-ley{width:100%}}
/* mapa de puntos del tablero */
.tb-mw{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px;align-items:center} .tb-us circle{fill:rgba(255,255,255,.16)} .tb-zh{fill:color-mix(in srgb,var(--red) 30%,transparent);stroke:color-mix(in srgb,var(--red) 70%,transparent);stroke-width:1} .tb-zp{fill:var(--gold)}
.tb-zl>span>.notr:first-of-type{white-space:nowrap} @media (max-width:900px){.tb-mw{grid-template-columns:minmax(0,1fr)}}
.tb-us circle{fill:rgba(255,255,255,.22)}
.tb-map{display:block;text-decoration:none;color:var(--text)} .tb-map:hover{border-color:var(--line-2)} .tb-map .nota{margin:0}
/* COLUMNAS LATERALES QUE NO SE CORTAN (11-10-2026, Ignacio: "en el muro esto se corta"): un texto largo sin saltos (un oficio largo en "En la red") ensanchaba la columna más allá de sus 300 px y lo de la derecha quedaba cortado. Ahora la columna nunca crece más que su espacio y el texto largo se recorta con puntos. */
.lado{grid-template-columns:minmax(0,1fr)} .lado>*{min-width:0} .lado .lista a>div{min-width:0} .lado .lista b,.lado .lista small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.lado.der{overflow-x:hidden}
.rt-cat{display:flex;gap:12px 18px;align-items:center;justify-content:space-between;flex-wrap:wrap} .rt-cat .nota{margin:4px 0 0} .rt-cat .fila{gap:8px;flex-wrap:wrap} .rt-cat .btn{white-space:nowrap}
/* MIS APPS EN EL MENÚ: mismo estilo del menú, con la miniatura de cada app */
.fijas{display:grid;gap:2px} .fijas .pm-et{margin:4px 12px 4px} .fijas a{display:flex;align-items:center;gap:11px;padding:8px 12px;border-radius:14px;color:var(--text-2);text-decoration:none;font-weight:500;font-size:14.5px;min-width:0}
.fijas a:hover{background:rgba(255,255,255,.05);color:var(--text)} .fijas a[aria-current=page]{background:rgba(255,255,255,.07);color:var(--text)} .fijas a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fijas img{flex:none;width:26px;height:26px;border-radius:8px;object-fit:cover;background:var(--raise)} .fijas a.fj-mas{font-size:12.5px;color:var(--gray);padding:6px 12px} .fijas a.fj-mas:hover{color:var(--gold)}
.fijas-aqui:empty{display:none} .fijas.movil{display:none}
@media (max-width:760px){.fijas.movil{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}.fijas.movil::-webkit-scrollbar{display:none}.fijas.movil .pm-et,.fijas.movil .fj-mas{display:none}.fijas.movil a{flex:none;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022)),var(--card);padding:8px 14px 8px 8px}}
.ap-pin{all:unset;cursor:pointer;margin-left:auto;font-size:12.5px;color:var(--gray);padding:4px 8px;border-radius:8px;white-space:nowrap} .ap-pin:hover{color:var(--text);background:rgba(255,255,255,.06)} .ap-pin[aria-pressed=true]{color:var(--gold)} .ap-pin:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
/* icono de app: cuadro redondeado con dibujo de línea (se lee como app, no como persona) */
.app-ico{flex:none;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(140deg,color-mix(in srgb,var(--red) 30%,transparent),rgba(255,255,255,.05));border:1px solid color-mix(in srgb,var(--red) 38%,transparent);color:var(--text)}
.app-ico svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* BUSCADOR ⌘K (11-10-2026) */
.tarj.kbb kbd{font:500 11px var(--mono,monospace);opacity:.65;border:1px solid var(--line-2);border-radius:5px;padding:1px 5px}
@media (max-width:900px){.tarj.kbb span,.tarj.kbb kbd{display:none}.tarj.kbb{padding:0 10px}}
.kb-ov{position:fixed;inset:0;z-index:400;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px}
.kb{width:min(600px,100%);max-height:72vh;display:flex;flex-direction:column;background:#141416;border:1px solid var(--line-2);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.6);overflow:hidden}
.kb-q{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--text-2)}
.kb-q input{all:unset;flex:1;min-width:0;font:400 16px var(--body);color:var(--text)} .kb-q input::-webkit-search-cancel-button{display:none}
.kb kbd{font:500 11px var(--mono,monospace);color:var(--text-2);border:1px solid var(--line-2);border-radius:5px;padding:1px 6px;white-space:nowrap}
.kb-l{overflow-y:auto;padding:6px;flex:1;min-height:0}
.kb-g{margin:8px 10px 4px;font:600 11px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}
.kb-i{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:11px;color:var(--text)}
.kb-i b{font:500 14.5px var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.kb-i small{margin-left:auto;color:var(--text-2);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}
.kb-i .av{width:26px;height:26px;border-radius:50%;flex:none}
.kb-i[aria-selected="true"],.kb-i:hover{background:color-mix(in srgb,var(--btn,var(--red)) 22%,transparent)}
.kb-v{margin:0;padding:22px;text-align:center;color:var(--text-2)}
.kb-p{margin:0;display:flex;gap:16px;padding:9px 16px;border-top:1px solid var(--line);color:var(--text-2);font-size:12px;white-space:nowrap;overflow:hidden} .kb-p span{display:inline-flex;gap:5px;align-items:center}

/* PAQUETES Y CONDICIONES DE RENTA (11-10-2026) */
.rt-cond{padding:14px 16px}.rt-cond p{margin:6px 0 0;white-space:pre-line;color:var(--text-2);font-size:14px;line-height:1.5}
.rt-pz{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;max-height:260px;overflow-y:auto;padding:2px}
.rt-pi{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;cursor:pointer;text-transform:none;letter-spacing:0;font-size:14px;color:var(--text);min-width:0}
.rt-pi input{width:auto;flex:none}.rt-pi span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.rt-pi small{color:var(--text-2);flex:none}
.rt-pi:has(input:checked){border-color:var(--btn,var(--red))}
.precio1 small{color:var(--text-2);font-size:12px;margin-left:6px}
.rt-cat{display:grid;gap:10px}

/* LO BÁSICO DE UNA RED SOCIAL (12-10-2026): menciones, video, compartir, reportar/bloquear, campanita */
a.men{color:var(--gold);text-decoration:none;font-weight:500} a.men:hover{text-decoration:underline}
.pvid{display:block;width:100%;max-height:70vh;background:#000;border-radius:12px;margin-top:10px}
.shr{border:1px solid var(--line-2);border-radius:14px;padding:12px;margin-top:10px;min-width:0}.shr .cab{display:flex;align-items:center;gap:10px}.shr .quien{flex:1;min-width:0}.shr .txt{margin:8px 0 0}.shr.gone{color:var(--text-2);font-size:14px}
.post .acc{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.post .acc .esp{flex:1}
.mas{position:relative;display:inline-block}.mas summary{list-style:none;cursor:pointer;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--text-2);font-size:20px;line-height:1}.mas summary::-webkit-details-marker{display:none}
.mas summary:hover,.mas summary:focus-visible,.mas[open] summary{background:var(--line);color:var(--text)}.mas summary:focus-visible{outline:2px solid var(--gold)}
.mas-m{position:absolute;right:0;top:38px;z-index:20;min-width:190px;background:#18181b;border:1px solid var(--line-2);border-radius:12px;padding:5px;box-shadow:0 14px 40px rgba(0,0,0,.55);display:grid}
.mas-m button{all:unset;box-sizing:border-box;cursor:pointer;padding:9px 12px;border-radius:8px;font:400 14px var(--body);color:var(--text);white-space:nowrap}.mas-m button:hover,.mas-m button:focus-visible{background:var(--line)}
.tarj.avb{position:relative;padding:0 10px}
.avn{display:flex;gap:12px;align-items:center;padding:12px 14px;text-decoration:none;color:var(--text)}.avn div{min-width:0;flex:1}.avn small{display:block;color:var(--text-2);font-size:12.5px;margin-top:2px}
.avn.nuevo{border-color:var(--btn,var(--red))}.avn .av{width:36px;height:36px;border-radius:50%;flex:none}.avi-r{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--line);color:var(--gold);flex:none}
.rep p{margin:0 0 6px}.rep .fila{gap:8px;flex-wrap:wrap;margin-top:8px}
.so-ov{position:fixed;inset:0;z-index:380;background:rgba(0,0,0,.66);backdrop-filter:blur(6px);display:grid;place-items:center;padding:16px}
.so{width:min(480px,100%);max-height:90vh;overflow-y:auto;padding:20px;display:grid;gap:10px}.so h2{margin:0}.so .fila{gap:8px;flex-wrap:wrap}
.so-op{display:grid;gap:4px}.so-op label{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;cursor:pointer;text-transform:none;letter-spacing:0;font-size:14.5px;color:var(--text)}.so-op label:hover{background:var(--line)}.so-op input{width:auto;flex:none}
.men-l{position:fixed;z-index:420;width:280px;background:#18181b;border:1px solid var(--line-2);border-radius:12px;padding:5px;box-shadow:0 14px 40px rgba(0,0,0,.55);display:grid}
.men-l button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;color:var(--text);min-width:0}.men-l button[aria-selected="true"],.men-l button:hover{background:color-mix(in srgb,var(--btn,var(--red)) 22%,transparent)}
.men-l .av{width:24px;height:24px;border-radius:50%;flex:none}.men-l b{font:500 14px var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.men-l small{margin-left:auto;color:var(--text-2);font-size:12px;white-space:nowrap}
.mini.vid{display:flex;gap:10px;align-items:center;color:var(--text-2);font-size:14px}
@media (max-width:420px){header.top .tarj:not(.msgb):not(.avb):not(.kbb){display:none}}
/* encabezado en teléfono: con la lupa y la campanita ya no cabía la foto; se aprieta el espacio y los botones */
@media (max-width:560px){.top{gap:7px}.top .yo{flex:none}.top .yo .av{width:32px;height:32px}.top .tarj{padding:0 9px;height:34px}.idi button{min-width:24px;padding:5px 5px;letter-spacing:.04em}.marca{font-size:20px}}

/* campanita: ventanita desplegable */
.av-pop{position:fixed;z-index:60;width:min(380px,calc(100vw - 16px));max-height:min(520px,calc(100dvh - 90px));display:flex;flex-direction:column;background:#141416;border:1px solid var(--line-2);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.6);overflow:hidden}
.av-h{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.av-h kbd{font:500 11px var(--mono,monospace);color:var(--text-2);border:1px solid var(--line-2);border-radius:5px;padding:1px 6px}
.av-l{overflow-y:auto;padding:5px;min-height:0}.av-pop .avn,.av-full .avn{border-radius:10px;padding:9px 10px;font-size:14px}.av-pop .avn:hover,.av-pop .avn:focus-visible,.av-full .avn:hover{background:var(--line);outline:none}
.av-pop .avn.nuevo,.av-full .avn.nuevo{border:0;background:color-mix(in srgb,var(--btn,var(--red)) 14%,transparent)}
.av-v{margin:0;padding:18px 14px;color:var(--text-2);font-size:14px;text-align:center}.av-full{padding:5px}
@media (max-width:560px){.av-pop{left:8px;right:8px !important;width:auto}}
.av-pie{border-top:1px solid var(--line);padding:8px 12px}.av-pie .nota{margin:0;font-size:13px}.av-pie:empty{display:none}
.vc-adm{display:block;text-align:center;margin:6px 0 12px;white-space:nowrap}

/* LOCACIONES PARA FILMAR (12-10-2026) */
.rt-loc>img{cursor:zoom-in}.rt-fs{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:3px 3px 0}.rt-fs img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;cursor:zoom-in;display:block}
.rt-ch{display:flex;gap:5px;flex-wrap:wrap;margin:4px 0}.rt-ch .chip{font-size:11.5px;white-space:nowrap}
.rt-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}@media (max-width:640px){.rt-3{grid-template-columns:1fr}}
.rt-lfs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.rt-lf{position:relative;display:block}.rt-lf img{width:96px;height:72px;object-fit:cover;border-radius:8px;display:block}
.rt-lf button{all:unset;cursor:pointer;position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:12px;display:grid;place-items:center}.rt-lf button:focus-visible{outline:2px solid var(--gold)}
.rt-cks{display:grid;gap:6px;align-content:end}.rt-cks label{display:flex;gap:8px;align-items:center;text-transform:none;letter-spacing:0;font-size:14px;color:var(--text);cursor:pointer}.rt-cks input{width:auto;flex:none}

/* PERFIL ANTES DE LA BIENVENIDA (12-10-2026) */
.bv-tipos button{display:grid;gap:3px;text-align:left;padding:14px 18px;white-space:normal}.bv-tipos button b{font:600 17px var(--body)}.bv-tipos button small{font-size:13.5px;opacity:.82;font-weight:400}

/* demo de Mi tarjeta: la tarjeta con su código (12-10-2026) */
.dm-tj{display:block;width:100%;height:auto}.dm-tj .c{fill:#17171a;stroke:var(--line-2);stroke-width:1}.dm-tj .a{fill:var(--gold);opacity:.85}.dm-tj .l1{fill:#f6f6f4}.dm-tj .l2{fill:#8d8d93}.dm-tj .b1{fill:var(--btn,var(--red))}.dm-tj .b2{fill:none;stroke:var(--line-2);stroke-width:1.2}.dm-tj .qf{fill:#f6f6f4}.dm-tj .q rect{fill:#0b0b0c}

/* demo de "En tu teléfono": teléfono con el icono, un aviso y sin señal (12-10-2026) */
.dm-tf{display:block;width:100%;height:auto}.dm-tf .c{fill:#101012;stroke:var(--line-2);stroke-width:1.4}.dm-tf .i{fill:#2a2a2f}.dm-tf .ap{fill:#0b0b0c;stroke:#3a3a40;stroke-width:1}.dm-tf .pt{fill:#f0293a}
.dm-tf .an{fill:none;stroke:var(--gold);stroke-width:1.4}.dm-tf .s{fill:none;stroke:#6b6b72;stroke-width:2;stroke-linecap:round}.dm-tf .x{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round}
.dm-tf .av .b{fill:#1d1d21;stroke:var(--line-2);stroke-width:1}.dm-tf .l1{fill:#f6f6f4}.dm-tf .l2{fill:#8d8d93}
@media (prefers-reduced-motion:no-preference){.dm-tf .av{animation:dmtf 3.6s ease-in-out infinite}.dm-tf .an{animation:dmtf2 1.8s ease-in-out infinite}}
@keyframes dmtf{0%,12%{opacity:0;transform:translateY(-10px)}22%,88%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-10px)}}@keyframes dmtf2{50%{opacity:.25}}
.dm-tf,.dm-tj{max-height:108px}

/* PRESUPUESTO Y GANANCIAS (12-10-2026) */
.pp-3{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,.7fr);gap:12px}.pp-n,.pp-cab{display:grid;gap:12px}.pp-n h2{margin:0}
.pp-i{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;text-decoration:none;color:var(--text)}.pp-i>div{min-width:0}.pp-i b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pp-i small{color:var(--text-2);font-size:12.5px}.pp-t{text-align:right;flex:none}.pp-t b{font:400 22px var(--display,Anton);color:var(--gold)}
.pp-d{padding:0}.pp-d summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px}.pp-d summary::-webkit-details-marker{display:none}.pp-d summary b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-d summary b::before{content:"▸";display:inline-block;margin-right:8px;color:var(--text-2);transition:transform .15s}.pp-d[open] summary b::before{transform:rotate(90deg)}
.pp-ds{font:500 14px var(--mono,monospace);color:var(--gold);flex:none}.pp-d summary:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;border-radius:18px}
.pp-h,.pp-r{display:grid;grid-template-columns:minmax(0,1fr) 72px 108px 100px 92px 28px;gap:6px;align-items:center;padding:0 16px}.pp-h{font:600 10.5px var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);padding-bottom:4px}.pp-h span:nth-child(n+2){text-align:right}
.pp-rs{display:grid;gap:6px}.pp-r input,.pp-r select,.pp-g input{min-width:0;width:100%;padding:8px 9px;font-size:14px}.pp-r input[type=number],.pp-g input{text-align:right}.pp-tt{text-align:right;font:500 13.5px var(--mono,monospace);white-space:nowrap}
.pp-x{all:unset;cursor:pointer;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--text-2);font-size:12px}.pp-x:hover,.pp-x:focus-visible{background:var(--line);color:var(--text)}
.pp-ref{grid-column:1/-1;color:var(--text-2);font-size:12.5px;margin:-2px 0 4px}.pp-d>.linkbtn{margin:8px 16px 14px;display:inline-block}
.pp-cont{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px}.pp-cont label{margin:0}.pp-cont input{width:84px;text-align:right}
.pp-tot{padding:14px 16px;display:grid;gap:6px}.pp-tot p{margin:0;display:flex;justify-content:space-between;gap:12px;align-items:baseline}.pp-tot p.nota{display:block}.pp-tot b{font:500 15px var(--mono,monospace);white-space:nowrap}.pp-tot .t{border-top:1px solid var(--line);padding-top:8px;margin-top:2px}.pp-tot .t b{font:400 26px var(--display,Anton);color:var(--gold)}.pp-tot .t.mal b,.pp-esc .mal b{color:#ff6b78}.pp-tot .t.ok b,.pp-esc .ok b{color:#6fd39b}
.pp-ing{padding:14px 0}.pp-h.g,.pp-g{display:grid;grid-template-columns:minmax(0,1fr) 120px 92px 100px;gap:8px;align-items:center;padding:0 16px}.pp-g{margin-top:6px}.pp-g span{min-width:0;font-size:14px}.pp-g b{text-align:right;font:500 13.5px var(--mono,monospace);white-space:nowrap}
.pp-inv{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:12px;padding:12px 16px 0}.pp-inv label{margin:0;text-transform:none;letter-spacing:0;font-size:14px;color:var(--text)}.pp-inv input{width:84px;text-align:right}
.pp-esc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}.pp-esc div{border:1px solid var(--line);border-radius:12px;padding:10px;min-width:0}.pp-esc small{display:block;color:var(--text-2);font-size:12px}.pp-esc b{font:400 20px var(--display,Anton);white-space:nowrap}
@media (max-width:640px){.pp-3{grid-template-columns:1fr}.pp-h{display:none}.pp-r{grid-template-columns:64px minmax(0,1fr) minmax(0,1fr) 28px;row-gap:5px}.pp-r>input[data-k=c]{grid-column:1/-1}.pp-tt{grid-column:1/4;text-align:left;color:var(--gold)}.pp-g{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 70px}.pp-g span{grid-column:1/-1}.pp-g b{display:none}.pp-esc{grid-template-columns:1fr}}
@media print{.top,.lado,nav.abajo,.vista,#aviso,.pp-x,.pp-ref,.pp-d>.linkbtn,.pp-cab .fila,.como-b,.graf-s{display:none !important}body{background:#fff !important;color:#000 !important}.card{border:1px solid #bbb !important;background:#fff !important;box-shadow:none !important;break-inside:avoid}.pp-r input,.pp-r select,.pp-g input,.pp-cab input,.pp-cab select,.pp-cont input,.pp-inv input{border:0 !important;background:none !important;color:#000 !important}.pp-tot .t b,.pp-ds,.pp-t b{color:#000 !important}.lay{display:block !important}h1,h2,.nota,.pp-g span,.pp-inv label{color:#000 !important}}
/* los campos de número no tenían estilo en la red: se ven igual que los de texto (presupuesto, locaciones, paquetes) */
input[type=number]{width:100%;background:var(--bg);border:1px solid var(--line-2);border-radius:8px;padding:11px 13px;font-size:16px;color:var(--text);font-family:inherit;appearance:textfield;-moz-appearance:textfield}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.pp-r input,.pp-r select,.pp-g input{padding:8px 9px;font-size:14px}.pp-cont input,.pp-inv input{width:84px}

/* PROYECTOS EN BUSCA DE APOYO (12-10-2026) */
.ay-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.ay-c{display:flex;flex-direction:column;padding:0;overflow:hidden;text-decoration:none;color:var(--text);min-width:0}.ay-c>img,.ay-ph{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;background:linear-gradient(135deg,#1c1c20,#0d0d0f)}
.ay-b{padding:12px 14px 14px;display:grid;gap:5px;min-width:0}.ay-b small{color:var(--gold);font:500 11px var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase}.ay-b b{font:400 22px var(--display,Anton);line-height:1.1;overflow-wrap:anywhere}.ay-b p{margin:0;color:var(--text-2);font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ay-ch{display:flex;gap:5px;flex-wrap:wrap;margin:2px 0}.ay-ch .chip{font-size:11.5px;white-space:nowrap}.ay-o{color:var(--text-2);font-size:13px}
.ay-1{padding:0;overflow:hidden}.ay-p{width:100%;max-height:420px;object-fit:cover;display:block}.ay-in{padding:18px 20px 22px;display:grid;gap:8px;min-width:0}.ay-in h1{margin:0}.ay-in h3{margin:12px 0 0}.ay-in small{color:var(--gold);font:500 11.5px var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase}
.ay-t{margin:0;white-space:pre-line;line-height:1.55;overflow-wrap:anywhere}.ay-t.t2{color:var(--text-2)}.ay-v{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}.ay-v iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ay-n{display:flex;gap:12px;flex-wrap:wrap}.ay-n div{border:1px solid var(--line);border-radius:12px;padding:10px 14px}.ay-n small{display:block;color:var(--text-2)}.ay-n b{font:400 26px var(--display,Anton);color:var(--gold)}
.ay-il{display:grid;gap:4px}.ay-il a{display:block;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--text)}.ay-il a:hover{background:var(--line)}.ay-il small{display:block;color:var(--text-2);font-size:12.5px}
.ay-mini{width:72px;height:48px;object-fit:cover;border-radius:8px;display:block}.ay-on{display:flex;gap:8px;align-items:center;text-transform:none;letter-spacing:0;font-size:14px;color:var(--text);cursor:pointer}.ay-on input{width:auto}
.bv-tipos button{padding:11px 16px}

/* VENDER MI PELÍCULA (12-10-2026) */
.vd-fn{font:400 22px var(--display,Anton);line-height:1.1;overflow-wrap:anywhere}.vd-l{display:grid;gap:2px;padding:0 10px 12px}.vd-c{display:flex;gap:10px;align-items:flex-start;padding:8px 8px;border-radius:10px;cursor:pointer;text-transform:none;letter-spacing:0;font-size:14.5px;color:var(--text);line-height:1.4}.vd-c:hover{background:var(--line)}.vd-c input{width:auto;flex:none;margin-top:3px}.vd-c:has(input:checked) span{color:var(--text-2);text-decoration:line-through}
.vd-f{padding:14px 16px;display:grid;gap:8px}.vd-f .nota{margin:0}.vd-d{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.vd-d span{min-width:0}.vd-d small{display:block;color:var(--text-2);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}.vd-d b{font-weight:500;font-size:14px;overflow-wrap:anywhere}
.vd-e{display:inline-flex;align-items:center;gap:8px;margin:0;text-transform:none;letter-spacing:0;font-size:13px;color:var(--text-2)}.vd-e select{width:auto;padding:6px 10px;font-size:13.5px}.pp-cab progress{width:100%}

.ay-leg{border:1px solid var(--gold);border-radius:12px;padding:10px 12px;margin:4px 0}

/* filtros de locaciones, reseñas y renta por horas (12-10-2026) */
.lf-s{width:auto !important;min-width:0;padding:7px 10px !important;font-size:13.5px !important;max-width:190px}.rt-fil{flex-wrap:wrap;gap:6px}
.rt-res{display:block;font-size:12.5px;color:var(--text-2)}.rt-res q{display:block;font-style:italic;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rt-rs{display:grid;gap:8px;border-top:1px solid var(--line);padding-top:10px;margin-top:6px}.rt-hn{align-self:end;margin:0 0 10px}

/* chats de grupo (12-10-2026) */
.ms-by{display:block;font-size:12px;font-weight:600;color:var(--gold);margin-bottom:2px}.ms-chat header .linkbtn{white-space:nowrap}.ms-chat header span.ms-q{display:flex;align-items:center;gap:10px;min-width:0}

/* 12-10-2026: con el perfil en rojo, los contadores y los avisos sin leer van en blanco y dorado para que no se pierdan entre los botones rojos */
html:not([data-ac]) .pend,html[data-ac=rojo] .pend{background:#fff;color:#0b0b0c;font-weight:700;box-shadow:0 0 0 2px rgba(11,11,12,.9)}
html:not([data-ac]) .av-pop .avn.nuevo,html:not([data-ac]) .av-full .avn.nuevo,html[data-ac=rojo] .av-pop .avn.nuevo,html[data-ac=rojo] .av-full .avn.nuevo{background:rgba(201,164,92,.13);box-shadow:inset 3px 0 0 var(--gold)}
.avn.nuevo b,.avn.nuevo div{font-weight:600}
.cr-m i{display:inline-block;width:.4em;height:.4em;margin:0 .17em;border-radius:50%;background:#d91f2f;vertical-align:.14em}
@media (prefers-reduced-motion:no-preference){.cr-m i{animation:rec 2.2s ease-in-out infinite}}