/* ============================================================
   ROLITO — Design system
   Marca: hielo de fábrica argentina, +50 años, 3 líneas de negocio
   Señal visual: cadena de frío + etiquetado industrial de bolsa
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Inflated:wght@700;800;900&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@500;600&display=swap');

:root{
  /* Color — verde marca + paleta "frío de planta" */
  --verde-950:#0F1A12;
  --verde-900:#16211A;
  --verde-800:#1E3323;
  --verde-700:#265F2A;   /* verde institucional Rolito */
  --lima-500:#6DB535;    /* lima institucional Rolito */
  --lima-400:#8ACB4E;
  --hielo-050:#F7FAF5;
  --hielo-100:#EDF3EA;
  --escarcha-200:#DCE7DF;
  --acero-600:#4F6358;
  --acero-500:#6B7D72;
  --texto:#182018;
  --blanco:#FFFFFF;
  --naranja-ypf:#E8601C; /* guiño a estaciones de servicio, uso mínimo */

  --display: 'Big Shoulders Inflated', sans-serif;
  --body: 'IBM Plex Sans', -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, monospace;

  --radius-s: 4px;
  --radius-m: 10px;
  --container: 1240px;
  --edge: clamp(20px, 5vw, 64px);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--body);
  color:var(--texto);
  background:var(--hielo-050);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{margin:0;font-family:var(--display);font-weight:800;letter-spacing:.01em;text-transform:uppercase;line-height:.98;}
p{margin:0;}
button{font-family:inherit;cursor:pointer;}

.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--edge);}
:focus-visible{outline:3px solid var(--lima-500);outline-offset:3px;}
@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms !important;transition-duration:.001ms !important;}}

/* ---------- Eyebrow / etiqueta de bolsa ---------- */
.tag{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--verde-700);background:var(--blanco);
  padding:6px 14px 6px 10px;
  border:1.5px solid var(--verde-700);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);
}
.tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lima-500);flex:none;}
.tag--claro{background:transparent;color:var(--hielo-050);border-color:rgba(247,250,245,.55);}
.tag--claro::before{background:var(--lima-400);}

/* ---------- Header ---------- */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(247,250,245,.9);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--escarcha-200);
}
.nav{display:flex;align-items:center;justify-content:space-between;padding-block:14px;}
.brand{display:flex;align-items:center;gap:10px;}
.brand__logo{height:38px;width:auto;}
.footer__brand{display:inline-block;background:var(--hielo-050);border-radius:10px;padding:10px 16px;}
.footer__brand img{height:34px;width:auto;display:block;}
.nav__links{display:flex;gap:28px;align-items:center;}
.nav__links a{font-size:14px;font-weight:600;color:var(--verde-900);position:relative;padding-bottom:3px;}
.nav__links a:hover{color:var(--verde-700);}
.nav__cta{display:flex;align-items:center;gap:12px;}
.nav__toggle{display:none;}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-size:14px;font-weight:700;letter-spacing:.02em;
  padding:12px 22px;border-radius:var(--radius-s);border:2px solid transparent;
  transition:transform .15s ease, background-color .15s ease, border-color .15s ease;
}
.btn:hover{transform:translateY(-2px);}
.btn--primary{background:var(--lima-500);color:var(--verde-950);}
.btn--primary:hover{background:var(--lima-400);}
.btn--outline{border-color:var(--verde-700);color:var(--verde-700);}
.btn--outline:hover{background:var(--verde-700);color:var(--hielo-050);}
.btn--claro{border-color:var(--hielo-050);color:var(--hielo-050);}
.btn--claro:hover{background:var(--hielo-050);color:var(--verde-900);}
.btn--sm{padding:9px 16px;font-size:13px;}

