/* Sectores | Salero Digital | v5 */

.sectores-page{
  background:var(--cream);
}

/* Header sólido y legible sobre el hero, en la línea de Nuestros menús */
.sectores-page .site-header{
  background:rgba(246,241,232,.92);
  border-bottom-color:rgba(31,42,36,.10);
  box-shadow:0 12px 36px rgba(31,42,36,.045);
  backdrop-filter:blur(18px) saturate(1.04);
  -webkit-backdrop-filter:blur(18px) saturate(1.04);
}

.sectores-page .site-header.is-scrolled{
  background:rgba(246,241,232,.96);
  backdrop-filter:blur(18px) saturate(1.05);
  -webkit-backdrop-filter:blur(18px) saturate(1.05);
  border-bottom-color:rgba(31,42,36,.12);
  box-shadow:0 18px 45px rgba(31,42,36,.06);
}

.sectores-page .site-header .logo,
.sectores-page .site-header .nav a,
.sectores-page .site-header .nav-contact{
  text-shadow:none;
}

/* Hero alineado con Nuestros menús, con degradado inferior más intenso a #fffdf7 */
.sectores-hero{
  position:relative;
  min-height:100vh;
  min-height:100svh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-top:clamp(110px,12vh,160px);
  padding-bottom:clamp(56px,8vh,90px);
  margin-bottom:-1px;
  overflow:hidden;
  isolation:isolate;
  background:#fffdf7;
}

.sectores-hero-media{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background:
    url("/assets/img/sectores-hero-poster.webp") center center/cover no-repeat,
    var(--cream);
}

.sectores-hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  opacity:.95;
  filter:saturate(.98) contrast(.98) brightness(1) blur(.22px);
}

.sectores-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(
    90deg,
    rgba(246,241,232,.18) 0%,
    rgba(246,241,232,.06) 42%,
    rgba(246,241,232,.14) 100%
  );
}

.sectores-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:58%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(255,253,247,0) 0%,
    rgba(255,253,247,.28) 28%,
    rgba(255,253,247,.72) 64%,
    #fffdf7 100%
  );
}

.sectores-hero-grid{
  position:relative;
  z-index:2;
  width:min(100% - 72px,1320px);
  min-height:calc(100vh - 170px);
  min-height:calc(100svh - 170px);
  display:grid;
  grid-template-columns:minmax(0,.98fr) minmax(360px,.82fr);
  gap:clamp(42px,6vw,92px);
  align-items:center;
  justify-content:space-between;
  margin:auto;
}

.sectores-hero-copy{
  width:100%;
  max-width:790px;
  display:grid;
  gap:26px;
  text-align:left;
  align-items:start;
  justify-items:start;
  position:relative;
  z-index:2;
  text-shadow:
    0 2px 20px rgba(246,241,232,.86),
    0 0 44px rgba(246,241,232,.70);
}

.sectores-hero-copy h1{
  max-width:790px;
}

.sectores-hero-copy .lead{
  max-width:700px;
  margin:0;
}

.sectores-hero-copy .btn,
.sectores-hero-copy .sectores-hero-actions a{
  text-shadow:none;
}

.sectores-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:4px;
  justify-content:flex-start;
}

/* Tarjeta lateral en la línea visual de Nuestros menús */
.sectores-hero-card{
  display:block;
  align-self:end;
  justify-self:end;
  width:min(100%,430px);
  margin-bottom:clamp(40px,7vh,86px);
  padding:clamp(28px,3.8vw,42px);
  border:1px solid rgba(255,253,247,.28);
  border-radius:28px;
  background:rgba(31,42,36,.44);
  box-shadow:0 28px 80px rgba(31,42,36,.18);
  backdrop-filter:blur(16px) saturate(1.04);
  -webkit-backdrop-filter:blur(16px) saturate(1.04);
  color:var(--paper);
}

.sectores-hero-card:before{
  display:none;
}

.sectores-hero-card span{
  display:inline-flex;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(199,244,88,.13);
  border:1px solid rgba(199,244,88,.32);
  color:var(--lime);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
}

