/* Piel de la versión 2 (estilo Gusto) para las páginas internas: misma letra, colores, botones y espacios que v2/v2.css.
   Se carga después de css/site.css solo cuando la página usa el encabezado de la v2 (html.piel-v2). */
html.piel-v2{
  --navy:#051758; --navy-2:#0b1f73; --blue:#0041F9; --orange-d:#E0782F; --orange:#F5A261;
  --ink:#121a3a; --text:#3a4160; --muted:#646c8a; --line:#e3e6ef; --soft:#f6f7fb; --soft-2:#eef2ff;
  --radius:20px; --shadow:0 20px 50px rgba(5,23,88,.08);
  --display:'Raleway','Segoe UI',Arial,sans-serif; --cuerpo:'Source Sans 3','Segoe UI',Arial,sans-serif;
}
.piel-v2 body{font:17px/1.6 var(--cuerpo);color:var(--text)}
.piel-v2 h1,.piel-v2 h2,.piel-v2 h3,.piel-v2 h4{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance}
.piel-v2 h1{font-size:clamp(40px,5.6vw,64px);font-weight:900;line-height:1.05}
.piel-v2 h2{font-size:clamp(30px,3.8vw,46px);font-weight:900;line-height:1.08}
.piel-v2 h3{font-size:20px;font-weight:800}
.piel-v2 section{padding:88px 0}
.piel-v2 .wrap{max-width:1200px;padding:0 max(20px,env(safe-area-inset-left,0px))}
.piel-v2 .lead{font-size:19.5px;color:var(--text)}
.piel-v2 .eyebrow{font:700 14px var(--cuerpo);letter-spacing:.02em;text-transform:none;color:var(--orange-d)}
.piel-v2 .soft{background:var(--soft)}
/* Botones como en la v2: azul marino para lo principal, naranja para comprar o empezar */
.piel-v2 .btn{font:700 16px var(--cuerpo);border-radius:12px;padding:13px 22px}
.piel-v2 .btn-sm{padding:9px 16px;font-size:15px}
.piel-v2 .btn-outline,.piel-v2 .btn-ghost{border-color:var(--navy);color:var(--navy);background:#fff}
.piel-v2 .btn-outline:hover,.piel-v2 .btn-ghost:hover{background:var(--soft)}
/* Encabezados de página y portadas en crema, centrados como el inicio */
.piel-v2 .page-head{background:#fff7f0;border-bottom:0;padding:72px 0 56px}
.piel-v2 .hero{background:#fff7f0}
.piel-v2 .hero p.lead{font-size:20px}
.piel-v2 .mod-head h1{font-size:clamp(38px,5vw,58px)}
/* Tarjetas: borde fino, esquinas amplias, sin sombra */
.piel-v2 .card,.piel-v2 .form-card,.piel-v2 .art,.piel-v2 .quote,.piel-v2 .stat-box{border-color:var(--line);border-radius:20px;box-shadow:none}
.piel-v2 .card.hover:hover,.piel-v2 .blog-card:hover{border-color:var(--navy);transform:translateY(-2px)}
.piel-v2 .card h3{font-size:21px}
.piel-v2 .pill{font-family:var(--cuerpo)}
.piel-v2 .chip{font:700 14.5px var(--cuerpo)}
.piel-v2 .chip.on{background:var(--navy);border-color:var(--navy)}
/* Banda de cierre como la de la v2 (crema con brillo naranja) */
.piel-v2 .cta-band{background:radial-gradient(900px 340px at 50% 120%,rgba(245,162,97,.45),transparent 60%),#fff7f0;color:var(--text);border-radius:24px}
.piel-v2 .cta-band h2{color:var(--navy)}
.piel-v2 .cta-band::after{display:none}
.piel-v2 .cta-band .btn-outline,.piel-v2 .cta-band .btn-ghost{background:#fff;color:var(--navy)!important;border-color:var(--navy)!important}   /* en la v1 eran blancos sobre azul */
.piel-v2 .cta-band .btn-outline:hover,.piel-v2 .cta-band .btn-ghost:hover{background:var(--soft)}
/* Formularios */
.piel-v2 input,.piel-v2 select,.piel-v2 textarea{font:16px var(--cuerpo);border-radius:10px;border-color:var(--line)}
.piel-v2 .field label{font-weight:700;color:var(--ink)}
.piel-v2 .tabs button,.piel-v2 .toggle button,.piel-v2 .hs-toggle button{font-family:var(--cuerpo)}
/* Artículos del blog */
.piel-v2 .prose{font:18px/1.75 var(--cuerpo)}
.piel-v2 .prose h2{font-size:30px}
.piel-v2 .prose h3{font-size:22px}
.piel-v2 .faq summary{font:700 18px var(--display);color:var(--navy)}
.piel-v2 .crumbs{font-size:15px}