/* ---------- Hero ---------- */
.hero{
  position:relative;overflow:hidden;
  background:radial-gradient(120% 140% at 85% -10%, var(--verde-800) 0%, var(--verde-900) 45%, var(--verde-950) 100%);
  color:var(--hielo-050);
}
.hero::after{ /* textura de escarcha */
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,.35) 0, transparent 60%),
    radial-gradient(1px 1px at 60% 70%, rgba(255,255,255,.25) 0, transparent 60%),
    radial-gradient(1.5px 1.5px at 80% 20%, rgba(255,255,255,.3) 0, transparent 60%),
    radial-gradient(1px 1px at 40% 85%, rgba(255,255,255,.2) 0, transparent 60%);
  background-size:400px 400px;
}
.hero__inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-block:72px 56px;}
.hero__eyebrow{margin-bottom:22px;}
.hero h1{font-size:clamp(40px,5.4vw,72px);color:var(--blanco);}
.hero h1 em{font-style:normal;color:var(--lima-400);}
.hero__lede{font-size:18px;max-width:46ch;color:var(--escarcha-200);margin-top:20px;}
.hero__actions{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap;}
.hero__art{
  position:relative;aspect-ratio:3/4;border-radius:var(--radius-m);overflow:hidden;
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.5);
}
.hero__art img{width:100%;height:100%;object-fit:cover;object-position:center 42%;}
.hero__stat{
  position:absolute;left:-18px;bottom:24px;background:var(--hielo-050);color:var(--verde-900);
  padding:14px 20px;border-radius:var(--radius-s);box-shadow:0 14px 30px -10px rgba(0,0,0,.35);
}
.hero__stat b{display:block;font-family:var(--display);font-size:30px;color:var(--verde-700);line-height:1;}
.hero__stat span{font-size:12px;font-weight:600;color:var(--acero-600);text-transform:uppercase;letter-spacing:.06em;}
.hero__badge{
  position:absolute;right:-22px;top:26px;width:112px;height:112px;border-radius:14px;
  background:var(--hielo-050);padding:10px;box-shadow:0 16px 30px -10px rgba(0,0,0,.4);
  border:1px solid var(--escarcha-200);transform:rotate(4deg);
}
.hero__badge img{width:100%;height:100%;object-fit:contain;}

