/*
Theme Name: Mundo Remedios Profesional
Author: MundoRemedios.net
Description: Revista verde responsive con recomendaciones y compartir social.
Version: 1.0.1
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: mundo-remedios
License: GPL-2.0-or-later
*/
:root{--green:#16820a;--deep:#123e20;--bg:#f3f4f7;--ink:#17251c;--muted:#59665d;--line:#e2e8e2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--green)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e8b63e;outline-offset:4px}img{max-width:100%;height:auto}button,input{font:inherit}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.brandbar{background:white;padding:22px 0}.brandrow{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img,.custom-logo{width:310px;max-height:86px;object-fit:contain}.brandtag{font-size:14px;color:var(--muted)}.navband{background:var(--green);color:white}.navrow{display:flex;align-items:center;gap:24px;min-height:60px;justify-content:space-between}.navrow a:hover{color:white;text-decoration:underline}.menu{display:flex;list-style:none;gap:26px;padding:0;margin:0}.menu li{position:relative}.menu .sub-menu{display:none;position:absolute;z-index:5;background:var(--deep);padding:15px;list-style:none;min-width:190px}.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}.search-form{display:flex;background:white;border-radius:7px;overflow:hidden;color:var(--ink)}.search-form input{border:0;padding:8px 12px;min-width:0;width:180px}.search-form button{background:white;border:0;padding:8px 12px;cursor:pointer}.menu-toggle{display:none;background:transparent;border:1px solid #ffffff70;color:white;padding:7px 12px;border-radius:5px}.main{padding:38px 0 60px}.eyebrow,.meta{font-size:13px;font-weight:650;letter-spacing:.055em;color:var(--green);text-transform:uppercase}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:36px 0 20px}.section-head h2{font-size:25px;margin:0;border-left:4px solid var(--green);padding-left:14px}h1,h2,h3{line-height:1.2;letter-spacing:-.025em}h1{font-size:clamp(30px,4vw,46px)}.card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 7px 20px #153f2010}.card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:#e5eee4}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card:hover .card-media img{transform:scale(1.025)}.no-image{display:grid;place-items:center;height:100%;color:var(--deep);font-size:22px;font-weight:700;background:linear-gradient(135deg,#dfedde,#f9fbf8)}.card-body{padding:23px}.card h2,.card h3{font-size:23px;margin:12px 0}.card p{margin:12px 0;color:var(--muted)}.featured{display:grid;grid-template-columns:1.15fr 1fr}.featured .card-media{aspect-ratio:auto;min-height:340px}.featured .card-body{padding:36px;align-self:center}.featured h2{font-size:clamp(27px,3vw,38px)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.article{max-width:820px;margin:auto;background:white;border:1px solid var(--line);border-radius:12px;padding:clamp(22px,4vw,50px)}.article-head{text-align:center}.article-head .meta{color:var(--muted)}.article-image{width:100%;max-height:540px;object-fit:cover;border-radius:9px;margin:24px 0}.entry-content{font-size:19px;line-height:1.85;overflow-wrap:anywhere}.entry-content p{margin:0 0 24px}.entry-content a{color:var(--green);text-decoration:underline}.entry-content iframe{max-width:100%}.entry-content figure{max-width:100%;margin:24px 0}.entry-content table{display:block;overflow:auto}.entry-content h2{font-size:29px;margin-top:36px}.sharing{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:25px 0}.share{border:0;border-radius:7px;padding:10px 17px;color:white!important;font-size:15px;font-weight:650;cursor:pointer}.facebook{background:#0866ff}.whatsapp{background:#117c42}.copy{background:#334a3b}.notice{border-left:4px solid var(--green);background:#f0f7ee;padding:18px;font-size:15px;color:#3d5341;margin:26px 0}.byline{font-size:14px;color:var(--muted)}.pagination{margin:32px 0;text-align:center}.page-numbers{display:inline-block;background:white;padding:8px 16px;border-radius:5px;margin:4px}.page-numbers.current{background:var(--green);color:white}.footer{background:var(--deep);color:white;padding:42px 0}.footer-row{display:flex;justify-content:space-between;gap:40px}.footer p{font-size:14px;color:#d8e7da;max-width:480px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;max-width:550px;font-size:15px}.footer a:hover{color:#dcefcf}.copyright{border-top:1px solid #ffffff25;margin-top:28px;padding-top:20px;font-size:13px}.skip{position:absolute;top:-90px;background:white;padding:12px;z-index:100}.skip:focus{top:0}.empty{text-align:center;padding:45px;background:white;border-radius:12px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.cookie-note{background:white;border-top:1px solid var(--line);padding:16px;font-size:14px}.cookie-note .wrap{display:flex;gap:18px;align-items:center;justify-content:space-between}.cookie-note button{background:var(--deep);color:white;border:0;border-radius:5px;padding:6px 14px;cursor:pointer}.cookie-note[hidden]{display:none}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brandtag{display:none}.featured .card-body{padding:25px}.featured .card-media{min-height:300px}.navrow{flex-wrap:wrap;padding:12px 0;gap:15px}.menu{gap:16px;font-size:15px}.footer-row{flex-direction:column}}@media(max-width:580px){.wrap{width:calc(100% - 28px)}.brandbar{padding:14px 0}.brand img{width:270px}.menu-toggle{display:block}.navrow{gap:12px}.navrow nav{display:none;order:3;width:100%}.navrow nav.open{display:block}.menu{flex-direction:column;gap:12px;padding:12px 0}.menu .sub-menu{position:static}.search-form{flex:1}.search-form input{width:100%}.grid{grid-template-columns:1fr}.featured{grid-template-columns:1fr}.featured .card-media{aspect-ratio:16/10;min-height:0}.featured h2{font-size:29px}.main{padding-top:22px}.article{padding:23px 18px}.entry-content{font-size:18px}.cookie-note .wrap{align-items:flex-start}.section-head h2{font-size:23px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
