/* Portada v2 (17-10-2026): el producto se muestra con un recorrido real (CV de antes → análisis → CV profesional). */
.p-kicker{font:800 12px/1.4 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--link)}
.p-kicker b{color:var(--green)}
.p-hero{max-width:1240px;margin:auto;padding:40px 40px 90px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:60px;align-items:center}
.p-hero-text{display:grid;gap:26px}
.p-hero h1{font-size:clamp(46px,5.4vw,78px);font-weight:700;line-height:1.04}
.p-hero h1 span{text-decoration:underline;text-decoration-color:var(--sky);text-decoration-thickness:6px;text-underline-offset:10px}
.p-lead{font-size:18px;color:var(--text);max-width:52ch}
.p-actions{display:flex;flex-wrap:wrap;gap:18px 24px;align-items:center}
.p-note{font-size:13px;line-height:1.5;color:var(--text)}
.p-desk{position:relative;min-height:560px;background:var(--mint);border-radius:4px;overflow:hidden;isolation:isolate}
.p-desk:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,#fff8 0,#fff0 45%);z-index:-1}
.p-paper{position:absolute;background:#fff;box-shadow:0 1px 0 #163f3512,0 22px 50px #163f3524}
.p-paper img{width:100%}
.p-paper-old{width:52%;left:6%;top:9%;transform:rotate(-5deg);filter:saturate(.6)}
.p-paper-old:after{content:"";position:absolute;inset:0;background:linear-gradient(#fff0 70%,#fff)}
.p-paper-new{width:66%;right:5%;top:20%;transform:rotate(1.5deg)}
.p-notes{list-style:none;margin:0;padding:0}
.p-notes li{position:absolute;background:var(--green);color:var(--paper);font:600 13px/1.35 Manrope,sans-serif;padding:9px 13px;border-radius:6px;max-width:220px;box-shadow:0 10px 24px #163f3530}
.p-notes li:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--sky);border:2px solid var(--paper);left:-6px;top:50%;transform:translateY(-50%)}
.p-notes .n1{right:3%;top:5%}
.p-notes .n2{left:4%;top:58%}
.p-notes .n3{right:6%;bottom:6%}

.p-recorrido{background:var(--green);color:var(--paper);padding:90px 40px 70px}
.p-section-head{max-width:1160px;margin:0 auto 50px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}
.p-section-head h2{font-size:clamp(36px,4vw,54px)}
.p-section-head p{color:#d5e4dc;max-width:56ch}
.p-steps{list-style:none;margin:0 auto;padding:0;max-width:1160px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;counter-reset:s}
.p-step{display:grid;grid-template-rows:auto 1fr auto auto;gap:16px;align-content:start}
.p-step-n{font:800 12px/1 Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:10px;color:var(--mint)}
.p-step-n span{width:28px;height:28px;border-radius:50%;background:var(--sky);color:var(--green);display:grid;place-items:center;letter-spacing:0;font-size:13px}
.p-step-doc{background:#fff;border-radius:3px;overflow:hidden;aspect-ratio:4/4.4;max-width:100%}
.p-step-doc img{width:100%;height:auto}
.p-step-cap{font-size:14px;line-height:1.6;color:#d5e4dc}
.p-analysis{background:var(--paper);color:var(--green);border-radius:3px;padding:22px 22px 18px;aspect-ratio:4/4.4;overflow:hidden;display:flex;flex-direction:column;gap:10px;font-size:13px;line-height:1.5}
.p-analysis h3{font-size:19px;line-height:1.22}
.p-analysis-label{font:800 10.5px/1 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--link);margin-top:4px}
.p-found,.p-tips{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.p-found li{padding-left:22px;position:relative}
.p-found li:before{position:absolute;left:0;top:1px;width:15px;height:15px;border-radius:50%;font:800 10px/15px Manrope,sans-serif;text-align:center}
.p-found .ok:before{content:"✓";background:var(--mint);color:var(--green)}
.p-found .fix:before{content:"↗";background:#eaf5fc;color:var(--link)}
.p-tips{counter-reset:t}
.p-tips li{counter-increment:t;padding-left:22px;position:relative}
.p-tips li:before{content:counter(t);position:absolute;left:0;font-weight:800;color:var(--link)}
.p-analysis-more{margin-top:auto;font-size:12px;color:var(--text);border-top:1px solid var(--line);padding-top:9px}
.p-files{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}
.p-files li{font:600 12px/1 Manrope,sans-serif;border:1px solid #ffffff40;border-radius:20px;padding:7px 11px 7px 26px;position:relative}
.p-files li:before{content:"";position:absolute;left:10px;top:50%;width:9px;height:11px;transform:translateY(-50%);border:1.5px solid var(--sky);border-radius:1px}
.p-step:nth-child(2) .p-step-cap,.p-step:nth-child(3) .p-step-cap{grid-row:auto}
.p-fine{max-width:1160px;margin:40px auto 0;font-size:12px;color:#a9c3b8}

.p-sheet{max-width:1160px;margin:auto;padding:100px 40px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:60px;align-items:start}
.p-sheet h2{font-size:clamp(30px,3.2vw,42px);margin:14px 0 36px}
.p-cols{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.p-cols h3{font-size:20px;margin-bottom:12px}
.p-cols ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;color:var(--text)}
.p-cols li{padding-left:24px;position:relative}
.p-cols li:before{content:"";position:absolute;left:0;top:.65em;width:12px;height:2px;background:var(--sky)}
.p-price{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;display:grid;gap:16px;box-shadow:0 14px 35px #163f350d}
.p-price strong{font:700 56px/1 Bricolage,sans-serif;letter-spacing:-.035em}
.p-price>span{color:var(--text);font-size:14px}
.p-price .cv-button{justify-content:center}
.p-mini-steps{margin:6px 0 0;padding:16px 0 0 20px;border-top:1px solid var(--line);font-size:13px;color:var(--text);display:grid;gap:5px}

@media(max-width:1000px){
.p-hero{grid-template-columns:1fr;padding:20px 30px 70px;gap:40px}
.p-desk{min-height:0;aspect-ratio:1/0.92}
.p-steps{grid-template-columns:1fr;max-width:560px}
.p-step-doc,.p-analysis{aspect-ratio:auto}
.p-step-doc{max-height:520px}
.p-section-head{grid-template-columns:1fr;gap:20px}
.p-sheet{grid-template-columns:1fr;padding:70px 30px}
}
@media(max-width:760px){
.p-hero{padding:14px 20px 60px}
.p-hero h1{font-size:44px}
.p-lead{font-size:16px}
.p-actions .cv-button{width:100%;justify-content:center}
.p-desk{aspect-ratio:1/1.12}
.p-paper-old{width:62%;left:3%;top:6%}
.p-paper-new{width:80%;right:3%;top:26%}
.p-notes li{font-size:11.5px;max-width:170px;padding:7px 10px}
.p-notes .n2{top:auto;bottom:24%;left:3%}
.p-notes .n3{display:none}
.p-recorrido{padding:64px 20px 50px}
.p-sheet{padding:60px 20px}
.p-cols{grid-template-columns:1fr;gap:26px}
.p-price{padding:24px}
}

/* Estilos del CV (24-10) */
.p-estilos{padding:90px 40px 70px;background:var(--paper);max-width:1280px;margin:0 auto}
.p-estilos-head{max-width:760px;margin-bottom:34px}.p-estilos-head h2{font-size:clamp(34px,4.4vw,56px);line-height:1.02;margin:10px 0 16px}
.p-estilos-fila{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.p-estilos-fila li{display:grid;gap:10px;align-content:start}
.p-estilos-fila img{width:100%;height:auto;aspect-ratio:210/297;object-fit:cover;object-position:top;border-radius:4px;box-shadow:0 14px 32px #163f3524;border:1px solid #dee5e3;background:#fff}
.p-estilos-fila li:nth-child(even){transform:translateY(22px)}
.p-estilos-fila span{font:800 14px/1.3 Manrope,sans-serif;color:var(--green)}
.p-estilos .p-fine{margin-top:40px}
@media(max-width:900px){.p-estilos{padding:60px 20px 50px}.p-estilos-fila{grid-template-columns:repeat(5,minmax(150px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:28px}.p-estilos-fila li{scroll-snap-align:start}}

/* Precios a la vista (24-10): tabla del análisis gratis, el CV profesional y el extra de la foto. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.cv-precios{width:100%;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.cv-precios th,.cv-precios td{padding:13px 16px;border-top:1px solid var(--line);text-align:center;vertical-align:middle}
.cv-precios thead th,.cv-precios thead td{border-top:0;font:700 19px/1.1 Bricolage,sans-serif;letter-spacing:-.02em;padding-top:18px;color:var(--green)}
.cv-precios tbody th,.cv-precios tfoot th{text-align:left;font-weight:600;color:var(--green);width:52%}
.cv-precios small{display:block;font-weight:400;font-size:12px;color:var(--text);line-height:1.35;margin-top:2px}
.cv-precios td strong{font:700 17px/1.1 Bricolage,sans-serif}
.cv-precio td strong{font-size:26px;letter-spacing:-.03em}
.cv-precio th,.cv-precio td{background:var(--mint-2)}
.pt-yes{font:700 18px/1 Bricolage,sans-serif;color:var(--green)}
.pt-no{color:#9bb0a7}
.cv-extra th,.cv-extra td{background:#f4f9fc;border-top:1px dashed var(--sky)}
.cv-extra-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--link);margin-bottom:3px;width:100%}
.cv-precios tfoot th,.cv-precios tfoot td{border-top:2px solid var(--green);background:#fff}
.cv-precios tfoot td strong{font-size:24px}
@media(max-width:600px){.cv-precios{font-size:14px}.cv-precios th,.cv-precios td{padding:11px 8px}.cv-precios tbody th,.cv-precios tfoot th{width:46%}.cv-precio td strong{font-size:21px}.cv-precios thead th{font-size:16px}}