/* ---------- Marquee de confianza ---------- */
.trust{background:var(--verde-950);color:var(--escarcha-200);padding-block:14px;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);}
.trust__track{display:flex;gap:56px;white-space:nowrap;font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;animation:marquee 28s linear infinite;width:max-content;}
@keyframes marquee{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.trust__track span{opacity:.75;}
.trust__track span b{color:var(--lima-400);opacity:1;}

/* ---------- Secciones genéricas ---------- */
.section{padding-block:88px;}
.section--escarcha{background:var(--escarcha-200);}
.section--oscura{background:var(--verde-950);color:var(--hielo-050);}
.section__head{max-width:680px;margin-bottom:48px;}
.section__head h2{font-size:clamp(30px,3.6vw,46px);margin-top:16px;color:var(--verde-900);}
.section--oscura .section__head h2{color:var(--blanco);}
.section__head p{margin-top:16px;font-size:17px;color:var(--acero-600);}
.section--oscura .section__head p{color:var(--escarcha-200);}

/* ---------- Líneas de negocio ---------- */
.lineas{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.linea-card{
  background:var(--blanco);border-radius:var(--radius-m);overflow:hidden;
  border:1px solid var(--escarcha-200);
  transition:transform .2s ease, box-shadow .2s ease;
}
.linea-card:hover{transform:translateY(-6px);box-shadow:0 24px 40px -20px rgba(22,33,26,.25);}
.linea-card__media{aspect-ratio:16/11;overflow:hidden;background:var(--escarcha-200);}
.linea-card__media img{width:100%;height:100%;object-fit:cover;}
.linea-card__body{padding:24px;}
.linea-card__body span.tag{margin-bottom:12px;}
.linea-card__body h3{font-size:24px;color:var(--verde-900);margin-top:10px;}
.linea-card__body p{margin-top:10px;font-size:15px;color:var(--acero-600);}

/* ---------- Cadena de frío (elemento distintivo) ---------- */
.cadena{position:relative;padding-top:8px;}
.cadena__linea{
  position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-top:2px dashed rgba(247,250,245,.25);
  margin-top:52px;
}
.cadena__paso{position:relative;padding:32px 20px 0 0;}
.cadena__paso::before{
  content:"";position:absolute;top:-9px;left:0;width:16px;height:16px;border-radius:50%;
  background:var(--lima-500);border:3px solid var(--verde-950);
}
.cadena__temp{font-family:var(--mono);font-size:13px;color:var(--lima-400);letter-spacing:.06em;}
.cadena__paso h4{font-size:22px;color:var(--blanco);margin-top:10px;letter-spacing:.02em;}
.cadena__paso p{font-size:14px;color:var(--escarcha-200);margin-top:8px;max-width:26ch;}
body.js-reveal .cadena__paso{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease;}
body.js-reveal .cadena__paso.is-visible{opacity:1;transform:none;}

/* ---------- Por qué Rolito ---------- */
.motivos{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--escarcha-200);border:1px solid var(--escarcha-200);border-radius:var(--radius-m);overflow:hidden;}
.motivo{background:var(--blanco);padding:32px 26px;}
.motivo__num{font-family:var(--mono);font-size:13px;color:var(--lima-500);font-weight:600;}
.motivo h3{font-size:19px;text-transform:none;font-family:var(--body);font-weight:700;color:var(--verde-900);margin-top:14px;}
.motivo p{margin-top:10px;font-size:14px;color:var(--acero-600);}
.section--oscura .motivos{background:transparent;border-color:rgba(255,255,255,.14);}
.section--oscura .motivo{background:rgba(255,255,255,.04);position:relative;padding-top:38px;}
.section--oscura .motivo::before{content:"";position:absolute;top:0;left:0;width:44px;height:6px;background:var(--lima-500);clip-path:polygon(0 0,100% 0,84% 100%,0 100%);}
.section--oscura .motivo__num{color:var(--lima-400);}
.section--oscura .motivo h3{color:var(--blanco);}
.section--oscura .motivo p{color:var(--escarcha-200);}

.seam{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:-52px;margin-bottom:36px;}
.seam__linea{width:64px;height:1px;background:repeating-linear-gradient(90deg, rgba(255,255,255,.35) 0 6px, transparent 6px 12px);}
.seam__punto{width:8px;height:8px;border-radius:50%;background:var(--lima-500);flex:none;}

/* ---------- Estaciones de servicio (franja destacada) ---------- */
.franja{
  position:relative;background:linear-gradient(120deg, var(--verde-700), var(--verde-800));
  color:var(--hielo-050);border-radius:var(--radius-m);overflow:hidden;
  display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;
}
.franja__texto{padding:56px;}
.franja__texto h2{font-size:clamp(28px,3.4vw,40px);color:var(--blanco);margin-top:14px;}
.franja__texto p{margin-top:16px;font-size:16px;color:var(--hielo-100);max-width:48ch;}
.franja__acciones{margin-top:28px;display:flex;gap:14px;flex-wrap:wrap;}
.franja__media{height:100%;min-height:340px;}
.franja__media img{width:100%;height:100%;object-fit:cover;}

/* ---------- Dónde comprar ---------- */
.comprar{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.canal{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:var(--blanco);border:1px solid var(--escarcha-200);border-radius:var(--radius-m);
  padding:26px 28px;
}
.canal h3{font-family:var(--body);text-transform:none;font-weight:700;font-size:18px;color:var(--verde-900);}
.canal p{font-size:13px;color:var(--acero-600);margin-top:4px;}

.zonas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px;}
.zonas span{
  font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  background:var(--blanco);border:1px solid var(--escarcha-200);color:var(--verde-700);
  padding:8px 16px;border-radius:999px;
}

/* ---------- Testimonios ---------- */
.testis{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.testi{background:var(--blanco);border:1px solid var(--escarcha-200);border-radius:var(--radius-m);padding:26px;}
.testi__header{display:flex;align-items:center;gap:12px;}
.testi__avatar{width:42px;height:42px;border-radius:50%;flex:none;background:var(--verde-700);color:var(--hielo-050);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-size:16px;}
.testi__meta strong{display:block;font-size:14px;color:var(--verde-900);}
.testi__meta span{font-size:12px;color:var(--acero-500);}
.testi p{margin-top:16px;font-size:15px;color:var(--texto);}
.testi__badge{margin-top:16px;display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--acero-500);text-transform:uppercase;}
.testi__badge::before{content:"✓";color:var(--lima-500);font-weight:700;}

/* ---------- CTA final ---------- */
.cta-final{background:var(--verde-950);color:var(--hielo-050);text-align:center;padding-block:88px;}
.cta-final h2{font-size:clamp(32px,5vw,58px);color:var(--blanco);}
.cta-final p{margin-top:16px;font-size:17px;color:var(--escarcha-200);}
.cta-final__acciones{margin-top:32px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}

/* ---------- Footer ---------- */
.site-footer{background:var(--verde-900);color:var(--escarcha-200);padding-block:64px 28px;}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;}
.footer__grid p{font-size:14px;margin-top:14px;color:var(--escarcha-200);max-width:32ch;}
.footer__col h4{font-family:var(--body);text-transform:none;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--lima-400);margin-bottom:16px;}
.footer__col li{margin-bottom:10px;font-size:14px;}
.footer__col a:hover{color:var(--lima-400);}
.footer__bottom{margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:12px;color:var(--acero-500);flex-wrap:wrap;gap:10px;}

