/*
Theme Name: Y Si Hijo - Clásico v2
Theme URI: https://example.com/ysihijo
Author: Paula Gabriela
Author URI: https://example.com
Description: Tema clásico (v2) basado en la maqueta. Páginas internas editables desde el panel y notas como entradas del blog.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ysihijo
Tags: radio, blog, responsive, editorial
*/

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');

:root{
  --red: #ff1212;
  --yellow: #ffed00;
  --green: #33ae6f;
  --black: #000000;
  --accent: var(--red);
}

*{box-sizing:border-box}
body{font-family: Arial, Helvetica, sans-serif; margin:0; color:#111; background:#fff;}
a{color:var(--accent); text-decoration:none}
.site-header{background:#f6f6f6; padding:24px 12px; border-bottom:1px solid #e6e6e6; display:flex; align-items:center; justify-content:space-between;}
.site-branding{text-align:center; flex:1}
.site-logo img{max-height:90px; display:block; margin:0 auto;}
.header-left, .header-right{width:160px; display:flex; align-items:center; gap:12px;}
.header-left{justify-content:flex-start}
.header-right{justify-content:flex-end; color:var(--red); font-weight:700;}

/* Menu */
.main-menu{border-top:4px solid #000; border-bottom:4px solid #000; display:flex; justify-content:space-around; align-items:center; padding:18px 0; font-family:'Anton', Arial; font-size:34px; letter-spacing:0.5px;}
.main-menu a{color:#000;}

/* Layout */
.site-content{max-width:1200px; margin:28px auto; padding:0 20px;}
.hero{display:flex; justify-content:center; margin-bottom:28px;}
.hero img{max-width:100%; height:auto; border:8px solid transparent;}

/* Section grid */
.sections{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-bottom:40px;}
.section{border-top:1px solid #000; border-bottom:1px solid #000; padding:30px 20px; min-height:260px;}
.section h2{font-family:'Anton', Arial; font-size:28px; margin:0 0 18px;}

/* Full rows */
.full-row{display:block; padding:40px 0; border-top:1px solid #000; border-bottom:1px solid #000; margin-bottom:24px;}
.grid-two{display:grid; grid-template-columns: 1fr 360px; gap:40px; align-items:start;}

/* Notes */
.note-item{display:flex; gap:16px; margin-bottom:18px; align-items:flex-start}
.note-item img{width:110px; height:70px; object-fit:cover; border:6px solid #fff; box-shadow:0 0 0 1px #ddd;}
.note-item h3{margin:0; font-size:18px}

/* Circles for team */
.team-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.team-member{text-align:center;}
.team-member img{width:140px;height:140px;object-fit:cover;border-radius:50%;display:block;margin:0 auto;margin-bottom:12px;}

/* Footer */
.site-footer{padding:28px 12px; border-top:1px solid #ddd; font-weight:700;}

/* Utility */
.container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* Responsive */
@media (max-width:900px){
  .sections{grid-template-columns:1fr; padding:0; }
  .grid-two{grid-template-columns:1fr; }
  .header-left, .header-right{display:none}
  .main-menu{font-size:22px; padding:12px 0; flex-wrap:wrap; gap:8px;}
  .team-grid{grid-template-columns:repeat(2,1fr);}
}