/*
Theme Name:   La Mala Coma
Description:  Tema hijo de GeneratePress para La Mala Coma
Author:       La Mala Coma
Template:     generatepress
Version:      1.0.0
Text Domain:  lamalacoma
*/
:root {
  --ink:#1A1208;--amber:#C4610A;--amber-badge:#E8760A;
  --amber-pale:#FDF0E0;--cream:#FAF7F2;--muted:#5C5246;
  --border:rgba(26,18,8,0.13);--hero-muted:rgba(250,247,242,0.70);
  --ff-display:'Playfair Display',Georgia,serif;
  --ff-ui:'Source Sans 3',system-ui,sans-serif;
}
body{background:var(--cream);color:var(--ink);font-family:var(--ff-ui);-webkit-font-smoothing:antialiased;}
a{color:var(--amber);text-decoration:none;}
a:hover{text-decoration:underline;}
.site-header{text-align:center;padding:1.6rem 1rem 1rem;border-bottom:3px solid var(--ink);background:var(--cream);}
.site-title{font-family:var(--ff-display);font-size:clamp(36px,6vw,56px);font-weight:400;letter-spacing:-1.5px;line-height:1;}
.site-title a{color:var(--ink);}
.site-description{font-size:11px;color:var(--muted);letter-spacing:2.5px;text-transform:uppercase;margin-top:6px;}
.nav-primary{border-bottom:1px solid var(--border);}
.nav-primary .menu{display:flex;justify-content:center;list-style:none;margin:0;padding:0;flex-wrap:wrap;}
.nav-primary .menu li a{display:block;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);padding:9px 14px;border-right:0.5px solid var(--border);text-decoration:none;transition:background .15s,color .15s;}
.nav-primary .menu li a:hover,.nav-primary .menu li.current-menu-item a{background:var(--ink);color:var(--cream);}
.inside-article{max-width:740px;margin:0 auto;padding:2rem 1.25rem;}
.entry-title{font-family:var(--ff-display);font-size:clamp(26px,5vw,42px);font-weight:400;line-height:1.18;color:var(--ink);margin-bottom:.75rem;}
.entry-content p{font-family:var(--ff-display);font-size:18px;line-height:1.8;color:var(--ink);margin-bottom:1.3rem;}
.entry-content h2{font-family:var(--ff-display);font-size:22px;font-weight:500;color:var(--ink);margin:2rem 0 .75rem;border-bottom:1px solid var(--border);padding-bottom:.3rem;}
.wp-block-quote{border-left:3px solid var(--amber-badge);padding:1rem 1.25rem;margin:2rem 0;background:var(--amber-pale);font-family:var(--ff-display);font-size:17px;font-style:italic;color:var(--ink);line-height:1.65;}
.site-footer{background:var(--ink);color:rgba(250,247,242,.62);font-size:12px;padding:1.5rem 1.25rem;text-align:center;}
.site-footer a{color:rgba(250,247,242,.65);}

/* Ancho completo */
.site-content,
.inside-header,
.inside-navigation,
.inside-top-bar,
.inside-footer-widgets,
.inside-site-info,
.container,
.grid-container {
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body {
  background: #FAF7F2 !important;
}

.site {
  max-width: 100% !important;
}

.site-main,
#main-content,
.content-area,
.generate-inside-left-sidebar,
.generate-inside-right-sidebar,
.generate-columns-container {
  max-width: 100% !important;
  width: 100% !important;
}

.generate-container {
  max-width: 1400px !important;
  padding: 0 !important;
}

/* Eliminar padding lateral de GeneratePress */
.one-container .site-content,
.one-container .container,
.one-container #page,
.grid-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.inside-header,
.inside-navigation,
.inside-top-bar {
  max-width: 100% !important;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

#page {
  max-width: 100% !important;
}

body.one-container #page,
body.one-container .site {
  box-shadow: none !important;
  margin: 0 !important;
  max-width: 100% !important;
}

body {
  background: #FAF7F2 !important;
}

body { background: #FAF7F2 !important; }
#page { max-width: 100% !important; box-shadow: none !important; margin: 0 !important; }
.site-content { padding: 0 !important; }

/* ============================================================
   RESPONSIVE MÓVIL
   ============================================================ */
@media (max-width: 768px) {

  /* Header */
  .site-logo { font-size: clamp(28px,8vw,42px) !important; letter-spacing:-1px; }
  .site-tagline { font-size:10px; letter-spacing:1.5px; }

  /* Nav — scroll horizontal */
  .site-nav, .main-navigation ul, .nav-primary .menu {
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .site-nav::-webkit-scrollbar,
  .main-navigation ul::-webkit-scrollbar { display: none; }
  .site-nav button, .main-navigation ul li a {
    white-space: nowrap;
    flex-shrink: 0;
    padding: 8px 12px !important;
    font-size: 10px !important;
  }

  /* Hero grid — una columna */
  .home-grid, [style*="grid-template-columns:3fr 2fr"] {
    grid-template-columns: 1fr !important;
  }

  /* Rejilla 3 columnas — una columna */
  [style*="grid-template-columns:repeat(3"] {
    grid-template-columns: 1fr !important;
  }

  /* Newsletter */
  .newsletter, [style*="background:#E8760A"] {
    flex-direction: column !important;
    padding: 1rem !important;
  }
  .nl-form, [style*="display:flex;gap:8px"] {
    flex-direction: column !important;
    width: 100% !important;
  }
  .nl-form input[type="email"],
  [style*="width:210px"] {
    width: 100% !important;
  }

  /* Artículo individual */
  .article-header, .article-body, .article-featured,
  .article-tags, .article-nav {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .article-h1 { font-size: clamp(22px,6vw,32px) !important; }
  .article-body p { font-size:16px !important; }
  .article-subtitle { font-size:15px !important; }

  /* Artículo con sidebar — quitar sidebar en móvil */
  .article-with-ads,
  [style*="grid-template-columns:1fr 300px"] {
    grid-template-columns: 1fr !important;
  }
  .article-sidebar { display: none !important; }

  /* Sidebar portada — scroll horizontal */
  .sidebar-list aside { gap: 0; }

  /* Páginas estáticas */
  .about-wrap, .privacy-wrap {
    padding: 1.25rem 1rem 2rem !important;
  }
  .about-wrap h1 { font-size:26px !important; }

  /* Footer */
  .footer-links, .lmc-footer-links {
    gap: 1rem !important;
    font-size:11px;
  }

  /* Topbar */
  .topbar, .lmc-topbar {
    font-size:10px;
    padding: 4px 0.75rem;
  }

  /* Paginación */
  .pagination, .nav-links {
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* Contacto responsive */
@media (max-width: 600px) {
  .page-id-135 .entry-content > div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
}

/* Página Contacto */
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}
.cbox{padding:1.75rem}
.cbox h2{font-family:'Playfair Display',Georgia,serif;font-size:20px;font-weight:400;margin-bottom:.75rem;padding-bottom:.75rem}
.cbox p{font-size:14px;line-height:1.7;margin:0;color:#5C5246}
@media(max-width:640px){.cgrid{grid-template-columns:1fr!important}}