/* ---------- WhatsApp flotante ---------- */
.wa-float{
  position:fixed;right:22px;bottom:22px;z-index:60;
  width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;
  display:flex;align-items:center;justify-content:center;box-shadow:0 12px 24px -8px rgba(0,0,0,.4);
  transition:transform .15s ease;
}
.wa-float:hover{transform:scale(1.08);}

/* ---------- Catálogo de producto (página Productos) ---------- */
.cat-hero{background:var(--verde-950);color:var(--hielo-050);padding-block:64px 48px;}
.cat-hero h1{font-size:clamp(36px,5vw,60px);color:var(--blanco);margin-top:16px;}
.cat-hero p{margin-top:16px;font-size:17px;color:var(--escarcha-200);max-width:60ch;}
.cat-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px;}
.cat-nav a{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:8px 16px;border:1px solid rgba(255,255,255,.3);border-radius:999px;color:var(--hielo-050);}
.cat-nav a:hover{border-color:var(--lima-400);color:var(--lima-400);}

.cat-grupo{padding-block:72px;border-top:1px solid var(--escarcha-200);}
.cat-grupo__head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:36px;flex-wrap:wrap;}
.cat-grupo__head h2{font-size:clamp(28px,3.2vw,40px);color:var(--verde-900);}
.cat-grupo__head p{color:var(--acero-600);font-size:15px;max-width:44ch;}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.prod-card{background:var(--blanco);border:1px solid var(--escarcha-200);border-radius:var(--radius-m);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease, transform .2s ease;}
.prod-card:hover{box-shadow:0 20px 40px -22px rgba(22,33,26,.3);transform:translateY(-4px);}
.prod-card__media{aspect-ratio:4/5;background:linear-gradient(155deg,var(--verde-700) 0%,var(--verde-800) 55%,var(--verde-900) 100%);display:flex;align-items:center;justify-content:center;padding:22px;}
.prod-card__frame{
  width:100%;height:100%;border-radius:12px;background:var(--hielo-050);
  display:flex;align-items:center;justify-content:center;padding:18px;
  box-shadow:0 16px 30px -12px rgba(6,14,8,.5), 0 2px 6px rgba(6,14,8,.15);
}
.prod-card__frame img{width:100%;height:100%;object-fit:contain;}
.prod-card__body{padding:20px 22px 24px;border-top:1px solid var(--escarcha-200);}
.prod-card__body .formato{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--verde-700);letter-spacing:.08em;}
.prod-card__body h3{font-size:19px;text-transform:none;font-family:var(--body);font-weight:700;color:var(--verde-900);margin-top:6px;}
.prod-card__body p{font-size:13.5px;color:var(--acero-600);margin-top:8px;}

