/* Composición sutil y humana para el bloque privilegiado de estrategia sectorial */
.sector-content-section{
  padding:clamp(5rem,8vw,8rem) 0 clamp(4rem,7vw,7rem) !important;
  background:#fffdf7 !important;
}

.sector-content-section::before{
  opacity:.28 !important;
}

.sector-story-container{
  max-width:1320px !important;
  width:calc(100% - 500px) !important;
  margin-inline:auto !important;
}

.sector-main-content{
  width:100%;
  max-width:none !important;
  margin-inline:auto !important;
}

.sector-main-content>.sector-section-kicker{
  margin-bottom:clamp(1.5rem,2.5vw,2.2rem) !important;
}

.sector-lead-content{
  display:none !important;
}

.sector-story-top{
  display:grid;
  width:100% !important;
  margin-inline:auto !important;
  grid-template-columns:minmax(0,.88fr) minmax(300px,.42fr);
  grid-template-areas:"quote sidebar";
  gap:clamp(1.3rem,3vw,2.6rem);
  align-items:start;
  margin-bottom:clamp(4.5rem,7vw,7rem);
}

.sector-story-quote{
  grid-area:quote;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.sector-story-quote cite{
  display:block;
  max-width:17.5em;
  color:#243520;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(2rem,3.4vw,4.1rem);
  font-style:italic;
  font-weight:500;
  line-height:1.04;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.sector-story-top .sector-sidebar{
  grid-area:sidebar;
  position:static !important;
}

.sector-story-top .sector-sidebar-card{
  display:block !important;
  min-height:auto !important;
  border:1px solid rgba(39,49,31,.12) !important;
  border-radius:1.6rem !important;
  background:rgba(255,253,247,.78) !important;
  box-shadow:none !important;
  padding:clamp(1.2rem,2.2vw,1.7rem) !important;
}

.sector-story-top .sector-sidebar-card .sector-section-kicker{
  margin-bottom:1rem !important;
  font-size:.68rem !important;
  padding:.52rem .72rem !important;
}

.sector-story-top .sector-sidebar-card h2{
  max-width:12em !important;
  margin:0 0 1.1rem !important;
  color:#243520 !important;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(1.55rem,2vw,2.25rem) !important;
  font-style:italic;
  font-weight:500 !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
}

.sector-story-top .sector-sidebar-card ul{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:.55rem !important;
  margin:0 !important;
  padding:0 !important;
}

.sector-story-top .sector-sidebar-card li{
  display:flex !important;
  gap:.62rem !important;
  color:#4f5d4a !important;
  font-size:.94rem !important;
  line-height:1.38 !important;
  font-weight:400 !important;
}

.sector-story-top .sector-sidebar-card li::before{
  flex:0 0 .42rem !important;
  width:.42rem !important;
  height:.42rem !important;
  margin-top:.44rem !important;
  background:#c8ff5a !important;
  box-shadow:0 0 0 4px rgba(200,255,90,.14) !important;
}

.sector-story-top .sector-sidebar-card .btn{
  width:100% !important;
  justify-content:center !important;
  margin-top:1.15rem !important;
  padding:.86rem 1rem !important;
  border-radius:.35rem !important;
  background:transparent !important;
  color:#243520 !important;
  border:1.5px solid #243520 !important;
  font-size:.95rem !important;
  line-height:1.15 !important;
}

.sector-photo-grid{
  display:none !important;
}

.sector-editorial-split{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:clamp(4rem,7vw,7rem) !important;
  width:100% !important;
  margin-inline:auto !important;
}

.sector-editorial-card{
  display:grid !important;
  grid-template-columns:minmax(0,3fr) minmax(260px,1fr) !important;
  gap:clamp(1.8rem,4vw,4.5rem) !important;
  align-items:start !important;
  min-height:auto !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}

.sector-editorial-card::before{
  content:"";
  display:block;
  grid-column:1;
  grid-row:1;
  min-height:clamp(23rem,34vw,34rem);
  border-radius:1.6rem;
  background:
    linear-gradient(180deg,rgba(32,37,27,.02),rgba(32,37,27,.12)),
    var(--sector-card-image, url('/assets/img/hosteleria-hero-poster.webp')) center / cover no-repeat,
    #f3eadb;
}

.sector-editorial-card::after{
  display:none !important;
}

.sector-editorial-card:nth-child(even){
  grid-template-columns:minmax(260px,1fr) minmax(0,3fr) !important;
}

.sector-editorial-card:nth-child(even)::before{
  grid-column:2;
  grid-row:1;
  order:0;
}

.sector-editorial-card>span{
  display:none !important;
}

.sector-editorial-copy{
  grid-column:2;
  grid-row:1;
  align-self:start;
  display:block;
  padding-top:0;
}

.sector-editorial-card:nth-child(even) .sector-editorial-copy{
  grid-column:1;
  grid-row:1;
}

.sector-editorial-copy>span{
  display:none !important;
}

.sector-editorial-copy h2,
.sector-editorial-card h2{
  max-width:7.2em !important;
  margin:0 0 clamp(1rem,1.6vw,1.45rem) !important;
  color:#243520 !important;
  font-family:"Playfair Display",Georgia,serif;
  font-size:clamp(2.15rem,3.35vw,4.15rem) !important;
  font-weight:500 !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  text-wrap:balance !important;
}

.sector-editorial-copy p,
.sector-editorial-card p{
  max-width:24rem !important;
  margin:0 !important;
  color:#243520 !important;
  font-size:clamp(.95rem,1vw,1.08rem) !important;
  line-height:1.62 !important;
  font-weight:350 !important;
  letter-spacing:0 !important;
  display:block !important;
  overflow:visible !important;
}

.sector-editorial-copy .sector-card-more{
  margin-top:1.2rem;
}

@media(max-width:1500px){
  .sector-story-container{
    max-width:none !important;
    width:calc(100% - 160px) !important;
  }
}

@media(max-width:1180px){
  .sector-story-container{
    width:calc(100% - 3rem) !important;
  }

  .sector-story-top{
    grid-template-columns:1fr;
    grid-template-areas:
      "quote"
      "sidebar";
  }
}

@media(max-width:860px){
  .sector-editorial-card,
  .sector-editorial-card:nth-child(even){
    grid-template-columns:1fr !important;
    gap:1.6rem !important;
  }

  .sector-editorial-card::before,
  .sector-editorial-card:nth-child(even)::before{
    grid-column:1;
    grid-row:auto;
    order:0;
    min-height:18rem;
  }

  .sector-editorial-copy,
  .sector-editorial-card:nth-child(even) .sector-editorial-copy{
    grid-column:1;
    grid-row:auto;
  }

  .sector-editorial-copy p,
  .sector-editorial-card p{
    max-width:45rem !important;
  }
}

@media(max-width:640px){
  .sector-story-container{
    width:calc(100% - 2rem) !important;
  }

  .sector-story-quote cite{
    font-size:clamp(1.9rem,10vw,3.3rem);
    line-height:1.04;
  }

  .sector-editorial-copy h2,
  .sector-editorial-card h2{
    font-size:clamp(2.2rem,12vw,3.7rem) !important;
  }
}
