/* Focus Research · SEO, recorte de imágenes y comparadores editoriales. */

body.fr-press-only{background:#fff}
html body.fr-press-only .site-header,html body.fr-press-only main#contenido>section:not(.showcase-press),html body.fr-press-only .site-footer{display:none!important}
body.fr-press-only .showcase-press{display:block!important;padding:20px 0 90px!important}
body.fr-press-only .showcase-press .container{width:calc(100% - 24px)}
body.fr-press-only .media-section-heading{margin-bottom:18px}
body.fr-press-only .media-section-heading .eyebrow{font-size:10px}
body.fr-press-only .media-section-heading h2{font-size:31px;line-height:1.08}

body.fr-mobile-test.fr-press-only .showcase-press .container{max-width:390px;margin-inline:auto}
body.fr-mobile-test.fr-press-only .press-carousel{overflow:visible}
body.fr-mobile-test.fr-press-only .press-rail{display:grid!important;overflow:visible!important;scroll-snap-type:none!important;gap:16px!important;padding:0!important}
body.fr-mobile-test.fr-press-only .press-carousel>.gallery-controls,body.fr-mobile-test.fr-press-only .press-clone{display:none!important}
body.fr-mobile-test.fr-press-only .press-card{min-width:0!important;flex-basis:auto!important;width:100%;scroll-snap-align:none!important;translate:none!important}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="1"] .press-rail{grid-template-columns:1fr}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="1"] .press-card{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:stretch}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="1"] .press-card-image{aspect-ratio:auto;height:100%;min-height:165px}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="1"] .press-card-content{padding:18px}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="1"] .press-source{font-size:24px}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="1"] .press-card h3{font-size:17px;line-height:1.35;margin:15px 0}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="2"] .press-rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="2"] .press-card{display:flex}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="2"] .press-card-image{aspect-ratio:1.25}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="2"] .press-card-content{padding:11px}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="2"] .press-source{font-size:16px}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="2"] .press-edition,body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="2"] .press-date{font-size:9px}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="2"] .press-card h3{font-size:13px;line-height:1.35;margin:12px 0 15px}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="2"] .press-footer{font-size:9px;gap:8px;padding-top:10px}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="3"] .press-rail{grid-template-columns:1fr}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="3"] .press-card:first-child{display:block}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="3"] .press-card:first-child .press-card-image{aspect-ratio:1.5}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="3"] .press-card:not(:first-child){display:grid;grid-template-columns:112px minmax(0,1fr);align-items:stretch}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="3"] .press-card:not(:first-child) .press-card-image{aspect-ratio:auto;height:100%;min-height:146px}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="3"] .press-card:not(:first-child) .press-card-content{padding:15px}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="3"] .press-card:not(:first-child) .press-source{font-size:20px}
body.fr-mobile-test.fr-press-only .showcase-press[data-mobile-mode="3"] .press-card:not(:first-child) h3{font-size:15px;line-height:1.35;margin:11px 0}