/* ---------- Nosotros: historia con foto ---------- */
.historia{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;}
.historia__media{border-radius:var(--radius-m);overflow:hidden;aspect-ratio:4/5;}
.historia__media img{width:100%;height:100%;object-fit:cover;}
.historia__texto p{margin-top:16px;font-size:16px;color:var(--acero-600);}
.historia__texto p:first-of-type{margin-top:20px;}

.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;}
.stat-block{text-align:center;padding:28px 16px;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-m);}
.stat-block b{display:block;font-family:var(--display);font-size:42px;color:var(--lima-400);}
.stat-block span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--escarcha-200);}

.mosaico{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.mosaico img{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-m);}

/* ---------- Preguntas frecuentes ---------- */
.faq{max-width:820px;}
.faq details{border-bottom:1px solid var(--escarcha-200);padding-block:20px;}
.faq summary{
  cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;
  font-family:var(--body);font-weight:700;font-size:17px;color:var(--verde-900);
}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";font-family:var(--display);font-size:22px;color:var(--verde-700);flex:none;transition:transform .2s ease;}
.faq details[open] summary::after{transform:rotate(45deg);}
.faq details p{margin-top:14px;font-size:15px;color:var(--acero-600);max-width:64ch;}

/* ---------- Calculadora de hielo ---------- */
.calc-wrap{max-width:640px;margin:0 auto;}
.calc-card{background:var(--blanco);border:1px solid var(--escarcha-200);border-radius:var(--radius-m);padding:36px;box-shadow:0 20px 50px -30px rgba(22,33,26,.3);}
.calc-card .field{margin-bottom:28px;}
.calc-card .field:last-child{margin-bottom:0;}
.calc-card label{
  display:flex;align-items:center;gap:8px;font-family:var(--body);font-weight:700;font-size:15px;color:var(--verde-900);margin-bottom:10px;
}
.calc-card input[type="number"],.calc-card input[type="date"]{
  width:100%;padding:14px 16px;border:1.5px solid var(--escarcha-200);border-radius:var(--radius-s);
  font-family:var(--display);font-size:22px;color:var(--texto);background:var(--hielo-050);
}
.calc-card input[type="date"]{font-family:var(--body);font-size:16px;font-weight:600;}
.calc-card input:focus{border-color:var(--verde-700);outline:none;}

.calc-pronostico{
  display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;
  background:var(--hielo-100);border-radius:999px;font-size:13px;font-weight:600;color:var(--verde-700);
}
.calc-pronostico.is-loading{color:var(--acero-500);}

.calc-opciones{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.calc-opcion{
  cursor:pointer;border:1.5px solid var(--escarcha-200);border-radius:var(--radius-s);
  padding:14px 10px;text-align:center;background:var(--blanco);transition:border-color .15s ease, background .15s ease;
}
.calc-opcion strong{display:block;font-size:14px;color:var(--verde-900);}
.calc-opcion span{display:block;font-size:12px;color:var(--acero-500);margin-top:2px;}
.calc-opcion.is-active{border-color:var(--verde-700);background:var(--hielo-100);}
.calc-opcion.is-active strong{color:var(--verde-700);}

.calc-check{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--escarcha-200);border-radius:var(--radius-s);cursor:pointer;}
.calc-check input{width:20px;height:20px;accent-color:var(--verde-700);flex:none;}
.calc-check span{font-size:14px;color:var(--verde-900);font-weight:600;}