.sectores-hero-card p{
  margin:20px 0 0;
  color:rgba(255,253,247,.90);
  font-family:var(--font-serif);
  font-weight:800;
  font-size:clamp(1.45rem,2.5vw,2.35rem);
  line-height:1.08;
  letter-spacing:-.045em;
}

.sectores-intro{
  padding:clamp(72px,9vw,124px) 0;
  background:#fffdf7;
  border-top:0;
  border-bottom:1px solid var(--border);
}

.sectores-intro-inner{
  max-width:1040px;
}

.sectores-intro h2{
  max-width:980px;
  font-size:clamp(2.35rem,5.8vw,5.55rem);
  line-height:1;
}

.sectores-intro p{
  margin:30px 0 0;
  max-width:790px;
  color:var(--soft);
  font-size:clamp(1.08rem,1.8vw,1.36rem);
}

.sectores-grid-section{
  position:relative;
  overflow:hidden;
  padding:clamp(72px,9vw,124px) 0;
  background:
    linear-gradient(180deg, rgba(246,241,232,.95), rgba(255,250,240,.92)),
    var(--cream);
}

.sectores-grid-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 8%, rgba(215,179,77,.16), transparent 30%),
    radial-gradient(circle at 88% 90%, rgba(102,117,72,.16), transparent 28%);
}

.sectores-grid-section .container{
  position:relative;
  z-index:1;
}

.sectores-grid-heading{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,520px);
  gap:42px;
  align-items:end;
  margin-bottom:42px;
}

.sectores-grid-heading h2{
  max-width:780px;
}

.sectores-grid-heading .lead{
  margin:0;
}

.sectores-dynamic-grid{
  align-items:stretch;
}

.sectores-dynamic-grid .card{
  position:relative;
  min-height:330px;
  padding:34px;
  border-radius:34px;
  background:rgba(255,253,247,.82);
  overflow:hidden;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.sectores-dynamic-grid .card:before{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-92px;
  top:-96px;
  border-radius:50%;
  background:rgba(221,230,200,.72);
  z-index:0;
}

.sectores-dynamic-grid .card:after{
  content:"";
  position:absolute;
  inset:auto 28px 28px auto;
  width:46px;
  height:46px;
  border-radius:50%;
  background:rgba(199,244,88,.72);
  opacity:.62;
  z-index:0;
}

.sectores-dynamic-grid .card > *{
  position:relative;
  z-index:1;
}

.sectores-dynamic-grid .card:hover{
  transform:translateY(-5px);
  box-shadow:0 30px 90px rgba(31,42,36,.12);
  border-color:rgba(102,117,72,.28);
}

.sectores-dynamic-grid .card h3{
  margin-top:10px;
  font-family:var(--font-sans);
  font-size:clamp(1.72rem,2.6vw,2.55rem);
  line-height:1.05;
  letter-spacing:-.06em;
}

.sectores-dynamic-grid .card p{
  margin:8px 0 0;
  max-width:360px;
  font-size:1.05rem;
  line-height:1.65;
  color:var(--soft);
}

.sectores-dynamic-grid .card-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:auto;
  color:var(--olive-dark);
}

.sectores-dynamic-grid .card-link:after{
  content:"→";
  transition:transform .18s ease;
}

.sectores-dynamic-grid .card-link:hover:after{
  transform:translateX(4px);
}

.sectores-recipe-section{
  padding:clamp(78px,10vw,136px) 0;
  background:var(--olive-dark);
  color:var(--cream);
}

.sectores-recipe-grid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(320px,1fr);
  gap:clamp(42px,6vw,78px);
  align-items:start;
}

.sectores-recipe-copy h2,
.sectores-recipe-copy p{
  color:var(--cream);
}

.sectores-recipe-copy p{
  margin:28px 0 0;
  max-width:680px;
  color:rgba(246,241,232,.78);
  font-size:clamp(1.08rem,1.7vw,1.32rem);
}

.sectores-recipe-list{
  display:grid;
  gap:16px;
}

.sectores-recipe-list article{
  padding:24px;
  border:1px solid rgba(246,241,232,.15);
  border-radius:24px;
  background:rgba(255,253,247,.06);
}

