/* ============================================================================
   "Estilo @nicoaldetips · Retrato" (2026-10-11) — ver el encabezado de estiloNicoRetrato.js (pedido de Nico, qué dibuja y cómo es
   exclusivo por datos).
   Todo scopeado a `.crsl-slide.nrt` (la clase la pone el JS SOLO con el tema activo y la cuenta habilitada).

   REGLA DE ORO (igual que el resto de los temas): lo que se ve tiene que salir igual con el respaldo html2canvas 1.4.1.
     · cero box-shadow / filter / mask / clip-path / blend / gradientes repetidos; un solo degradé lineal en las piezas .nrt-grad;
     · el tinte de la foto es un rgba sólido (div .nrt-tinte), el recorte va en px y el espejo es un scaleX(-1).
   Variables por lámina (las pone el JS en el style de la raíz): --nrt-tx / --nrt-hlbg / --nrt-hltx / --nrt-fuera.
   Composiciones (clase .nrt-e-*): gancho (foto entera, título abajo) · num (número gigante + título abajo) · top (título arriba +
   tarjeta abajo) · cierre (título arriba, la cara libre, botón bajo la cara).
   ============================================================================ */

/* ---------- lienzo ---------- */
.crsl-slide.nrt{background:var(--nrt-fuera,#101828);}
.crsl-slide.nrt .crsl-card{inset:0; border:0; border-radius:0; box-shadow:none; background:var(--nrt-fuera,#101828); padding:0; overflow:hidden;}
.crsl-slide.nrt .crsl-card::before, .crsl-slide.nrt .crsl-card::after{display:none;}
.crsl-slide.nrt .crsl-card > *{z-index:2;}
.crsl-slide.nrt .crsl-card > .crsl-bg-photo, .crsl-slide.nrt .crsl-card > .crsl-bg-photo-overlay{z-index:0;}
.crsl-slide.nrt .crsl-card > .crslx-decor{z-index:3;}
.crsl-slide.nrt .crsl-card > .crslx-decor.nrt-bajo{z-index:1;}
.crsl-slide.nrt .nrt-foto{position:absolute; inset:0;}
.crsl-slide.nrt .crsl-progress-track, .crsl-slide.nrt .crsl-counter, .crsl-slide.nrt .crsl-handle,
.crsl-slide.nrt .crsl-step-icon-big, .crsl-slide.nrt .crsl-step-underline, .crsl-slide.nrt .crsl-underline{display:none !important;}
.crslx-decor.nrt-p{line-height:1;}

/* ---------- piezas ---------- */
.nrt-grad{position:absolute; display:block; inset:0;}
.nrt-tag{display:inline-flex; align-items:center; height:100%; padding:0 20px;}
.nrt-tag b{font-family:'Anton','Impact',sans-serif; font-weight:400; font-size:34px; letter-spacing:.05em; text-transform:uppercase; line-height:1; white-space:nowrap;}
.nrt-cont{display:flex; align-items:center; justify-content:center; height:100%; background:rgba(16,24,40,.88); color:#fff;
  font-family:'Archivo Narrow','Archivo',sans-serif; font-weight:700; font-size:30px; letter-spacing:.18em; white-space:nowrap;}
.nrt-gran{font-family:'Anton','Impact',sans-serif; font-weight:400; font-size:500px; line-height:.92; letter-spacing:-.01em; white-space:nowrap;}

/* aviso cuando no hay ninguna foto cargada */
.nrt-vacio{position:absolute; inset:0; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:28px; padding:0 90px; background:#17254A; color:#fff;}
.nrt-vacio b{font-family:'Anton','Impact',sans-serif; font-weight:400; font-size:150px; line-height:1; letter-spacing:.01em; color:#FFE000;}
.nrt-vacio span{font-family:'Archivo','Inter',sans-serif; font-weight:700; font-size:38px; line-height:1.3;}

/* ---------- tipografía ---------- */
.crsl-slide.nrt .crsl-headline, .crsl-slide.nrt .crsl-step-title, .crsl-slide.nrt .crsl-step-title.o{
  font-family:'Anton','Impact',sans-serif; font-weight:400; font-style:normal; letter-spacing:.006em; text-transform:uppercase; text-shadow:none; -webkit-text-stroke:0; color:var(--nrt-tx,#fff);}
.crsl-slide.nrt .crsl-step-sub, .crsl-slide.nrt .crsl-box, .crsl-slide.nrt .crsl-check-list, .crsl-slide.nrt .crsl-body-txt, .crsl-slide.nrt .crsl-feature-desc, .crsl-slide.nrt .crsl-flow-label{
  font-family:'Archivo','Inter',sans-serif; font-weight:700; font-style:normal;}
/* palabra clave: caja de color (un span por palabra) */
.crsl-slide.nrt .nrt-hl, .crsl-slide.nrt .crsl-hlbox{display:inline-block; padding:0 .14em; margin:0 -.02em; background:var(--nrt-hlbg,#FFE000); color:var(--nrt-hltx,#101828); border-radius:0; transform:rotate(-1.5deg); text-shadow:none; font-style:normal;}
.crsl-slide.nrt .crsl-box .nrt-hl, .crsl-slide.nrt .crsl-check-list .nrt-hl, .crsl-slide.nrt .crsl-step-sub .nrt-hl, .crsl-slide.nrt .crsl-feature-desc .nrt-hl{background:#FFE000; color:#101828; transform:none; font-family:'Archivo',sans-serif; font-weight:800; padding:0 .12em;}

/* ---------- etiqueta de sección (la badge de la lámina) ---------- */
.crsl-slide.nrt .crsl-badge, .crsl-slide.nrt .crsl-badge.o{position:absolute; left:56px; top:128px; align-self:flex-start; margin:0; background:var(--nrt-hlbg,#FFE000); color:var(--nrt-hltx,#101828); border:0; border-radius:0; box-shadow:none; transform:none; padding:8px 20px;
  font-family:'Archivo Narrow','Archivo',sans-serif; font-weight:700; font-size:28px; letter-spacing:.17em; text-transform:uppercase;}
.crsl-slide.nrt .crsl-badge svg{display:none;}

.crsl-slide.nrt .crsl-box:empty, .crsl-slide.nrt .crsl-step-sub:empty{display:none;}

/* ---------- pie ---------- */
.crsl-slide.nrt .crsl-footer-handle{left:56px; right:auto; bottom:42px; text-align:left; font-family:'Archivo Narrow','Archivo',sans-serif; font-weight:700; font-size:28px; letter-spacing:.2em; text-transform:uppercase; color:var(--nrt-tx,#fff);}

/* ---------- portada = gancho: la cara libre, el título enorme pisando la remera ---------- */
.crsl-slide.nrt .crsl-portada-body{position:absolute; left:0; right:0; bottom:0; flex:none; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; text-align:left; padding:0 56px 112px;}
.crsl-slide.nrt .crsl-headline{font-size:134px; line-height:.98; padding:0; margin:0; max-width:968px; color:#fff;}
.crsl-slide.nrt .crsl-headline.nrt-l2{font-size:116px;}
.crsl-slide.nrt .crsl-headline.nrt-l3{font-size:98px;}
.crsl-slide.nrt .crsl-headline .o{color:#FFE000; font-style:normal;}
.crsl-slide.nrt .crsl-headline .y{display:inline-block; padding:.02em .14em .06em; margin:.04em 0 0 -.03em; background:#FF5500; color:#fff; font-style:normal; transform:rotate(-1.2deg);}
.crsl-slide.nrt .crsl-headline .y::after, .crsl-slide.nrt .crsl-headline .y:empty{display:none;}
.crsl-slide.nrt .crsl-body-txt{display:none;}
.crsl-slide.nrt .crsl-cta-pill{left:56px; right:auto; bottom:44px; display:flex; align-items:center; gap:14px; background:transparent; border:0; border-radius:0; box-shadow:none; transform:none; padding:0;
  color:#FFE000; font-family:'Archivo Narrow','Archivo',sans-serif; font-weight:700; font-size:28px; letter-spacing:.2em; text-transform:uppercase;}
.crsl-slide.nrt .crsl-cta-pill .nrt-flecha{font-style:normal; font-size:34px; letter-spacing:0;}

/* ---------- láminas del medio ---------- */
.crsl-slide.nrt .crsl-center-wrap{flex:1; align-items:flex-start; text-align:left; box-sizing:border-box;}
.crsl-slide.nrt .crsl-step-title, .crsl-slide.nrt .crsl-step-title.o{font-size:108px; line-height:1.02; margin:0 0 20px; max-width:100%;}
.crsl-slide.nrt .crsl-step-title.nrt-l2{font-size:92px;}
.crsl-slide.nrt .crsl-step-title.nrt-l3{font-size:76px;}
.crsl-slide.nrt .crsl-step-sub{font-size:38px; line-height:1.3; font-weight:600; color:var(--nrt-tx,#fff); margin:0 0 22px; max-width:900px;}
/* tarjeta crema: la nota («box») y el checklist */
.crsl-slide.nrt .crsl-box, .crsl-slide.nrt .crsl-box.o{width:100%; box-sizing:border-box; margin:0; padding:34px 42px; text-align:left; background:#F8F2E6; color:#101828; border:6px solid #101828; border-radius:0; box-shadow:none; transform:rotate(-1.4deg); font-weight:800; font-size:38px; line-height:1.28;}
.crsl-slide.nrt .crsl-check-list{width:100%; box-sizing:border-box; margin:0; padding:34px 42px 18px; background:#F8F2E6; color:#101828; border:6px solid #101828; transform:rotate(-1.4deg); font-size:38px; line-height:1.25;}
.crsl-slide.nrt .crsl-check-row{background:transparent; border:0; border-radius:0; padding:0; margin:0 0 18px; color:#101828;}
.crsl-slide.nrt .crsl-feature-box, .crsl-slide.nrt .crsl-flow-col{background:#F8F2E6; border:5px solid #101828; border-radius:0; box-shadow:none; color:#101828;}
.crsl-slide.nrt .crsl-feature-title{font-family:'Anton','Impact',sans-serif; font-weight:400; color:#101828;}
.crsl-slide.nrt .crsl-flow-label, .crsl-slide.nrt .crsl-feature-desc{color:#101828;}

/* composición «top»: título arriba, la tarjeta baja */
.crsl-slide.nrt.nrt-e-top .crsl-center-wrap{justify-content:flex-start; padding:222px 56px 130px;}
.crsl-slide.nrt.nrt-e-top .crsl-box, .crsl-slide.nrt.nrt-e-top .crsl-check-list, .crsl-slide.nrt.nrt-e-top .crsl-feature-list, .crsl-slide.nrt.nrt-e-top .crsl-flow-row{margin-top:auto;}
/* composición «num»: número gigante arriba (pieza) y el título abajo */
.crsl-slide.nrt.nrt-e-num .crsl-center-wrap{justify-content:flex-end; padding:0 56px 130px;}
.crsl-slide.nrt.nrt-e-num .crsl-box, .crsl-slide.nrt.nrt-e-num .crsl-check-list{margin-top:10px;}

/* ---------- cierre: título arriba, la cara libre, el botón bajo la cara ---------- */
.crsl-slide.nrt.nrt-r-cierre .crsl-center-wrap{justify-content:flex-start; align-items:center; text-align:center; padding:180px 56px 0 !important;}
.crsl-slide.nrt.nrt-r-cierre .crsl-step-title{font-size:116px !important; line-height:1 !important; text-align:center; margin:0 0 14px;}
.crsl-slide.nrt.nrt-r-cierre .crsl-step-sub{position:absolute; left:90px; right:90px; bottom:166px; text-align:center; font-size:32px !important; line-height:1.28; font-weight:700; margin:0; color:#fff !important;}
.crsl-slide.nrt.nrt-r-cierre .crsl-box, .crsl-slide.nrt.nrt-r-cierre .crsl-box.o{position:absolute; left:90px; right:90px; bottom:290px; width:auto; margin:0; text-align:center; background:#FFE000; color:#101828; border:6px solid #101828; transform:rotate(-1.2deg); font-family:'Anton','Impact',sans-serif; font-weight:400; font-size:58px; line-height:1.1; text-transform:uppercase; padding:24px 24px;}
.crsl-slide.nrt.nrt-r-cierre .crsl-save-hint{position:absolute; left:0; right:0; bottom:98px; margin:0; text-align:center; font-family:'Archivo Narrow','Archivo',sans-serif; font-weight:700; font-size:28px; letter-spacing:.2em; text-transform:uppercase; color:#fff !important;}
.crsl-slide.nrt.nrt-r-cierre .crsl-footer-handle{left:0; right:0; text-align:center; font-weight:700; color:#FFE000 !important;}

/* ---------- panel de edición ---------- */
.nrt-ths{display:flex; flex-wrap:wrap; gap:10px;}
.nrt-th-w{display:flex; flex-direction:column; gap:4px; align-items:center;}
.nrt-th{position:relative; width:96px; height:128px; border-radius:8px; background-size:cover; background-position:center; border:2px solid var(--border,#ddd); cursor:crosshair;}
.nrt-th-p{position:absolute; width:18px; height:18px; margin:-9px 0 0 -9px; border:3px solid #FFE000; border-radius:50%; background:rgba(0,0,0,.25); pointer-events:none;}
.nrt-th-b{display:flex; gap:4px;}
.nrt-th-b .tab-btn{padding:3px 9px; font-size:12px;}
.nrt-panel .aj-chips .tab-btn.on{border-color:var(--yellow,#FFE000); color:var(--yellow,#FFE000);}