*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#181818;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}.container{width:min(1180px,92%);margin:auto}a{text-decoration:none;color:inherit}.hero{position:relative;background:url('https://images.unsplash.com/photo-1497250681960-ef046c08a56e?auto=format&fit=crop&w=1800&q=75') center/cover;height:150px;border-bottom:1px solid #333}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.5),rgba(0,0,0,.88))}.header-inner{position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;flex-direction:column}.brand-main{font-size:37px;font-weight:800;letter-spacing:-1.5px}.brand-main span{color:#00b9a7}.brand small{font-size:10px;letter-spacing:2px;margin-top:2px;color:#ddd}.header-inner nav{display:flex;gap:24px;font-size:13px;font-weight:700}.header-inner nav a:hover{color:#00b9a7}.menu-btn{display:none;background:transparent;color:white;border:0;font-size:27px}.ticker{background:#222;border-bottom:1px solid #333;padding:14px 0}.ticker-inner{display:flex;align-items:center;gap:0;overflow:hidden}.ticker-label{background:#00b9a7;padding:13px 17px;font-size:12px;font-weight:800;white-space:nowrap}.ticker-track{display:flex;gap:35px;background:#2b2b2b;padding:13px 20px;flex:1;overflow:hidden;white-space:nowrap;font-size:12px}.top-grid{display:grid;grid-template-columns:1fr 2.15fr 1fr;gap:16px;margin-top:28px}.section-title{font-size:17px;margin:0 0 13px;padding-bottom:10px;border-bottom:1px solid #333;position:relative}.section-title:after{content:"";position:absolute;bottom:-1px;left:0;width:48px;height:3px;background:#00b9a7}.small-card,.featured-card{position:relative;display:block;overflow:hidden;background:#222;margin-bottom:13px}.small-card{height:190px}.featured-card{height:395px}.small-card img,.featured-card img{width:100%;height:100%;object-fit:cover;transition:.35s}.small-card:hover img,.featured-card:hover img{transform:scale(1.035)}.shade{position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.92))}.card-text{position:absolute;left:14px;right:14px;bottom:13px}.card-text h3{font-size:16px;margin:7px 0;line-height:1.25}.featured-text h1{font-size:32px;margin:8px 0}.featured-text p{color:#ddd;margin:0 0 9px;max-width:650px}.tag,.mini-tag{display:inline-block;background:#00b9a7;color:#fff;font-weight:800;font-size:10px;padding:5px 8px}.trend{display:grid;grid-template-columns:26px 78px 1fr;min-height:76px;background:#252525;margin-bottom:9px;align-items:center;overflow:hidden}.trend .num{background:#00b9a7;height:100%;display:flex;align-items:center;justify-content:center;font-weight:bold}.trend img{width:78px;height:76px;object-fit:cover}.trend div{padding:7px}.trend strong{display:block;font-size:11px;line-height:1.25;margin-top:5px}.mini-tag{background:transparent;color:#00b9a7;padding:0}.ad-placeholder,.ad-box{border:1px dashed #555;background:#202020;color:#888;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.ad-placeholder{height:105px;margin:34px 0}.ad-placeholder span,.ad-box strong{font-size:12px;letter-spacing:2px}.ad-placeholder small,.ad-box small{margin-top:6px}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:50px}.news-card{background:#232323;border-bottom:2px solid #00b9a7;transition:.25s}.news-card:hover{transform:translateY(-3px)}.news-card img{width:100%;height:170px;object-fit:cover}.news-body{padding:14px}.news-body h3{font-size:17px;margin:9px 0}.news-body p{color:#bbb;font-size:13px;line-height:1.5}.news-body small,.card-text small{color:#aaa;font-size:10px}footer{background:#101010;border-top:1px solid #2d2d2d;padding:35px 0;margin-top:35px}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.footer-grid p{color:#aaa}.footer-grid a{display:block;color:#aaa;font-size:13px;margin-top:8px}.simple-header{height:105px;background:#111;border-bottom:1px solid #2e2e2e}.article-page{padding-top:35px}.back{color:#aaa;font-size:13px;display:inline-block;margin-bottom:22px}.article-page>h1{font-size:44px;max-width:900px;margin:12px 0}.article-meta{color:#999;margin-bottom:22px;font-size:13px}.article-hero{width:100%;height:520px;object-fit:cover}.article-layout{display:grid;grid-template-columns:minmax(0,2fr) 320px;gap:35px;margin-top:30px}.article-content{font-family:Georgia,serif;font-size:18px;line-height:1.8;color:#ddd}.article-content h2{font-family:Arial,sans-serif;color:white}.lead{font-size:21px}.article-side{display:flex;flex-direction:column;gap:20px}.ad-box{height:250px}.side-box{padding:20px;background:#232323}.side-box p{color:#aaa;line-height:1.5}@media(max-width:900px){.top-grid{grid-template-columns:1fr}.article-grid{grid-template-columns:repeat(2,1fr)}.featured-card{height:390px}.article-layout{grid-template-columns:1fr}.article-side{display:grid;grid-template-columns:1fr 1fr}.article-hero{height:370px}.header-inner nav{display:none}.menu-btn{display:block}.menu-open .header-inner nav{display:flex;position:absolute;top:98px;right:0;left:0;background:#111;padding:20px;flex-direction:column}.brand-main{font-size:30px}}@media(max-width:560px){.hero{height:120px}.brand-main{font-size:27px}.ticker-track{gap:20px}.top-grid{margin-top:20px}.featured-card{height:310px}.featured-text h1{font-size:25px}.article-grid{grid-template-columns:1fr}.news-card img{height:210px}.article-page>h1{font-size:32px}.article-hero{height:260px}.article-side{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.ticker-label{font-size:10px;padding:12px 10px}}
/* Consentimiento discreto */
.cookie-consent{position:fixed;left:18px;right:18px;bottom:18px;z-index:9999;max-width:760px;margin:auto;background:#111;border:1px solid #333;border-radius:12px;box-shadow:0 14px 42px rgba(0,0,0,.45);padding:16px 18px;display:none}
.cookie-consent.show{display:block}.cookie-consent p{margin:0 0 12px;color:#d2d2d2;font-size:13px;line-height:1.55}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}.cookie-btn{border:0;border-radius:7px;padding:9px 13px;font-weight:700;cursor:pointer;background:#00b9a7;color:white}.cookie-btn.secondary{background:#303030}.cookie-consent a{color:#31d7c7;text-decoration:underline}
@media(max-width:560px){.cookie-consent{left:10px;right:10px;bottom:10px}}

/* Optimización móvil y fluidez */
img{max-width:100%;display:block}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.header-inner nav{align-items:center}
.news-card,.small-card,.featured-card,.trend{content-visibility:auto;contain-intrinsic-size:1px 300px}
@media(max-width:900px){
  .header-inner{align-items:center}
  .menu-btn{display:block;position:relative;z-index:5}
  .menu-open .hero{height:auto;min-height:120px;padding-bottom:12px}
  .menu-open .header-inner{padding-bottom:12px}
  .menu-open .header-inner nav{position:absolute;top:92px;left:0;right:0;z-index:20;background:rgba(17,17,17,.98);padding:12px 4%;display:flex;flex-direction:row;gap:8px;overflow-x:auto;white-space:nowrap;border-top:1px solid #333;border-bottom:1px solid #333;-webkit-overflow-scrolling:touch}
  .menu-open .header-inner nav a{display:inline-flex;padding:10px 12px;background:#232323;border-radius:7px;flex:0 0 auto}
}
@media(max-width:700px){
  .container{width:min(94%,1180px)}
  .ticker{padding:8px 0}.ticker-inner{display:block}.ticker-label{display:inline-block;margin-bottom:7px}.ticker-track{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ticker-track::-webkit-scrollbar{display:none}
  .top-grid{gap:20px}.small-card{height:230px}.featured-card{height:390px}
  .featured-text h1{font-size:clamp(25px,7vw,34px)}.featured-text p{font-size:14px;line-height:1.45}
  .article-grid{grid-template-columns:1fr 1fr;gap:10px}.news-card img{height:150px}.news-body{padding:11px}.news-body h3{font-size:15px}
  .article-page{padding-top:24px}.article-page>h1{font-size:clamp(30px,8vw,44px);line-height:1.08}.article-hero{height:min(58vw,390px)}
  .article-content{font-size:17px;line-height:1.72}.lead{font-size:20px}.article-layout{gap:20px}
}
@media(max-width:480px){
  .brand-main{font-size:25px}.brand small{font-size:8px;letter-spacing:1.5px}
  .article-grid{grid-template-columns:1fr}.news-card img{height:210px}
  .small-card{height:220px}.featured-card{height:330px}
  .trend{grid-template-columns:24px 82px 1fr}.trend img{width:82px}
  .ad-placeholder{height:90px;margin:24px 0}
  footer{padding:28px 0}.footer-grid{gap:18px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* Fotos insertadas dentro de los artículos */
.article-content figure,
.article-content .article-inline-figure{
  margin:28px 0;
  width:100%;
}
.article-content figure img,
.article-content .article-inline-figure img{
  width:100%;
  height:auto;
  max-height:760px;
  object-fit:contain;
  border-radius:8px;
}
.article-content figcaption{
  margin-top:8px;
  color:#999;
  font:13px/1.5 Arial,Helvetica,sans-serif;
  text-align:center;
}
@media(max-width:700px){
  .article-content figure,
  .article-content .article-inline-figure{margin:20px 0}
  .article-content figure img,
  .article-content .article-inline-figure img{border-radius:5px}
}

/* ===== Imágenes editoriales estándar ===== */
.article-content figure,
.article-content .article-inline-figure{
  width:min(100%,860px);
  margin:28px auto;
}
.article-content figure img,
.article-content .article-inline-figure img{
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:cover;
  border-radius:10px;
  cursor:zoom-in;
}
.article-inline-link{display:block}

/* ===== Álbum / galería dentro del artículo ===== */
.article-gallery{
  width:min(100%,920px);
  margin:30px auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.article-gallery-item{
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:9px;
  background:#111;
}
.article-gallery-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .25s ease;
  cursor:zoom-in;
}
.article-gallery-item:hover img{transform:scale(1.035)}

/* ===== Visualizador profesional ===== */
.ic-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(0,0,0,.94);
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.ic-lightbox.show{display:flex}
.ic-lightbox-inner{
  position:relative;
  width:min(96vw,1500px);
  height:min(92vh,980px);
  display:flex;
  align-items:center;
  justify-content:center;
}
.ic-lightbox img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  border-radius:8px;
  box-shadow:0 18px 70px rgba(0,0,0,.55);
}
.ic-lightbox-close,
.ic-lightbox-prev,
.ic-lightbox-next{
  position:absolute;
  border:0;
  background:rgba(20,20,20,.72);
  color:#fff;
  width:46px;
  height:46px;
  border-radius:50%;
  font-size:24px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  backdrop-filter:blur(8px);
}
.ic-lightbox-close{top:12px;right:12px;font-size:28px}
.ic-lightbox-prev{left:14px;top:50%;transform:translateY(-50%)}
.ic-lightbox-next{right:14px;top:50%;transform:translateY(-50%)}
.ic-lightbox-counter{
  position:absolute;
  bottom:12px;
  left:50%;
  transform:translateX(-50%);
  background:rgba(20,20,20,.72);
  color:#fff;
  padding:7px 12px;
  border-radius:20px;
  font:13px Arial,sans-serif;
  backdrop-filter:blur(8px);
}

@media(max-width:800px){
  .article-content figure,
  .article-content .article-inline-figure{width:100%;margin:20px auto}
  .article-content figure img,
  .article-content .article-inline-figure img{max-height:380px;border-radius:7px}
  .article-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:22px auto}
}
@media(max-width:520px){
  .article-gallery{grid-template-columns:1fr 1fr}
  .article-gallery-item{aspect-ratio:1/1}
  .ic-lightbox{padding:8px}
  .ic-lightbox-prev,.ic-lightbox-next{width:40px;height:40px}
  .ic-lightbox-prev{left:5px}.ic-lightbox-next{right:5px}
}

/* Compatibilidad con fotos insertadas en versiones anteriores */
.article-content > img,
.article-content p > img,
.article-content > a > img,
.article-content p > a > img{
  display:block;
  width:auto;
  max-width:min(100%,860px);
  height:auto;
  max-height:520px;
  object-fit:contain;
  margin:28px auto;
  border-radius:10px;
  cursor:zoom-in;
}
@media(max-width:700px){
  .article-content > img,
  .article-content p > img,
  .article-content > a > img,
  .article-content p > a > img{
    max-width:100%;
    max-height:380px;
    margin:20px auto;
  }
}

/* Tamaños elegidos desde el panel para fotos individuales */
.article-content img.img-size-small{max-width:420px !important;max-height:340px !important}
.article-content img.img-size-medium{max-width:640px !important;max-height:460px !important}
.article-content img.img-size-large{max-width:860px !important;max-height:620px !important}
.article-content img.img-size-full{width:100% !important;max-width:100% !important;max-height:none !important}

.article-content figure.fig-size-small{width:min(100%,420px) !important;max-width:420px !important}
.article-content figure.fig-size-medium{width:min(100%,640px) !important;max-width:640px !important}
.article-content figure.fig-size-large{width:min(100%,860px) !important;max-width:860px !important}
.article-content figure.fig-size-full{width:100% !important;max-width:100% !important}

@media(max-width:700px){
  .article-content img.img-size-small,
  .article-content img.img-size-medium,
  .article-content img.img-size-large,
  .article-content img.img-size-full{
    max-width:100% !important;
    width:auto !important;
    height:auto !important;
  }
  .article-content figure.fig-size-small,
  .article-content figure.fig-size-medium,
  .article-content figure.fig-size-large,
  .article-content figure.fig-size-full{
    width:100% !important;
    max-width:100% !important;
  }
}

/* Tamaño libre elegido con tiradores en el panel */
.article-content img[style*="width"]{
  height:auto !important;
  max-width:100% !important;
}
.article-content figure[style*="width"]{
  max-width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}