.sectores-recipe-list span{
  display:block;
  margin-bottom:10px;
  color:var(--albero);
  font-weight:900;
  letter-spacing:.06em;
}

.sectores-recipe-list h3{
  color:var(--cream);
  font-family:var(--font-serif);
  font-size:clamp(1.6rem,2.8vw,2.55rem);
}

.sectores-recipe-list p{
  margin:12px 0 0;
  color:rgba(246,241,232,.76);
}

.sectores-fit-section{
  padding:clamp(72px,9vw,124px) 0;
  background:var(--paper);
  border-bottom:1px solid var(--border);
}

.sectores-fit-card{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(320px,1fr);
  gap:clamp(36px,5vw,68px);
  align-items:center;
  padding:clamp(34px,6vw,72px);
  border-radius:44px;
  background:linear-gradient(135deg, rgba(221,230,200,.72), rgba(255,253,247,.98));
  border:1px solid rgba(31,42,36,.12);
  box-shadow:var(--shadow);
}

.sectores-fit-card p{
  margin:24px 0 0;
  color:var(--soft);
  font-size:clamp(1.04rem,1.6vw,1.24rem);
}

.sectores-fit-list{
  display:grid;
  gap:12px;
}

.sectores-fit-list span{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:54px;
  padding:14px 18px;
  border-radius:18px;
  background:rgba(255,253,247,.74);
  border:1px solid rgba(31,42,36,.1);
  font-weight:850;
  color:var(--ink);
}

.sectores-fit-list span:before{
  content:"";
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--lime);
  box-shadow:0 0 0 5px rgba(199,244,88,.22);
  flex:0 0 auto;
}

.sectores-cta-section{
  padding:clamp(72px,9vw,124px) 0;
  background:var(--cream);
}

.sectores-cta-card{
  position:relative;
  overflow:hidden;
  padding:clamp(42px,7vw,82px);
  border-radius:44px;
  background:var(--albero);
  box-shadow:var(--shadow);
}

.sectores-cta-card:after{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-130px;
  top:-130px;
  border-radius:50%;
  background:rgba(255,253,247,.26);
}

.sectores-cta-card > *{
  position:relative;
  z-index:1;
}

.sectores-cta-card p{
  margin:24px 0 0;
  max-width:760px;
  color:rgba(31,42,36,.76);
  font-size:clamp(1.08rem,1.8vw,1.32rem);
}

@media(max-width:1120px){
  .sectores-hero-grid,
  .sectores-grid-heading,
  .sectores-recipe-grid,
  .sectores-fit-card{
    grid-template-columns:1fr;
  }

  .sectores-hero-grid{
    width:min(100% - 36px,820px);
  }

  .sectores-hero-card{
    max-width:620px;
    justify-self:start;
    align-self:start;
    margin-bottom:0;
  }
}

@media(max-width:880px){
  .sectores-page .site-header,
  .sectores-page .site-header.is-scrolled,
  body.sectores-page.menu-open .site-header{
    background:rgba(246,241,232,.92);
    backdrop-filter:blur(18px) saturate(1.05);
    -webkit-backdrop-filter:blur(18px) saturate(1.05);
    border-bottom-color:rgba(31,42,36,.10);
  }

  .sectores-hero-video{
    display:none;
  }
}

@media(max-width:680px){
  .sectores-hero{
    min-height:auto;
    padding-top:105px;
    padding-bottom:56px;
  }

  .sectores-hero-grid{
    width:min(100% - 28px,720px);
    min-height:calc(100svh - 150px);
  }

  .sectores-hero-actions,
  .sectores-cta-card .hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .sectores-hero-card,
  .sectores-dynamic-grid .card,
  .sectores-fit-card,
  .sectores-cta-card{
    border-radius:28px;
  }

  .sectores-hero-card,
  .sectores-dynamic-grid .card{
    padding:28px;
  }

  .sectores-hero-card p{
    font-size:1.45rem;
  }

  .sectores-dynamic-grid .card{
    min-height:300px;
  }

  .sectores-grid-heading{
    margin-bottom:28px;
  }
}

@media(prefers-reduced-motion:reduce){
  .sectores-hero-video{
    display:none;
  }
}