.calc-resultado{
  margin-top:24px;background:linear-gradient(155deg,var(--verde-700),var(--verde-950));color:var(--hielo-050);
  border-radius:var(--radius-m);padding:32px;text-align:center;
}
.calc-resultado__label{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--lima-400);text-transform:uppercase;}
.calc-resultado__kg{font-family:var(--display);font-size:56px;color:var(--blanco);margin-top:8px;}
.calc-nota{text-align:center;font-size:13px;color:var(--acero-500);margin-top:18px;}
.calc-cta{display:flex;justify-content:center;margin-top:20px;}

/* ---------- Contacto ---------- */
.contacto-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;}
.info-card{background:var(--verde-950);color:var(--hielo-050);border-radius:var(--radius-m);padding:40px;}
.info-card h3{font-size:24px;color:var(--blanco);margin-bottom:24px;}
.info-item{display:flex;gap:14px;margin-bottom:22px;}
.info-item__icon{flex:none;width:38px;height:38px;border-radius:50%;background:rgba(109,181,53,.18);display:flex;align-items:center;justify-content:center;color:var(--lima-400);}
.info-item h4{font-family:var(--body);text-transform:none;font-weight:700;font-size:14px;color:var(--blanco);}
.info-item p{font-size:14px;color:var(--escarcha-200);margin-top:2px;}
.info-item a{color:var(--escarcha-200);}
.info-item a:hover{color:var(--lima-400);}

.form{background:var(--blanco);border:1px solid var(--escarcha-200);border-radius:var(--radius-m);padding:40px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.field{margin-bottom:18px;}
.field label{display:block;font-size:13px;font-weight:600;color:var(--verde-900);margin-bottom:6px;}
.field input,.field select,.field textarea{
  width:100%;padding:12px 14px;border:1.5px solid var(--escarcha-200);border-radius:var(--radius-s);
  font-family:var(--body);font-size:14px;color:var(--texto);background:var(--hielo-050);
}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--verde-700);outline:none;}
.field textarea{resize:vertical;min-height:110px;}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .hero__inner{grid-template-columns:1fr;padding-block:48px 40px;}
  .hero__art{order:-1;max-width:340px;}
  .lineas,.motivos,.comprar,.testis,.cat-grid{grid-template-columns:1fr;}
  .motivos{grid-template-columns:1fr 1fr;}
  .cadena__linea{grid-template-columns:1fr 1fr;row-gap:32px;}
  .franja{grid-template-columns:1fr;}
  .franja__media{min-height:220px;order:-1;}
  .footer__grid{grid-template-columns:1fr 1fr;}
  .nav__links{display:none;}
  .historia{grid-template-columns:1fr;}
  .contacto-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .stats-grid{grid-template-columns:1fr 1fr;}
  .mosaico{grid-template-columns:1fr 1fr;}
}
@media (min-width:601px) and (max-width:980px){
  .cat-grid{grid-template-columns:1fr 1fr;}
  .lineas{grid-template-columns:1fr 1fr;}
}
@media (max-width:480px){
  .calc-opciones{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .motivos{grid-template-columns:1fr;}
  .cadena__linea{grid-template-columns:1fr;}
  .footer__grid{grid-template-columns:1fr;}
  .section{padding-block:64px;}
}

/* ---------- Textura de marca (patrón Rolito) ---------- */
:root{
  --pattern-rolito: url("data:image/webp;base64,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");
}
.hero::after{
  background-image: var(--pattern-rolito);
  background-size: 440px 440px;
  opacity: .13;
  mix-blend-mode: normal;
}
.section--oscura{position:relative;isolation:isolate;}
.section--oscura::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background-image: var(--pattern-rolito);
  background-size: 440px 440px;
  opacity:.10;
  pointer-events:none;
}
.site-footer{position:relative;isolation:isolate;}
.site-footer::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background-image: var(--pattern-rolito);
  background-size: 440px 440px;
  opacity:.09;
  pointer-events:none;
}
.franja{position:relative;isolation:isolate;}
.franja::before{
  content:"";position:absolute;inset:0;z-index:0;
  background-image: var(--pattern-rolito);
  background-size: 420px 420px;
  opacity:.24;
  pointer-events:none;
}
.franja__texto, .franja__media{position:relative;z-index:1;}