/* Hoja copiada literalmente desde Compra de palets (tres capas), solo cambia el archivo de fondo. */
/* NOCAPAL · Compra palets · Hero independiente */
.cp-hero{position:relative; isolation:isolate;background:#EEF3F8;color:#042F66;overflow:clip;font-family:Inter,Arial,sans-serif}
.cp-hero__photo{position:absolute;inset:0 0 100px 35%;z-index:-2;background:url('../assets/img/img-nocapal-recurso-03-1774x887.webp') center center/cover no-repeat}
.cp-hero::before{content:"";position:absolute;inset:0 0 100px 0;z-index:-1;background:linear-gradient(90deg,#f7fbff 0%,#f7fbff 32%,rgba(247,251,255,.92) 44%,rgba(247,251,255,.43) 64%,rgba(247,251,255,0) 90%);pointer-events:none}
.cp-hero__main{max-width:1440px;min-height:520px;box-sizing:border-box;margin:auto;padding:65px 50px 52px;display:flex;align-items:center}
.cp-hero__copy{max-width:590px}.cp-hero__eyebrow{display:block;color:#038fc8;font-size:13px;letter-spacing:.14em;font-weight:800;margin-bottom:18px}
.cp-hero h1{font:800 clamp(42px,4.8vw,74px)/.99 Barlow,Inter,sans-serif;letter-spacing:-.025em;color:#042F66;margin:0 0 22px}
.cp-hero__copy p{font-size:18px;line-height:1.55;color:#536a85;max-width:530px;margin:0 0 30px}
.cp-hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.cp-hero__btn{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;min-height:52px;padding:0 23px;text-decoration:none;font-weight:700;font-size:14px;border:1px solid #007fc1;border-radius:0;transition:background .2s,transform .2s}
.cp-hero__btn:hover{transform:translateY(-2px)}.cp-hero__btn--solid{background:#007fc1;color:white}.cp-hero__btn--ghost{background:#ffffffbf;color:#042F66}
.cp-hero__index{background:#e9f4fc;display:grid;grid-template-columns:repeat(4,1fr);max-width:none;padding:15px max(28px,calc((100vw - 1340px)/2));box-sizing:border-box}
.cp-hero__index a{padding:12px 20px;display:flex;flex-direction:column;gap:6px;border-left:1px solid #b9d6e9;text-decoration:none;color:#042F66;min-height:62px}.cp-hero__index a:last-child{border-right:1px solid #b9d6e9}.cp-hero__index b{font:800 24px/1 Barlow,sans-serif;color:#04A0DC}.cp-hero__index span{font:700 16px/1.2 Barlow,sans-serif}
@media(max-width:960px){.cp-hero__photo{left:22%;background-position:65% center}.cp-hero__main{min-height:480px;padding:50px 32px}.cp-hero__copy{max-width:520px}.cp-hero__index{padding-inline:20px}.cp-hero__index a{padding:10px}}
@media(max-width:650px){.cp-hero__photo{inset:0 0 0 0;opacity:.33;background-position:center}.cp-hero::before{inset:0;background:linear-gradient(90deg,rgba(248,252,255,.97),rgba(248,252,255,.85))}.cp-hero__main{min-height:0;padding:50px 22px 35px}.cp-hero h1{font-size:clamp(39px,10vw,56px)}.cp-hero__copy p{font-size:16px}.cp-hero__actions{flex-direction:column}.cp-hero__btn{width:100%;box-sizing:border-box}.cp-hero__index{grid-template-columns:repeat(2,1fr);gap:0;padding:8px 14px}.cp-hero__index a{min-height:58px;border-bottom:1px solid #b9d6e9}.cp-hero__index a:nth-child(2){border-right:1px solid #b9d6e9}}
@media(prefers-reduced-motion:reduce){.cp-hero__btn{transition:none}}



/* Única hoja del hero de Venta: sin capas de correcciones v2-v6.
   Compra de palets lleva el header fijo superpuesto, no desplaza main. */
html body > main { padding-top: 0 !important; margin-top: 0 !important; }
html body main > section#inicio-venta-palets.cp-hero {
  box-sizing:border-box!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  margin:0!important;
  position:relative!important;
}
html body #inicio-venta-palets > .cp-hero__photo,
html body #inicio-venta-palets::before { inset:0!important; }
html body #inicio-venta-palets > .cp-hero__main {
  box-sizing:border-box!important;
  flex:1 1 0%!important;
  min-height:0!important;
  height:0!important;
  max-height:none!important;
  width:min(1440px,calc(100% - 64px))!important;
  max-width:1440px!important;
  margin:0 auto!important;
  padding:clamp(150px,18vh,190px) 0 20px!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  display:flex!important;
}
html body #inicio-venta-palets .cp-hero__copy {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:850px!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
html body #inicio-venta-palets .cp-hero__copy h1 {
  max-width:850px!important;
  margin:0 0 20px!important;
  font:800 clamp(52px,5.5vw,88px)/.96 Barlow,Arial,sans-serif!important;
  letter-spacing:-.045em!important;
}
html body #inicio-venta-palets .cp-hero__copy p {max-width:570px!important;font-size:18px!important;line-height:1.7!important;}
html body #inicio-venta-palets > .cp-hero__index {
  position:relative!important;
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  min-height:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:12px max(32px,calc((100vw - 1440px)/2))!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  background:#e9f4fc!important;
  z-index:4!important;
}
@media (min-width:961px) and (max-height:700px){
 html body main > section#inicio-venta-palets.cp-hero {height:auto!important;min-height:700px!important;overflow:visible!important;}
 html body #inicio-venta-palets > .cp-hero__main {height:auto!important;flex:1 0 auto!important;min-height:590px!important;}
}
@media (max-width:960px){
 html body > main {padding-top:0!important;}
 html body main > section#inicio-venta-palets.cp-hero {height:auto!important;min-height:100svh!important;overflow:visible!important;}
 html body #inicio-venta-palets > .cp-hero__main {height:auto!important;min-height:0!important;flex:1 1 auto!important;padding:145px 0 46px!important;width:calc(100% - 32px)!important;}
 html body #inicio-venta-palets .cp-hero__copy h1 {font-size:clamp(42px,8vw,67px)!important;}
 html body #inicio-venta-palets > .cp-hero__index {grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:10px 16px!important;}
}
@media(max-width:600px){html body #inicio-venta-palets .cp-hero__copy h1{font-size:clamp(38px,11vw,54px)!important;}}