/* caseros.es — estética: blanco, gris #747474, acento único naranja #FF5400, títulos condensados cursiva gruesa + Poppins */
:root{
	--naranja:#FF5400;--naranja-osc:#d94700;--gris:#747474;--osc:#333333;--negro:#141414;--blanco:#ffffff;--linea:#e6e6e6;--suave:#f6f6f6;
	--display:"Barlow Condensed","Druk","Arial Narrow",sans-serif;--texto:"Poppins",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body.cs{margin:0;background:var(--blanco);color:var(--gris);font-family:var(--texto);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
.cs a{color:var(--naranja)}
.cs-wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.cs h1,.cs h2,.cs h3{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-.01em;margin:0 0 .4em}

/* Cabecera */
.cs-top{position:sticky;top:0;z-index:50;background:var(--negro);border-bottom:3px solid var(--naranja)}
.cs-top__in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.cs-logo{font-family:var(--display);font-style:italic;font-weight:900;font-size:30px;color:var(--blanco)!important;text-decoration:none;letter-spacing:-.01em;text-transform:uppercase}
.cs-logo span{color:var(--naranja)}
.cs-nav{display:flex;align-items:center;gap:22px}
.cs-nav a{color:#ddd;text-decoration:none;font-weight:500;font-size:15px}
.cs-nav a:hover{color:var(--blanco)}
.cs-nav a.cs-btn{color:var(--blanco)}
@media (max-width:720px){.cs-nav a:not(.cs-btn){display:none}.cs-logo{font-size:26px}}

/* Botones */
.cs-btn{display:inline-block;background:var(--naranja);color:var(--blanco)!important;font-family:var(--texto);font-weight:700;font-size:16px;text-decoration:none;padding:14px 26px;border:2px solid var(--naranja);border-radius:0;cursor:pointer;transition:background .15s}
.cs-btn:hover{background:var(--naranja-osc);border-color:var(--naranja-osc)}
.cs-btn--sm{padding:8px 16px;font-size:14px}
.cs-btn--line{background:transparent;color:var(--blanco)!important;border-color:var(--blanco)}
.cs-btn--line:hover{background:var(--blanco);color:var(--negro)!important;border-color:var(--blanco)}
.cs-btn--dark{background:var(--negro);border-color:var(--negro)}

/* Hero */
.cs-hero{background:var(--negro);color:var(--blanco);padding:84px 0 92px;position:relative;overflow:hidden}
.cs-hero::after{content:"";position:absolute;right:-60px;bottom:-60px;width:320px;height:320px;border:28px solid var(--naranja);border-radius:50%;opacity:.9}
.cs-hero__in{position:relative;z-index:1;max-width:820px}
.cs-kicker{display:inline-block;font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--naranja);margin-bottom:18px}
.cs-hero h1{font-size:clamp(56px,11vw,128px);color:var(--blanco)}
.cs-hero h1 em{color:var(--naranja);font-style:italic}
.cs-hero p{font-size:clamp(17px,2.2vw,21px);color:#cfcfcf;max-width:640px;margin:0 0 30px}
.cs-hero p strong{color:var(--blanco)}
.cs-cta{display:flex;flex-wrap:wrap;gap:12px}

/* Franja */
.cs-strip{background:var(--naranja);color:var(--blanco);padding:22px 0}
.cs-strip p{margin:0;font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(24px,4vw,40px);line-height:1}

/* Secciones */
.cs-sec{padding:88px 0}
.cs-sec--gris{background:var(--suave)}
.cs-sec--osc{background:var(--negro);color:#cfcfcf}
.cs-sec h2{font-size:clamp(44px,7vw,80px);color:var(--naranja)}
.cs-sec--osc h2{color:var(--blanco)}
.cs-sec--osc h2 em{color:var(--naranja)}
.cs-lead{font-size:19px;color:var(--osc);max-width:720px;margin:0 0 40px}
.cs-sec--osc .cs-lead{color:#cfcfcf}

/* Rejillas */
.cs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2px;background:var(--linea);border:2px solid var(--linea)}
.cs-card{background:var(--blanco);padding:30px 26px}
.cs-card h3{font-size:34px;color:var(--osc)}
.cs-card p{margin:0}
.cs-num{font-family:var(--display);font-style:italic;font-weight:900;font-size:64px;line-height:1;color:var(--naranja);display:block;margin-bottom:6px}

/* Ficha de reseña de ejemplo */
.cs-demo{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
@media (max-width:860px){.cs-demo{grid-template-columns:1fr}}
.cs-ficha{background:var(--blanco);border:2px solid var(--osc);padding:26px;box-shadow:10px 10px 0 var(--naranja)}
.cs-ficha__top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:2px solid var(--linea);padding-bottom:14px;margin-bottom:14px}
.cs-ficha__name{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase;font-size:32px;line-height:1;color:var(--osc)}
.cs-ficha__meta{font-size:13px;color:var(--gris)}
.cs-ficha__nota{font-family:var(--display);font-style:italic;font-weight:900;font-size:52px;line-height:1;color:var(--naranja)}
.cs-ficha__nota small{font-size:20px;color:var(--gris)}
.cs-ficha ul{list-style:none;margin:0 0 14px;padding:0}
.cs-ficha li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--linea);font-size:15px;color:var(--osc)}
.cs-ficha li b{color:var(--naranja);font-weight:700}
.cs-ficha blockquote{margin:0;padding:12px 14px;background:var(--suave);border-left:4px solid var(--naranja);font-size:15px;color:var(--osc)}
.cs-ficha__who{display:block;margin-top:10px;font-size:13px;font-weight:600;color:var(--gris)}
.cs-badge{display:inline-block;background:var(--naranja);color:var(--blanco);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;margin-right:6px}
.cs-check{list-style:none;margin:0;padding:0}
.cs-check li{position:relative;padding:0 0 14px 34px;color:var(--osc);font-size:17px}
.cs-check li::before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;background:var(--naranja);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%)}
.cs-sec--osc .cs-check li{color:#e6e6e6}

/* Caseros */
.cs-casero{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}
@media (max-width:860px){.cs-casero{grid-template-columns:1fr}}
.cs-frase{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase;font-size:clamp(34px,5vw,54px);line-height:.95;color:var(--blanco);border-left:8px solid var(--naranja);padding-left:18px;margin:34px 0}
.cs-frase span{color:var(--naranja)}

/* Lo que viene */
.cs-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px;padding:0;list-style:none}
.cs-tags li{border:2px solid var(--osc);color:var(--osc);font-weight:600;padding:8px 16px}

