/*
Theme Name: Zamora Visión Pro Oficial
Description: Diseño corporativo estilo noticiero internacional con fondo oscuro y azul oficial (#1C4D8D).
Author: Zamora Visión
Version: 10.0
*/
:root {
    --zv-bg: #f4f4f4; 
    --zv-dark: #0a0a0a; 
    --zv-header: #141414; 
    --zv-white: #ffffff; 
    --zv-accent: #1C4D8D; 
    --zv-text: #222222;
    --zv-gray: #777777; 
    --zv-border: #eaeaea;
}

body { margin:0; padding:0; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; background:var(--zv-dark); color:var(--zv-text); }
a { text-decoration:none; color:inherit; transition:color 0.3s; }
h1,h2,h3,h4 { margin:0; font-family:'Arial',sans-serif; font-weight:bold; }
.zv-wrap { max-width:1300px; margin:0 auto; background:var(--zv-bg); box-shadow:0 0 30px rgba(0,0,0,0.5); }

/* HEADER Y NAVEGACIÓN */
.zv-head { background:var(--zv-header); color:var(--zv-white); display:flex; align-items:center; padding:0 2rem; height:80px; }
.zv-logo-box { margin-right:3rem; }
.custom-logo { max-height:55px; width:auto; display:block; object-fit:contain; }
.zv-nav { display:flex; gap:2rem; }
.zv-nav a { color:#aaa; font-size:0.95rem; font-weight:bold; text-transform:uppercase; padding-bottom:5px; transition:all 0.3s;}
.zv-nav a:hover { color:var(--zv-white); border-bottom:2px solid var(--zv-accent); }

/* HERO Y ÚLTIMA HORA */
.zv-hero { position:relative; height:500px; background-size:cover; background-position:center top; display:flex; align-items:center; padding:0 4rem; }
.zv-hero-over { position:absolute; inset:0; background:linear-gradient(to right,var(--zv-header) 0%,rgba(20,20,20,0.4) 50%,transparent 100%); }
.zv-hero-txt { position:relative; z-index:2; max-width:500px; color:var(--zv-white); }
.zv-hero-btn { display:inline-block; background:var(--zv-accent); color:var(--zv-white); padding:10px 25px; border-radius:30px; font-weight:bold; text-transform:uppercase; border:2px solid var(--zv-accent); transition:all 0.3s; }
.zv-hero-btn:hover { background:transparent; }
.zv-break { background:#1a1a1a; color:var(--zv-white); display:flex; align-items:center; font-size:0.85rem; border-top:1px solid #333; border-bottom:1px solid #333; }
.zv-break-lbl { background:var(--zv-accent); padding:12px 2rem; font-weight:bold; text-transform:uppercase; }
.zv-break-txt { padding-left:1.5rem; width:100%; overflow:hidden; }

/* SUBMENU Y CONTENIDO */
.zv-subnav { background:var(--zv-white); display:flex; justify-content:center; gap:3rem; padding:1rem 0; border-bottom:2px solid var(--zv-border); }
.zv-subnav a { font-weight:bold; font-size:0.95rem; text-transform:uppercase; padding-bottom:5px; transition:all 0.3s;}
.zv-subnav a:hover { border-bottom:3px solid var(--zv-accent); color:var(--zv-accent); }
.zv-main { padding:2.5rem; }
.zv-grid { display:grid; grid-template-columns:2fr 1fr; gap:2.5rem; }
.zv-masonry { display:grid; grid-template-columns:1fr 1fr; gap:20px; }

/* TARJETAS DE NOTICIAS */
.zv-card { background:var(--zv-white); border-radius:4px; overflow:hidden; box-shadow:0 2px 5px rgba(0,0,0,0.05); }
.zv-card-feat { grid-column:span 2; position:relative; height:300px; background-size:cover; background-position:center; color:var(--zv-white); display:flex; align-items:flex-end; }
.zv-card-feat .zv-over { background:linear-gradient(to top,rgba(0,0,0,0.9),transparent); width:100%; padding:2rem; }
.zv-card-list { display:flex; grid-column:span 2; height:150px; }
.zv-card-list .img { width:40%; background-size:cover; background-position:center; }
.zv-card-list .txt { width:60%; padding:1.5rem; }
.zv-card-norm .img { height:180px; background-size:cover; background-position:center; }
.zv-card-norm .txt { padding:1.5rem; }
.zv-card h3 { font-size:1.2rem; margin-bottom:8px; line-height:1.3; transition:color 0.3s;}
.zv-card:hover h3 { color:var(--zv-accent); }
.zv-card p { font-size:0.9rem; color:var(--zv-gray); margin:0; line-height:1.5; }
.zv-badge { display:inline-block; padding:4px 8px; font-size:0.7rem; font-weight:bold; text-transform:uppercase; color:var(--zv-white); background:var(--zv-accent); margin-bottom:10px; }

/* SIDEBAR Y EXTRAS */
.zv-side-tit { font-size:1.4rem; border-bottom:3px solid var(--zv-accent); padding-bottom:10px; margin-bottom:20px; text-transform:uppercase;}
.zv-top-item { display:flex; gap:15px; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--zv-border); }
.zv-top-item img { width:80px; height:80px; object-fit:cover; }
.zv-top-item:hover h4 { color:var(--zv-accent); }
.zv-ad { background:#e9ecef; border:1px dashed #ced4da; text-align:center; padding:2rem; color:#adb5bd; font-size:0.8rem; text-transform:uppercase; letter-spacing:2px; display:flex; align-items:center; justify-content:center; margin-bottom:2rem; }
.zv-live { background:#e74c3c; color:#fff; text-align:center; padding:10px; font-weight:bold; text-transform:uppercase; animation:pulse 2s infinite; }

/* NUEVOS ESTILOS: NOCHES DE JULIANA Y QUIÉNES SOMOS */
.zv-juliana-hero { background: var(--zv-header); padding: 4rem 2rem; display: flex; align-items: center; justify-content: center; gap: 4rem; border-bottom: 5px solid var(--zv-accent); }
.zv-juliana-img { width: 280px; height: 280px; border-radius: 50%; object-fit: cover; border: 4px solid var(--zv-white); box-shadow: 0 0 20px rgba(0,0,0,0.5); }
.zv-juliana-info { max-width: 600px; color: var(--zv-white); }
.zv-juliana-info h1 { font-size: 3.5rem; margin-bottom: 1rem; color: var(--zv-white); letter-spacing: -1px; }
.zv-juliana-info p { font-size: 1.1rem; line-height: 1.7; color: #ccc; }

.zv-about-hero { text-align: center; padding: 5rem 2rem; background: var(--zv-white); border-bottom: 1px solid var(--zv-border); }
.zv-about-hero h1 { font-size: 3.5rem; color: var(--zv-header); margin-bottom: 1rem; }
.zv-about-hero p { font-size: 1.2rem; color: var(--zv-gray); max-width: 700px; margin: 0 auto; line-height: 1.6; }
.zv-about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; margin: 4rem 0; }
.zv-about-box { background: var(--zv-white); padding: 3rem; border-top: 4px solid var(--zv-accent); box-shadow: 0 5px 15px rgba(0,0,0,0.05); }
.zv-team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 2rem; margin-top: 3rem; text-align: center; }
.zv-team-member img { width: 160px; height: 160px; border-radius: 50%; object-fit: cover; margin-bottom: 1rem; border: 3px solid var(--zv-border); }

@keyframes pulse { 0%{opacity:1;} 50%{opacity:0.7;} 100%{opacity:1;} }
@media(max-width:992px){ 
    .zv-grid, .zv-masonry, .zv-about-grid { grid-template-columns:1fr; } 
    .zv-card-list { flex-direction:column; height:auto; } 
    .zv-card-list .img, .zv-card-list .txt { width:100%; } 
    .zv-card-list .img { height:200px; } 
    .zv-hero { padding:0 2rem; } 
    .zv-juliana-hero { flex-direction: column; text-align: center; gap: 2rem; }
}