/* eliGe · Adaptación institucional exclusiva de las páginas 74, 76, 147, 200 y 98.
 * En borrador. Conserva los bloques Gutenberg, enlaces, imágenes y menú.
 */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98){
  --el-blue:#2699C6;--el-pink:#FA9DC5;--el-coral:#F6744C;--el-plum:#3A0C32;--el-green:#095637;
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content{
  color:#403445;font-family:'Outfit','Segoe UI',sans-serif;
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content>.container>.row>.col-md-9{
  width:100%;max-width:100%;flex:0 0 100%;
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content>.container>.row>aside.col-md-3:empty{
  display:none;
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.page-entry-title{
  position:relative;overflow:hidden;min-height:135px;
  padding:26px clamp(25px,4vw,52px);margin:26px 0 22px;
  border-radius:20px;border-left:7px solid var(--el-blue);
  background:linear-gradient(110deg,#fff1f6 0%,#fff8fa 75%,#fff 100%);
  box-shadow:none;
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.page-entry-title:after{
  content:"";position:absolute;right:clamp(18px,4vw,54px);top:16px;
  width:88px;height:88px;opacity:.96;background-position:center;
  background-repeat:no-repeat;background-size:contain;pointer-events:none;
}
body.page-id-74 #content .bs-card-box.page-entry-title:after{background-image:url('https://eligelab.com/wp-content/uploads/2026/10/elige-personaje-rosa.png')}
body.page-id-76 #content .bs-card-box.page-entry-title:after{background-image:url('https://eligelab.com/wp-content/uploads/2026/10/elige-personaje-ataraxia.png')}
body.page-id-147 #content .bs-card-box.page-entry-title:after{background-image:url('https://eligelab.com/wp-content/uploads/2026/10/elige-personaje-verde.png')}
body.page-id-200 #content .bs-card-box.page-entry-title:after{background-image:url('https://eligelab.com/wp-content/uploads/2026/10/elige-personaje-azul.png')}
body.page-id-98 #content .bs-card-box.page-entry-title:after{background-image:url('https://eligelab.com/wp-content/uploads/2026/10/elige-personaje-coral.png')}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.page-entry-title .entry-title{
  max-width:calc(100% - 118px);color:var(--el-plum);
  font-family:Brioni,Georgia,serif;font-size:clamp(29px,3.6vw,45px);
  line-height:1.15;letter-spacing:-.022em;margin:0 0 12px;
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-breadcrumb-section{
  font-family:'Outfit','Segoe UI',sans-serif;font-size:13px;color:#564757;
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.padding-20{
  background:#fff;border:1px solid #f0e5ec;
  border-radius:20px;padding:clamp(20px,3.3vw,46px)!important;
  box-shadow:0 12px 35px rgba(58,12,50,.045);overflow:hidden;
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.padding-20 p{
  font-family:'Outfit','Segoe UI',sans-serif;font-size:clamp(16px,1.25vw,18px);
  line-height:1.8;color:#453849;
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.padding-20>p:first-of-type{
  font-size:clamp(18px,1.65vw,21px);color:var(--el-plum);
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.padding-20 h2,
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.padding-20 h3{
  color:var(--el-plum);font-family:Brioni,Georgia,serif;
  line-height:1.23;letter-spacing:-.018em;
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.padding-20 h2{
  font-size:clamp(27px,2.8vw,37px);margin:30px 0 18px;
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.padding-20 h3{
  font-size:clamp(21px,2.1vw,28px);
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.padding-20 blockquote{
  border-left:5px solid var(--el-coral);border-radius:0 12px 12px 0;
  background:#fff3f7;padding:20px clamp(18px,3vw,30px);margin:27px 0;
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.padding-20 .wp-block-list li{
  line-height:1.7;margin:9px 0;
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.padding-20 .wp-block-list li::marker{color:var(--el-blue)}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.padding-20 img{max-width:100%;height:auto}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content iframe{max-width:100%}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content a:focus-visible{outline:3px solid var(--el-blue);outline-offset:3px}
body.page-id-76 #content .bs-card-box.page-entry-title{border-left-color:var(--el-plum)}
body.page-id-147 #content .bs-card-box.page-entry-title{border-left-color:var(--el-green)}
body.page-id-200 #content .bs-card-box.page-entry-title{border-left-color:var(--el-blue)}
body.page-id-98 #content .bs-card-box.page-entry-title{border-left-color:var(--el-coral)}

/* Páginas institucionales complementarias: colaboradoras, IA, proyectos, enfoque. */
body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68){
  --el-blue:#2699C6;--el-pink:#FA9DC5;--el-coral:#F6744C;--el-plum:#3A0C32;--el-green:#095637;
}
body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content{
  color:#403445;font-family:'Outfit','Segoe UI',sans-serif;
}
body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content>.container>.row>.col-md-9{
  width:100%;max-width:100%;flex:0 0 100%;
}
body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content>.container>.row>aside.col-md-3:empty{
  display:none;
}
body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.page-entry-title{
  position:relative;overflow:hidden;min-height:135px;
  padding:26px clamp(25px,4vw,52px);margin:26px 0 22px;
  border-radius:20px;border-left:7px solid var(--el-blue);
  background:linear-gradient(110deg,#fff1f6 0%,#fff8fa 75%,#fff 100%);
  box-shadow:none;
}
body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.page-entry-title:after{
  content:"";position:absolute;right:clamp(18px,4vw,54px);top:16px;
  width:88px;height:88px;opacity:.96;background-position:center;
  background-repeat:no-repeat;background-size:contain;pointer-events:none;
}
body.page-id-349 #content .bs-card-box.page-entry-title:after{background-image:url('https://eligelab.com/wp-content/uploads/2026/10/elige-personaje-rosa.png')}
body.page-id-15 #content .bs-card-box.page-entry-title:after{background-image:url('https://eligelab.com/wp-content/uploads/2026/10/elige-personaje-azul.png')}
body.page-id-236 #content .bs-card-box.page-entry-title:after{background-image:url('https://eligelab.com/wp-content/uploads/2026/10/elige-personaje-verde.png')}
body.page-id-68 #content .bs-card-box.page-entry-title:after{background-image:url('https://eligelab.com/wp-content/uploads/2026/10/elige-personaje-coral.png')}
body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.page-entry-title .entry-title{
  max-width:calc(100% - 118px);color:var(--el-plum);
  font-family:Brioni,Georgia,serif;font-size:clamp(29px,3.6vw,45px);
  line-height:1.15;letter-spacing:-.022em;margin:0 0 12px;
}
body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-breadcrumb-section{
  font-family:'Outfit','Segoe UI',sans-serif;font-size:13px;
}
body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.padding-20{
  background:#fff;border:1px solid #f0e5ec;border-radius:20px;
  padding:clamp(20px,3.3vw,46px)!important;
  box-shadow:0 12px 35px rgba(58,12,50,.045);
  overflow:hidden;
}
body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.padding-20 :is(p,li){
  font-family:'Outfit','Segoe UI',sans-serif;
  font-size:clamp(16px,1.25vw,18px);line-height:1.75;color:#453849;
}
body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.padding-20 :is(h2,h3){
  color:var(--el-plum);font-family:Brioni,Georgia,serif;line-height:1.23;
}
body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.padding-20 img{
  max-width:100%;height:auto;
}
body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.padding-20 iframe{
  max-width:100%;
}
body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content a:focus-visible{
  outline:3px solid var(--el-blue);outline-offset:3px;
}
body.page-id-349 #content .bs-card-box.page-entry-title{border-left-color:var(--el-pink)}
body.page-id-15 #content .bs-card-box.page-entry-title{border-left-color:var(--el-blue)}
body.page-id-236 #content .bs-card-box.page-entry-title{border-left-color:var(--el-green)}
body.page-id-68 #content .bs-card-box.page-entry-title{border-left-color:var(--el-coral)}
@media(max-width:700px){
 body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.page-entry-title{
   min-height:105px;margin:16px 0;padding:22px 17px;border-radius:14px;
 }
 body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.page-entry-title:after{
   width:56px;height:56px;right:12px;top:14px;
 }
 body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.page-entry-title .entry-title{
   max-width:calc(100% - 63px);font-size:clamp(24px,6vw,32px);
 }
 body:is(.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.padding-20{
   padding:18px!important;border-radius:12px;
 }
}

@media(max-width:700px){
  body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.page-entry-title{
    min-height:105px;margin:16px 0;padding:22px 17px;border-radius:14px;
  }
  body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.page-entry-title:after{
    width:56px;height:56px;right:12px;top:14px;
  }
  body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.page-entry-title .entry-title{
    max-width:calc(100% - 63px);font-size:clamp(24px,6vw,32px);
  }
  body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98) #content .bs-card-box.padding-20{
    padding:18px!important;border-radius:12px;
  }
}

/* Zona protegida para la imagen: nunca encima del título o del breadcrumb. */
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98,.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.page-entry-title .entry-title,
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98,.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.page-entry-title .bs-breadcrumb-section{
  position:relative;
  z-index:1;
  max-width:calc(100% - 155px);
  min-width:0;
  overflow-wrap:anywhere;
}
body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98,.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.page-entry-title .breadcrumb{
  display:flex;
  flex-wrap:wrap;
  overflow-wrap:anywhere;
}
@media(max-width:700px){
 body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98,.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.page-entry-title .entry-title,
 body:is(.page-id-74,.page-id-76,.page-id-147,.page-id-200,.page-id-98,.page-id-349,.page-id-15,.page-id-236,.page-id-68) #content .bs-card-box.page-entry-title .bs-breadcrumb-section{
   max-width:calc(100% - 85px);
 }
}