/* ===== CONTIGO NOTICIAS — estilos personalizados sobre The Gazette ===== */

:root{
  --cg-teal:#01696F;
  --cg-teal-dark:#0C4E54;
  --cg-teal-light:#4F98A3;
  --cg-gold:#D19900;
  --cg-gold-light:#E8AF34;
  --cg-red:#A12C2C;
  --cg-ink:#1d1d1d;
  --cg-paper:#f7f6f2;
  --cg-surface:#ffffff;
  --cg-text:#28251D;
  --cg-muted:#7A7974;
  --cg-border:#E2DFD8;
}

body{ background:var(--cg-paper); color:var(--cg-text); font-family:'Roboto',sans-serif; }

/* ---------- Header ---------- */
.top-header{ background:var(--cg-teal-dark) !important; height:auto !important; padding:8px 0; }
.top-header .breaking-news-title{ background:var(--cg-red); color:#fff !important; padding:4px 12px; border-radius:2px; font-size:13px; }
.top-meta{ display:flex; align-items:center; justify-content:flex-end; gap:14px; color:#cfe8ea; font-size:13px; flex-wrap:wrap; }
.top-meta .top-weather::before{ content:"☀ "; }
.top-meta .top-live{ background:var(--cg-red); color:#fff; padding:4px 10px; border-radius:2px; font-weight:700; text-transform:uppercase; font-size:12px; }

.middle-header{ background:#fff; border-bottom:1px solid var(--cg-border); padding:18px 0; }
.nameplate{ display:flex; align-items:center; justify-content:center; gap:18px; text-decoration:none; }
.plate-logo{ height:64px; width:auto; }
.plate-contigo{ height:74px; }
.plate-title{ display:flex; flex-direction:column; align-items:center; line-height:1; }
.plate-1{ font-family:'PT Serif',serif; font-weight:700; font-size:40px; color:var(--cg-teal); letter-spacing:1px; }
.plate-2{ font-family:'PT Serif',serif; font-weight:700; font-size:40px; color:var(--cg-gold); letter-spacing:1px; margin-left:6px; }
.plate-1,.plate-2{ display:inline-block; }
.plate-slogan{ font-family:'PT Serif',serif; font-style:italic; font-size:13px; color:var(--cg-muted); margin-top:6px; }

.bottom-header{ background:var(--cg-teal); }
.main-menu ul{ list-style:none; display:flex; justify-content:center; flex-wrap:wrap; margin:0; padding:0; }
.main-menu ul li a{ display:block; color:#fff; text-transform:uppercase; font-size:13px; font-weight:500; padding:14px 16px; letter-spacing:.5px; }
.main-menu ul li a:hover{ background:rgba(255,255,255,.12); color:#fff; text-decoration:none; }

/* ---------- Portada / lead ---------- */
.catagory-welcome-post-area{ padding:34px 0; }
.gazette-welcome-post{ background:var(--cg-surface); border:1px solid var(--cg-border); }
.lead-media{ position:relative; overflow:hidden; }
.lead-media img{ width:100%; height:380px; object-fit:cover; }
.lead-cat{ position:absolute; top:14px; left:14px; background:var(--cg-gold); color:#fff; font-size:11px; text-transform:uppercase; letter-spacing:1px; padding:5px 12px; font-weight:700; }
.lead-body{ padding:24px 28px; }
.lead-body h2{ font-family:'PT Serif',serif; font-weight:700; font-size:34px; line-height:1.15; color:var(--cg-ink); margin-bottom:14px; }
.lead-deck{ font-size:17px; color:var(--cg-muted); line-height:1.55; }
.lead-source a{ color:var(--cg-teal); font-weight:700; text-decoration:none; }
.lead-meta{ display:flex; gap:14px; margin-top:14px; font-size:12px; color:var(--cg-muted); text-transform:uppercase; letter-spacing:.5px; }

.editorial-posts-sidebar .section_heading h4{ font-family:'PT Serif',serif; font-size:20px; text-transform:uppercase; border-bottom:3px solid var(--cg-teal); padding-bottom:8px; margin-bottom:18px; }
.editorial-post-content{ border-bottom:1px solid var(--cg-border); padding:16px 0; }
.editorial-post-date{ display:flex; gap:10px; font-size:11px; text-transform:uppercase; color:var(--cg-teal); font-weight:700; margin-bottom:6px; }
.editorial-post-date span:first-child{ color:var(--cg-muted); font-weight:400; }
.editorial-post-content h6 a{ font-family:'PT Serif',serif; color:var(--cg-ink); font-size:16px; font-weight:700; line-height:1.3; text-decoration:none; }
.editorial-post-content h6 a:hover{ color:var(--cg-teal); }

/* ---------- Gazette heading ---------- */
.gazette-heading{ border-bottom:3px solid var(--cg-ink); margin-bottom:26px; padding-bottom:8px; }
.gazette-heading h4{ font-family:'PT Serif',serif; font-size:28px; text-transform:uppercase; font-weight:700; color:var(--cg-ink); margin-bottom:0; }
.gazette-heading h4::before{ content:""; display:inline-block; width:10px; height:24px; background:var(--cg-gold); margin-right:12px; vertical-align:-4px; }
.heading-sub{ display:block; font-size:13px; color:var(--cg-muted); font-weight:400; text-transform:none; letter-spacing:0; margin-top:4px; }

/* ---------- Chispa + Sonrisa ---------- */
.two-box-area{ padding:0 0 30px; }
.spark-box{ border:1px solid var(--cg-border); border-left:5px solid var(--cg-teal); background:var(--cg-surface); padding:26px 28px; min-height:150px; position:relative; }
.spark-chiste{ border-left-color:var(--cg-gold); background:#FFFDF5; }
.spark-tag{ display:inline-block; font-size:11px; text-transform:uppercase; letter-spacing:1.5px; color:var(--cg-teal); font-weight:700; margin-bottom:10px; }
.spark-tag-gold{ color:var(--cg-gold); }
.spark-text{ font-family:'PT Serif',serif; font-size:21px; line-height:1.45; color:var(--cg-ink); font-weight:600; margin:0; }
.spark-author{ display:block; font-size:13px; color:var(--cg-muted); font-style:italic; margin-top:10px; }

/* ---------- Última hora grid ---------- */
.section_padding_0_100{ padding:30px 0; }
.gazette-single-catagory-post.card{ background:var(--cg-surface); border:1px solid var(--cg-border); margin-bottom:24px; height:100%; }
.gazette-single-catagory-post .media img{ width:100%; height:160px; object-fit:cover; }
.gazette-single-catagory-post .card-body{ padding:16px 18px; }
.gazette-single-catagory-post .cat{ display:inline-block; font-size:10px; text-transform:uppercase; letter-spacing:1px; color:var(--cg-teal); font-weight:700; margin-bottom:6px; }
.gazette-single-catagory-post h5 a{ font-family:'PT Serif',serif; color:var(--cg-ink); font-size:17px; font-weight:700; line-height:1.25; text-decoration:none; }
.gazette-single-catagory-post h5 a:hover{ color:var(--cg-teal); }
.gazette-single-catagory-post p{ font-size:13px; color:var(--cg-muted); margin-top:8px; line-height:1.5; }
.gazette-single-catagory-post .meta{ display:flex; gap:10px; margin-top:10px; font-size:11px; color:var(--cg-muted); text-transform:uppercase; }

/* ---------- Contigo América Latina ---------- */
.america-area{ background:#0C4E54; color:#eaf3f4; padding:40px 0; }
.america-heading h4{ color:#fff; }
.america-heading h4::before{ background:var(--cg-gold-light); }
.america-heading{ border-bottom-color:rgba(255,255,255,.25); }
.america-heading .heading-sub{ color:#b9d6da; }
.america-lead{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18); padding:18px; }
.america-lead-img img{ width:100%; height:260px; object-fit:cover; }
.america-lead-body{ padding-top:16px; }
.america-country{ display:inline-block; background:var(--cg-gold); color:#fff; font-size:11px; text-transform:uppercase; letter-spacing:1px; padding:4px 10px; font-weight:700; margin-bottom:10px; }
.america-lead-body h3{ font-family:'PT Serif',serif; color:#fff; font-size:26px; font-weight:700; line-height:1.2; }
.america-lead-body p{ color:#cfe8ea; font-size:15px; line-height:1.5; margin-top:10px; }
.america-list{ display:flex; flex-direction:column; gap:12px; }
.america-item{ background:rgba(255,255,255,.06); border-left:3px solid var(--cg-gold); padding:14px 16px; }
.america-flag{ display:block; font-size:11px; text-transform:uppercase; letter-spacing:1px; color:var(--cg-gold-light); font-weight:700; margin-bottom:4px; }
.america-item a{ color:#fff; font-family:'PT Serif',serif; font-size:15px; font-weight:600; line-height:1.3; text-decoration:none; }
.america-item a:hover{ color:var(--cg-gold-light); }
.america-empty{ color:#b9d6da; font-size:14px; }

/* ---------- Acotación del editor ---------- */
.editor-area{ padding:30px 0 50px; }
.editor-box{ background:var(--cg-surface); border:1px solid var(--cg-border); border-top:5px solid var(--cg-teal); padding:30px 34px; position:relative; }
.editor-box::before{ content:"\201C"; position:absolute; top:10px; right:24px; font-family:'PT Serif',serif; font-size:90px; color:var(--cg-gold); opacity:.35; line-height:1; }
.editor-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; flex-wrap:wrap; gap:8px; }
.editor-tag{ background:var(--cg-teal); color:#fff; font-size:11px; text-transform:uppercase; letter-spacing:1px; padding:5px 12px; font-weight:700; }
.editor-date{ font-size:12px; color:var(--cg-muted); text-transform:uppercase; }
.editor-box h3{ font-family:'PT Serif',serif; font-size:28px; font-weight:700; color:var(--cg-ink); line-height:1.2; margin-bottom:16px; }
.editor-body{ font-size:16px; line-height:1.65; color:var(--cg-text); }
.editor-sign{ font-family:'PT Serif',serif; font-style:italic; margin-top:18px; color:var(--cg-teal); font-weight:600; }

/* ---------- Iglesia perseguida ---------- */
.persec{ background:#f0ede6; }
.persec-img{ position:relative; overflow:hidden; }
.persec-img img{ width:100%; height:260px; object-fit:cover; filter:blur(0); transition:filter .3s; }
.persec-img .warn{ position:absolute; inset:0; background:rgba(0,0,0,.55); color:#fff; border:0; font-size:13px; cursor:pointer; display:flex; align-items:center; justify-content:center; text-align:center; padding:20px; }
.persec-img.revealed img{ filter:none; }
.persec-img.revealed .warn{ display:none; }
.persec-body{ padding-left:10px; }
.persec-body .cat{ display:inline-block; font-size:11px; text-transform:uppercase; color:var(--cg-red); font-weight:700; letter-spacing:1px; }
.persec-body h3{ font-family:'PT Serif',serif; font-size:26px; font-weight:700; margin:8px 0 12px; color:var(--cg-ink); }
.persec-body p{ color:var(--cg-text); line-height:1.6; }

/* ---------- Deportes ---------- */
.card-mini{ background:var(--cg-surface); border:1px solid var(--cg-border); margin-bottom:20px; height:100%; }
.card-mini .media img{ width:100%; height:180px; object-fit:cover; }
.card-mini .card-body{ padding:16px 18px; }
.card-mini .cat{ display:inline-block; font-size:10px; text-transform:uppercase; color:var(--cg-teal); font-weight:700; letter-spacing:1px; }
.card-mini h3{ font-family:'PT Serif',serif; font-size:19px; font-weight:700; color:var(--cg-ink); margin:6px 0; }
.card-mini p{ font-size:13px; color:var(--cg-muted); line-height:1.5; }

/* ---------- Deportes ---------- */
.sport-agenda{ background:#fff; border:1px solid var(--cg-border); border-radius:8px; padding:22px 28px; }
.sport-agenda h5{ font-size:16px; font-weight:700; color:var(--cg-ink); margin:0 0 14px; text-transform:uppercase; letter-spacing:1px; }
.sport-agenda ul{ list-style:none; margin:0; padding:0; }
.sport-agenda li{ display:flex; align-items:center; gap:14px; padding:10px 0; border-bottom:1px solid var(--cg-border); font-size:15px; color:var(--cg-ink); }
.sport-agenda li:last-child{ border-bottom:none; }
.sport-agenda .sport-time{ background:var(--cg-teal); color:#fff; font-weight:700; font-size:13px; padding:3px 10px; border-radius:4px; min-width:62px; text-align:center; }
.sport-agenda .sport-venue{ margin-left:auto; font-size:13px; color:var(--cg-muted); }

/* ===== Bloque destacado Champions (Madrid-Inter) ===== */
.champions-feature{ background:linear-gradient(135deg,#01696F,#0C4E54); border-radius:12px; padding:30px 28px; color:#fff; text-align:center; box-shadow:0 6px 24px rgba(1,105,111,0.25); }
.champions-tag{ display:inline-block; background:rgba(255,255,255,0.15); color:#fff; font-size:13px; font-weight:700; padding:6px 16px; border-radius:20px; text-transform:uppercase; letter-spacing:1px; margin-bottom:18px; }
.champions-score{ display:flex; align-items:center; justify-content:center; gap:26px; flex-wrap:wrap; margin:6px 0 14px; }
.champions-score .team{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; min-width:120px; }
.champions-score .team-flag{ font-size:30px; line-height:1; }
.champions-score .team-name{ font-size:17px; font-weight:700; line-height:1.2; }
.champions-score .team-goals{ font-size:60px; font-weight:800; line-height:1; color:#fff; }
.champions-score .score-sep{ font-size:44px; font-weight:700; color:rgba(255,255,255,0.55); line-height:1; }
.champions-venue{ font-size:14px; color:rgba(255,255,255,0.85); margin:0 0 14px; }
.champions-text{ font-size:15px; line-height:1.6; color:rgba(255,255,255,0.92); max-width:680px; margin:0 auto; }
.champions-text strong{ color:var(--cg-gold-light); }
.deportes-empty{ text-align:center; color:var(--cg-muted); font-style:italic; padding:24px 12px; background:var(--cg-surface); border:1px dashed var(--cg-border); border-radius:8px; margin:0 0 18px; font-size:15px; }
.deportes-grid{ margin-bottom:6px; }

/* ---------- Versículo / Evento del día ---------- */
.verse-section{ background:var(--cg-paper); padding:40px 0 50px; border-top:1px solid var(--cg-border); }
.verse-box{ background:#fffdf7; border:1px solid var(--cg-gold); border-left:6px solid var(--cg-gold); border-radius:8px; padding:34px 40px; text-align:center; box-shadow:0 4px 22px rgba(0,0,0,.06); }
.verse-box .v-empty{ color:var(--cg-muted); font-size:15px; font-style:italic; }
.verse-box .v-tag{ display:inline-block; font-size:12px; text-transform:uppercase; letter-spacing:2px; color:var(--cg-gold); font-weight:700; margin-bottom:14px; }
.verse-box .v-media{ margin:0 auto 18px; max-width:380px; }
.verse-box .v-media img{ width:100%; border-radius:6px; }
.verse-box .v-text{ font-family:'PT Serif',serif; font-size:22px; line-height:1.55; color:var(--cg-ink); margin:0 0 14px; }
.verse-box .v-ref{ font-size:15px; color:var(--cg-teal); font-weight:700; }
.verse-box .v-link{ margin-top:14px; }
.verse-box .v-link a{ font-size:14px; color:var(--cg-teal); font-weight:600; }
@media(max-width:768px){ .verse-box{ padding:26px 20px; } .verse-box .v-text{ font-size:18px; } }

/* ---------- Fe y Reflexión ---------- */
.fe-section{ background:#fffaf0; padding:30px 0 50px; border-top:1px solid var(--cg-border); }
.fe-grid{ display:grid; grid-template-columns:1fr 2fr; gap:24px; }
.fe-grid .media{ height:100%; min-height:320px; overflow:hidden; }
.fe-grid .media img{ width:100%; height:100%; min-height:320px; object-fit:cover; }
.fe-grid .cat{ display:inline-block; font-size:11px; text-transform:uppercase; color:var(--cg-gold); font-weight:700; }
.fe-grid h2{ font-family:'PT Serif',serif; font-size:30px; font-weight:700; color:var(--cg-ink); margin:8px 0 14px; }
.fe-grid .deck{ font-size:16px; line-height:1.65; color:var(--cg-text); margin-bottom:12px; }
.fe-grid .byline{ font-size:13px; color:var(--cg-muted); text-transform:uppercase; letter-spacing:.5px; }
.fe-empty{ color:var(--cg-muted); font-size:14px; grid-column:1/-1; }

/* ---------- Iglesias ---------- */
.church-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px; }
.church-card{ background:var(--cg-surface); border:1px solid var(--cg-border); overflow:hidden; }
.church-card .media img{ width:100%; aspect-ratio:16/9; object-fit:cover; }
.church-card .ch-body{ padding:16px 18px; }
.church-card h3{ font-family:'PT Serif',serif; font-size:18px; margin-bottom:8px; }
.church-card .ch-line{ font-size:13px; color:var(--cg-muted); margin:0 0 4px; }
.church-card .ch-line b{ color:var(--cg-text); }
.church-card .ch-note{ font-size:13px; color:var(--cg-muted); margin-top:10px; }
.church-empty{ color:var(--cg-muted); font-size:14px; }

/* ---------- En vivo ---------- */
.live-section{ background:var(--cg-ink); color:#fff; padding:26px 0; }
.live-box{ display:flex; align-items:center; gap:16px; }
.live-dot{ width:12px; height:12px; border-radius:50%; background:var(--cg-red); box-shadow:0 0 0 4px rgba(161,44,44,.25); animation:pulse 1.6s infinite; }
@keyframes pulse{ 0%{box-shadow:0 0 0 0 rgba(161,44,44,.5);} 70%{box-shadow:0 0 0 8px rgba(161,44,44,0);} 100%{box-shadow:0 0 0 0 rgba(161,44,44,0);} }
.live-text{ display:flex; flex-direction:column; }
.live-text strong{ font-family:'PT Serif',serif; font-size:18px; }
.live-text span{ font-size:13px; color:#bbb; }
.play-btn{ margin-left:auto; width:54px; height:54px; border-radius:50%; border:0; background:var(--cg-teal); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer; }
.play-btn:hover{ background:var(--cg-teal-light); }
.gazette-btn{ background:var(--cg-gold); border-color:var(--cg-gold); color:#1d1d1d; }
.gazette-btn:hover{ background:transparent; border-color:#fff; color:#fff; }

/* ---------- Colabora ---------- */
.colabora-area{ background:var(--cg-paper); padding:40px 0 50px; }
.colabora-grid{ row-gap:18px; }
.colab-box{ background:var(--cg-surface); border:1px solid var(--cg-border); border-top:4px solid var(--cg-teal); padding:22px 20px; text-align:center; height:100%; }
.colab-bizum{ border-top-color:var(--cg-gold); }
.colab-iban{ border-top-color:var(--cg-teal-light); }
.colab-share{ border-top-color:var(--cg-teal); }
.colab-orar{ border-top-color:var(--cg-gold-light); }
.colab-icon{ font-size:28px; display:block; margin-bottom:8px; }
.colab-box h5{ font-family:'PT Serif',serif; font-size:18px; font-weight:700; margin-bottom:8px; color:var(--cg-ink); }
.colab-value{ font-size:13px; color:var(--cg-text); word-break:break-all; font-weight:600; margin-bottom:10px; }
.colab-tit{ font-size:12px; color:var(--cg-muted); }
.colab-copy{ background:var(--cg-teal); color:#fff; border:0; padding:8px 16px; font-size:12px; text-transform:uppercase; letter-spacing:.5px; cursor:pointer; border-radius:2px; display:inline-block; }
.colab-copy:hover{ background:var(--cg-teal-dark); color:#fff; text-decoration:none; }
.colab-foot{ margin-top:24px; }
.colab-foot p{ font-size:13px; color:var(--cg-muted); text-align:center; }

/* ---------- Equipo ---------- */
.equipo-area{ background:#fff; padding:40px 0 50px; border-top:1px solid var(--cg-border); }
.equipo-photo{ width:200px; height:200px; border-radius:50%; border:5px solid var(--cg-gold); margin:0 auto 20px; display:flex; align-items:center; justify-content:center; background:repeating-linear-gradient(45deg,#f0ede6,#f0ede6 12px,#e7e3da 12px,#e7e3da 24px); overflow:hidden; }
.equipo-photo img{ width:100%; height:100%; object-fit:cover; }
.equipo-ph-text{ font-size:13px; color:var(--cg-muted); font-weight:600; text-align:center; padding:10px; }
.equipo-body{ padding-left:10px; }
.equipo-body .cat{ display:inline-block; font-size:11px; text-transform:uppercase; color:var(--cg-teal); font-weight:700; letter-spacing:1px; }
.equipo-body h3{ font-family:'PT Serif',serif; font-size:28px; font-weight:700; color:var(--cg-ink); margin:8px 0 14px; }
.equipo-body p{ font-size:15px; line-height:1.6; color:var(--cg-text); margin-bottom:12px; }
.equipo-list{ list-style:none; padding:0; margin:14px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.equipo-list li{ font-size:14px; color:var(--cg-text); }

/* ---------- Footer ---------- */
.footer-area{ background:var(--cg-ink); }
.bottom-footer-area{ padding:24px 0; }
.copywrite-text{ color:#bbb; font-size:13px; margin:0; }
.copywrite-text a{ color:var(--cg-gold-light); }
.copywrite-text strong{ color:#fff; }

/* ---------- Responsive ---------- */
@media (max-width:991px){
  .plate-logo{ height:48px; }
  .plate-contigo{ height:56px; }
  .plate-1,.plate-2{ font-size:30px; }
  .lead-media img{ height:260px; }
  .lead-body h2{ font-size:26px; }
  .fe-grid{ grid-template-columns:1fr; }
  .equipo-list{ grid-template-columns:1fr; }
}
@media (max-width:575px){
  .plate-logo{ height:38px; }
  .plate-contigo{ height:44px; }
  .plate-1,.plate-2{ font-size:22px; }
  .plate-slogan{ font-size:11px; }
  .top-meta{ gap:8px; justify-content:center; }
  .lead-body h2{ font-size:22px; }
  .editor-box h3{ font-size:22px; }
  .main-menu ul li a{ padding:10px 9px; font-size:12px; }
  .spark-text{ font-size:17px; }
}

/* ---------- Pan Caliente ---------- */
#pancaliente .editor-box{ border-top-color:var(--cg-gold); }
#pancaliente .editor-tag{ background:var(--cg-gold); }

/* ---------- Economía Mundial ---------- */
.economia-box{ background:var(--cg-surface); border:1px solid var(--cg-border); border-top:4px solid var(--cg-teal); padding:22px 24px; margin-bottom:20px; height:calc(100% - 20px); }
.economia-box h5{ font-family:'PT Serif',serif; font-size:17px; font-weight:700; color:var(--cg-ink); margin:0 0 12px; }
.economia-bolsa{ border-top-color:var(--cg-gold); }
.economia-bolsa p{ font-size:14px; color:var(--cg-text); line-height:1.6; }
.economia-ranking ol{ margin:0; padding-left:20px; }
.economia-ranking li{ font-size:14px; color:var(--cg-text); margin-bottom:8px; line-height:1.4; }
.economia-ranking li::marker{ color:var(--cg-teal); font-weight:700; }

/* ---------- Galería de fotos del evento ---------- */
.v-gallery{ display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:10px; margin:0 auto 18px; max-width:640px; }
.v-gallery img{ width:100%; height:150px; object-fit:cover; border-radius:6px; }
@media(max-width:575px){
  .v-gallery{ grid-template-columns:repeat(2,1fr); }
  .v-gallery img{ height:110px; }
}

/* ---------- Ajuste: ya no hay foto en la destacada de América Latina ---------- */
.america-lead-body{ padding-top:0; }