/* Normas (expandibles) */
.cs-faq details{border-top:2px solid var(--linea);padding:18px 0}
.cs-faq details:last-child{border-bottom:2px solid var(--linea)}
.cs-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font-weight:600;font-size:18px;color:var(--osc)}
.cs-faq summary::-webkit-details-marker{display:none}
.cs-faq summary::after{content:"+";font-family:var(--display);font-weight:900;font-size:30px;line-height:.8;color:var(--naranja)}
.cs-faq details[open] summary::after{content:"–"}
.cs-faq details p{margin:12px 0 0;max-width:760px}

/* Formularios (barrejon-forms) */
.cs-formbox{max-width:760px;background:var(--blanco);border:2px solid var(--osc);padding:34px 30px}
@media (max-width:600px){.cs-formbox{padding:24px 18px}}
.cs .bf-group{border:0;padding:0;margin:0 0 26px}
.cs .bf-group legend{font-family:var(--display);font-style:italic;font-weight:900;text-transform:uppercase;font-size:28px;color:var(--naranja);padding:0;margin-bottom:12px}
.cs .bf-field{margin:0 0 16px}
.cs .bf-field label{display:block;font-weight:600;font-size:15px;color:var(--osc);margin-bottom:6px}
.cs .bf-field input[type=text],.cs .bf-field input[type=email],.cs .bf-field input[type=tel],.cs .bf-field select,.cs .bf-field textarea{width:100%;font-family:var(--texto);font-size:16px;color:var(--osc);background:var(--blanco);border:2px solid #cfcfcf;border-radius:0;padding:12px 14px;outline:none}
.cs .bf-field textarea{resize:vertical;min-height:170px}
.cs .bf-field input:focus,.cs .bf-field select:focus,.cs .bf-field textarea:focus{border-color:var(--naranja)}
.cs .bf-field--checkbox label{display:flex;gap:10px;align-items:flex-start;font-weight:500}
.cs .bf-field--checkbox input{width:20px;height:20px;margin-top:3px;accent-color:var(--naranja);flex:0 0 auto}
.cs .bf-help{font-size:13px;margin:6px 0 0}
.cs .bf-req{color:var(--naranja);margin-left:2px}
.cs .bf-error{color:#c62828;font-size:13px;font-weight:600;margin:6px 0 0}
.cs .bf-field--error input,.cs .bf-field--error select,.cs .bf-field--error textarea{border-color:#c62828}
.cs .bf-note{font-size:13px}
.cs .bf-submit{display:inline-block;background:var(--naranja);color:var(--blanco);font-family:var(--texto);font-weight:700;font-size:17px;padding:15px 30px;border:0;border-radius:0;cursor:pointer}
.cs .bf-submit:hover{background:var(--naranja-osc)}
.cs .bf-message{background:#fff3ee;border-left:4px solid var(--naranja);padding:12px 14px;color:var(--osc);margin-bottom:16px}
.cs .bf-success{background:var(--naranja);color:var(--blanco);padding:22px;font-weight:600;font-size:17px}
.cs .bf-hp{position:absolute!important;left:-9999px!important}

/* Páginas de texto */
.cs-texto{max-width:780px;padding:70px 20px}
.cs-texto h1{font-size:clamp(46px,8vw,76px);color:var(--naranja)}
.cs-texto h2{font-size:32px;color:var(--osc);margin-top:1.6em}
.cs-texto p,.cs-texto li{color:var(--gris)}

/* Pie */
.cs-foot{background:var(--negro);color:#9a9a9a;padding:46px 0;border-top:3px solid var(--naranja)}
.cs-foot__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.cs-foot p{margin:0}
.cs-foot nav{display:flex;flex-wrap:wrap;gap:20px}
.cs-foot nav a{color:#cfcfcf;text-decoration:none;font-size:14px}
.cs-foot nav a:hover{color:var(--naranja)}