/*
Theme Name: Asamblea Permanente
Theme URI: https://www.asambleapermanente.cl
Author: Asamblea Permanente por la Legalización del Aborto
Description: Tema landing page auto administrable con secciones: Portada, Quiénes Somos, Qué Hacemos, Red de Apoyo, Mira Que Te Miro, Recursos, Noticias y Footer con formulario de contacto. Responsivo.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: asamblea
*/

:root{
  /* Carta de colores web 2023 */
  --ap-purple:#663399;      /* identitario */
  --ap-green:#669933;       /* identitario */
  --ap-orange-dark:#CC6633; /* carta 1 */
  --ap-orange:#FF6633;      /* carta 1 */
  --ap-peach:#FF9966;       /* carta 1 */
  --ap-violet:#6633CC;      /* carta 4 */
  --ap-slate:#666699;       /* carta 4 */
  --ap-lilac:#CCCCFF;       /* carta 3 */
  --ap-lilac-soft:#EBEBFF;  /* 30% de #CCCCFF sobre blanco */
  --ap-pink-lilac:#CC99FF;  /* carta 2 */
  --ap-teal:#339999;        /* carta 4 */
  --ap-dark:#2b2b2b;
  --ap-text:#555;
  --ap-radius:4px;
  --ap-max:1140px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ap-text);line-height:1.6;background:#fff}
img{max-width:100%;height:auto}
a{color:var(--ap-purple)}
.container{width:100%;max-width:var(--ap-max);margin:0 auto;padding:0 20px}
.btn{display:inline-block;background:var(--ap-purple);color:#fff;padding:10px 22px;border-radius:var(--ap-radius);font-size:.85rem;font-weight:600;text-decoration:none;border:0;cursor:pointer}
.btn:hover{background:var(--ap-violet)}
.btn--light{background:#fff;color:var(--ap-purple)}
.btn--light:hover{background:var(--ap-lilac)}
.btn--blue{background:var(--ap-orange-dark);color:#fff;width:100%;padding:14px}
.btn--blue:hover{background:var(--ap-orange)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.08);border-bottom:3px solid var(--ap-green)}
.site-header .container{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.site-logo img{max-height:48px;width:auto;display:block}
.site-logo .site-title{font-weight:700;text-decoration:none;color:var(--ap-purple)}
.main-nav ul{list-style:none;display:flex;gap:22px;margin:0;padding:0;align-items:center}
.main-nav a{color:var(--ap-dark);text-decoration:none;font-size:.78rem;font-weight:600}
.main-nav a:hover,.main-nav a.is-active{color:var(--ap-orange-dark)}
.social-links{display:flex;gap:12px;align-items:center}
.social-links a{display:inline-flex;width:20px;height:20px;color:var(--ap-dark)}
.social-links svg{width:100%;height:100%;fill:currentColor}
.nav-toggle{display:none;background:none;border:0;font-size:1.6rem;cursor:pointer}

/* Secciones */
.section{padding:70px 0}
.section h2{margin:0 0 .6em;font-size:1.9rem;color:inherit}
.section--hero{padding:0;position:relative;min-height:520px;background:var(--ap-slate) center/cover no-repeat;display:flex;align-items:center;justify-content:center}
.hero__box{background:rgba(102,51,153,.72);color:#fff;max-width:520px;padding:22px 26px;text-align:center;font-size:1.05rem;font-weight:500;margin:40px 20px}
.section--about{background:var(--ap-slate);color:#fff}
.section--about .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.section--do{background:#fff}
.section--do .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.section--network{background:var(--ap-green);color:#fff;text-align:center}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;margin-top:30px}
.card h3{margin:0 0 .5em;font-size:1.15rem}
.card p{font-size:.85rem}
.section--mira{background:#fff}
.section--mira .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.section--mira .buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px}
.section--resources{background:#fff;text-align:center}
.res-card{background:var(--ap-lilac-soft);padding:36px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#666}
.res-card--accent{background:var(--ap-purple);color:#fff}
.res-card .icon{font-size:2.4rem;color:var(--ap-purple)}
.res-card--accent .icon{color:#fff}
.res-card h3{margin:0;color:inherit}
.res-card p{font-size:.8rem;flex:1}
.section--news{background:#fff;text-align:center}
.news-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;text-align:left;margin-top:30px}
.news-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.post-card{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.post-card img{width:100%;height:180px;object-fit:cover;display:block}
.post-card .body{padding:14px 16px}
.post-card time{font-size:.7rem;color:#888}
.post-card h3{margin:.3em 0;font-size:1rem}
.post-card h3 a{color:var(--ap-purple);text-decoration:none}
.feed-box{overflow:hidden}

/* Footer */
.site-footer{background:var(--ap-purple);color:#fff;padding:60px 0 0}
.footer-grid{display:grid;grid-template-columns:1fr 1.2fr 1.3fr;gap:36px;align-items:start}
.site-footer a{color:#fff}
.site-footer .social-links a{color:#fff}
.site-footer h4{margin:0 0 .6em;font-size:1.05rem}
.site-footer p{font-size:.8rem}
.footer-logo img{max-width:200px}
.contact-form input,.contact-form textarea{width:100%;border:0;padding:10px;margin-bottom:12px;border-radius:2px;font:inherit;font-size:.8rem}
.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form textarea{min-height:110px}
.notice{padding:10px 14px;border-radius:2px;margin-bottom:12px;font-size:.85rem}
.notice--ok{background:#d4f5dd;color:#145a2a}
.notice--err{background:#ffd9d9;color:#7a1212}
.footer-bar{background:var(--ap-pink-lilac);height:34px;margin-top:50px}
.hp-field{position:absolute;left:-9999px}

/* Páginas internas */
.page-content{padding:50px 0;max-width:820px;margin:0 auto}

@media (max-width:820px){
  .nav-toggle{display:block}
  .main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:14px 20px;box-shadow:0 6px 10px rgba(0,0,0,.08)}
  .main-nav.is-open{display:block}
  .main-nav ul{flex-direction:column;align-items:flex-start;gap:14px}
  .section--about .grid,.section--do .grid,.section--mira .grid,.news-grid,.footer-grid{grid-template-columns:1fr}
  .section{padding:48px 0}
}