/* Las imágenes llenan siempre el marco. El foco y el zoom se editan desde Personalizar > Qué querés lograr. */
.focus-native .needs .need-media{overflow:hidden;background:#e9edf5}
.focus-native .needs .need-media img{
  display:block;width:100%;height:100%;max-width:none;
  object-fit:cover!important;
  object-position:var(--crop-x,50%) var(--crop-y,50%)!important;
  transform:scale(var(--crop-zoom,1))!important;
  transform-origin:var(--crop-x,50%) var(--crop-y,50%);
  transition:transform .75s cubic-bezier(.22,.61,.36,1)
}
@media(hover:hover) and (pointer:fine){
  .focus-native .needs .need-card:hover .need-media img{transform:scale(calc(var(--crop-zoom,1) + .035))!important}
}
@media(prefers-reduced-motion:reduce){
  .focus-native .needs .need-media img{transition:none!important}
}

/* Noticias: seis notas y controles discretos compartidos por las tres composiciones. */
.focus-news .news-rotation{position:relative}
.focus-news .news-item{position:relative;min-width:0}
.focus-news .news-item .news-content>p{display:none}
.news-rotation-controls{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:25px}
.news-rotation-controls button{
  width:42px;height:42px;display:grid;place-items:center;border:1px solid #d7deea;
  border-radius:50%;background:#fff;color:#11182d;font:inherit;font-size:20px;cursor:pointer;
  transition:border-color .25s,color .25s,transform .25s
}
.news-rotation-controls .news-pause{width:auto;border-radius:999px;padding:0 16px;font-size:12px;font-weight:600}
.news-rotation-controls .news-counter{font-size:12px;color:#536078;min-width:54px;text-align:center}
.news-rotation-progress{height:2px;background:#e1e6ef;margin-top:14px;overflow:hidden}
.news-rotation-progress span{display:block;width:100%;height:100%;background:#ff0068;transform-origin:left;animation:fr-news-progress 5s linear both}
.news-rotation.is-paused .news-rotation-progress span{animation-play-state:paused}
@keyframes fr-news-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(hover:hover) and (pointer:fine){
  .news-rotation-controls button:hover{border-color:#ff0068;color:#e00061;transform:translateY(-2px)}
}

/* 01 · Portada editorial: una nota principal y cinco titulares que van tomando el foco. */
.news-edition-1 .news-layout{display:grid!important;grid-template-columns:minmax(0,1.72fr) minmax(300px,1fr)!important;gap:0 30px!important;align-items:start}
.news-edition-1 .news-item.is-active{grid-column:1!important;grid-row:1/6!important;display:block!important;border-right:1px solid #e2e7f0!important;padding-right:30px!important}
.news-edition-1 .news-item.is-active .news-image{height:330px!important;margin-bottom:22px!important;padding:0!important}
.news-edition-1 .news-item.is-active .news-image img{object-fit:cover}
.news-edition-1 .news-item.is-active h3{font-size:clamp(25px,2.2vw,34px)!important}
.news-edition-1 .news-item.is-active .news-content>p{display:block}
.news-edition-1 .news-item:not(.is-active){grid-column:2!important;grid-row:auto!important;display:grid!important;grid-template-columns:108px 1fr!important;gap:16px!important;align-items:center!important;padding:13px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #e2e7f0!important}
.news-edition-1 .news-item:not(.is-active) .news-image{height:86px!important;padding:5px!important;margin:0!important}
.news-edition-1 .news-item:not(.is-active) h3{font-size:16px!important;line-height:1.3}
.news-edition-1 .news-item:not(.is-active) .news-meta{margin-bottom:6px;font-size:10px}

/* 02 · Ventana móvil: tarjetas que avanzan de a una, con tres visibles en escritorio. */
.news-edition-2 .news-layout{display:flex!important;gap:20px!important;overflow:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:2px}
.news-edition-2 .news-item{flex:0 0 calc((100% - 40px)/3);display:flex!important;flex-direction:column!important;scroll-snap-align:start;border:1px solid #dfe5ef!important;border-radius:10px;overflow:hidden;background:#fff;padding:0!important;margin:0!important}
.news-edition-2 .news-item .news-image{height:210px!important;margin:0!important;border:0!important;border-radius:0!important;padding:0!important}
.news-edition-2 .news-item .news-image img{object-fit:cover}
.news-edition-2 .news-item .news-content{padding:22px;display:flex;flex-direction:column;flex:1}
.news-edition-2 .news-item h3{font-size:21px!important}
.news-edition-2 .news-item.is-active{border-color:#ff72ad!important;box-shadow:0 14px 36px rgba(21,31,58,.08)}
.news-edition-2 .news-item .news-content>p{display:block;font-size:14px;line-height:1.6;margin-top:14px}

/* 03 · Mosaico vivo: seis noticias visibles; el énfasis rota sin desplazar la grilla. */
.news-edition-3 .news-layout{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
.news-edition-3 .news-item{display:flex!important;flex-direction:column;border:1px solid #dfe5ef;border-radius:10px;overflow:hidden;background:#fff;padding:0!important;transition:transform .45s,border-color .45s,box-shadow .45s,opacity .45s}
.news-edition-3 .news-item .news-image{height:180px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}
.news-edition-3 .news-item .news-image img{object-fit:cover}
.news-edition-3 .news-item .news-content{padding:20px!important;display:flex;flex-direction:column;flex:1}
.news-edition-3 .news-item h3{font-size:19px!important}
.news-edition-3 .news-item.is-active{transform:translateY(-4px);border-color:#ff5b9f;box-shadow:0 16px 38px rgba(20,30,55,.1)}
.news-edition-3 .news-item.is-active:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#ff0068;z-index:2}

/* Medios en mobile: jamás hay desplazamiento horizontal. */
@media(max-width:760px){
  .showcase-press .press-carousel{overflow:visible}
  .showcase-press .press-rail{display:grid!important;overflow:visible!important;scroll-snap-type:none!important;gap:16px!important;padding:0!important}
  .showcase-press .press-carousel>.gallery-controls{display:none!important}
  .showcase-press .press-clone{display:none!important}
  .showcase-press .press-card{min-width:0!important;flex-basis:auto!important;width:100%;scroll-snap-align:none!important;translate:none!important}
  .showcase-press[data-mobile-mode="1"] .press-rail{grid-template-columns:1fr}
  .showcase-press[data-mobile-mode="1"] .press-card{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:stretch}
  .showcase-press[data-mobile-mode="1"] .press-card-image{aspect-ratio:auto;height:100%;min-height:165px}
  .showcase-press[data-mobile-mode="1"] .press-card-content{padding:18px}
  .showcase-press[data-mobile-mode="1"] .press-source{font-size:24px}
  .showcase-press[data-mobile-mode="1"] .press-card h3{font-size:17px;line-height:1.35;margin:15px 0}
  .showcase-press[data-mobile-mode="1"] .press-footer{padding-top:11px}

  .showcase-press[data-mobile-mode="2"] .press-rail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .showcase-press[data-mobile-mode="2"] .press-card{display:flex}
  .showcase-press[data-mobile-mode="2"] .press-card-image{aspect-ratio:1.25}
  .showcase-press[data-mobile-mode="2"] .press-card-content{padding:14px}
  .showcase-press[data-mobile-mode="2"] .press-source{font-size:18px}
  .showcase-press[data-mobile-mode="2"] .press-edition,.showcase-press[data-mobile-mode="2"] .press-date{font-size:9px}
  .showcase-press[data-mobile-mode="2"] .press-card h3{font-size:14px;line-height:1.35;margin:12px 0 15px}
  .showcase-press[data-mobile-mode="2"] .press-footer{font-size:9px;gap:8px;padding-top:10px}
  .showcase-press[data-mobile-mode="2"] .press-footer>span:last-child{font-size:16px}

  .showcase-press[data-mobile-mode="3"] .press-rail{grid-template-columns:1fr}
  .showcase-press[data-mobile-mode="3"] .press-card:first-child{display:block}
  .showcase-press[data-mobile-mode="3"] .press-card:first-child .press-card-image{aspect-ratio:1.5}
  .showcase-press[data-mobile-mode="3"] .press-card:not(:first-child){display:grid;grid-template-columns:112px minmax(0,1fr);align-items:stretch}
  .showcase-press[data-mobile-mode="3"] .press-card:not(:first-child) .press-card-image{aspect-ratio:auto;height:100%;min-height:146px}
  .showcase-press[data-mobile-mode="3"] .press-card:not(:first-child) .press-card-content{padding:15px}
  .showcase-press[data-mobile-mode="3"] .press-card:not(:first-child) .press-source{font-size:20px}
  .showcase-press[data-mobile-mode="3"] .press-card:not(:first-child) h3{font-size:15px;line-height:1.35;margin:11px 0}
  .showcase-press[data-mobile-mode="3"] .press-card:not(:first-child) .press-footer{padding-top:9px}

  .news-edition-1 .news-layout,.news-edition-3 .news-layout{grid-template-columns:1fr!important}
  .news-edition-1 .news-item,.news-edition-1 .news-item.is-active,.news-edition-1 .news-item:not(.is-active){grid-column:1!important;grid-row:auto!important;border-right:0!important;padding-right:0!important}
  .news-edition-1 .news-item.is-active{border-bottom:1px solid #e2e7f0!important;padding-bottom:22px!important}
  .news-edition-1 .news-item.is-active .news-image{height:230px!important}
  .news-edition-2 .news-item{flex-basis:88%}
  .news-edition-3 .news-item{display:grid!important;grid-template-columns:120px minmax(0,1fr)!important}
  .news-edition-3 .news-item .news-image{height:100%!important;min-height:145px}
  .news-rotation-controls{justify-content:center}
}
@media(max-width:380px){
  .showcase-press[data-mobile-mode="2"] .press-rail{gap:10px!important}
  .showcase-press[data-mobile-mode="2"] .press-card-content{padding:11px}
  .showcase-press[data-mobile-mode="2"] .press-source{font-size:16px}
  .showcase-press[data-mobile-mode="2"] .press-card h3{font-size:13px}
}

/* Composición definitiva de Noticias: tres tarjetas, dos en tablet y una en celular. */
.focus-news .news-layout{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;overflow:visible!important}
.focus-news .news-item,.focus-news .news-item.is-active{display:flex!important;grid-column:auto!important;grid-row:auto!important;flex-direction:column!important;min-width:0!important;margin:0!important;padding:0!important;border:1px solid #dfe5ef!important;border-radius:12px!important;overflow:hidden;background:#fff;animation:fr-news-card-in .45s cubic-bezier(.22,.61,.36,1) both}
.focus-news .news-item[hidden]{display:none!important}
.focus-news .news-item .news-image,.focus-news .news-item.is-active .news-image{display:block!important;height:210px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important}
.focus-news .news-item .news-image img{width:100%;height:100%;object-fit:cover}
.focus-news .news-item .news-content{display:flex;flex:1;flex-direction:column;padding:22px!important}
.focus-news .news-item h3,.focus-news .news-item.is-active h3{font-size:21px!important;line-height:1.25}
.focus-news .news-item .news-content>p{display:block;font-size:14px;line-height:1.6;margin-top:14px}
.focus-news .news-rotation-progress span{animation-duration:2s}
@keyframes fr-news-card-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:980px){.focus-news .news-layout{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.focus-news .news-layout{grid-template-columns:1fr!important}.focus-news .news-item .news-image{height:230px!important}.news-rotation-controls{justify-content:center}}
@media(prefers-reduced-motion:reduce){.focus-news .news-item{animation:none}}
