/* ================================================================
   MEE Theme — fallback.css
   Solo se carga cuando la pagina NO esta construida con Elementor.
   Proporciona estilos legibles basicos para templates nativos.
   Media query unica para navegacion movil (no afecta a Elementor).
   SIN !important (nunca pelea con Elementor).
   ================================================================ */

/* ── Tipografia base (system stack) ────────────────────────── */
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#111;background-color:#fff}

/* ── Container ─────────────────────────────────────────────── */
.mee-container{max-width:var(--mee-container,1280px);margin-inline:auto;padding-inline:clamp(1rem, 3vw, 2rem)}

/* ── Header ────────────────────────────────────────────────── */
.mee-header{border-block-end:1px solid #e5e7eb;padding-block:1rem}
.mee-header__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.mee-branding{flex-shrink:0}
.mee-branding .custom-logo{max-height:60px;width:auto}
.mee-site-title{font-size:1.25rem;font-weight:700;line-height:1.2}
.mee-site-title a{text-decoration:none}
.mee-site-desc{font-size:.875rem;opacity:.7;margin:0}

/* ── Navigation ────────────────────────────────────────────── */
.mee-nav{position:relative}
.mee-nav__toggle{display:none;background:none;border:1px solid currentColor;padding:.375rem .625rem;cursor:pointer;font-size:1.25rem;line-height:1;border-radius:.25rem}
.mee-menu{display:flex;flex-wrap:wrap;gap:.25rem;margin:0;padding:0}
.mee-menu li{position:relative}
.mee-menu a{display:block;padding:.5rem .75rem;text-decoration:none;font-size:.9375rem;border-radius:.25rem}
.mee-menu a:hover,.mee-menu a:focus-visible{background-color:rgba(0,0,0,.05)}
.mee-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:.25rem 0;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.mee-menu li:hover>.sub-menu,.mee-menu li:focus-within>.sub-menu{display:block}
.mee-menu .sub-menu a{padding:.375rem 1rem;font-size:.875rem}

/* ── Main ──────────────────────────────────────────────────── */
.mee-main{padding-block:2rem}

/* ── Entry (singular) ──────────────────────────────────────── */
.mee-entry__title{font-size:clamp(1.75rem, 4vw, 2.5rem);line-height:1.2;margin-block-end:1rem}
.mee-entry__meta{font-size:.875rem;opacity:.6;margin-block-end:1.5rem;display:flex;gap:1rem}
.mee-entry__media{margin-block-end:2rem}
.mee-entry__media img{border-radius:.5rem}
.mee-entry__content{max-width:72ch;line-height:1.7}
.mee-entry__content p{margin-block:.75em}
.mee-entry__content h2{font-size:1.5rem;margin-block:2rem .75rem}
.mee-entry__content h3{font-size:1.25rem;margin-block:1.5rem .5rem}
.mee-entry__content blockquote{border-inline-start:3px solid #e5e7eb;padding-inline-start:1rem;margin-inline:0;font-style:italic}
.mee-entry__content pre{background:#f5f5f5;padding:1rem;border-radius:.375rem;overflow-x:auto;font-size:.875rem}
.mee-entry__content code{background:#f5f5f5;padding:.125em .375em;border-radius:.25rem;font-size:.9em}
.mee-entry__content pre code{background:none;padding:0}
.mee-entry__content ul{list-style:disc;padding-inline-start:1.5em}
.mee-entry__content ol{list-style:decimal;padding-inline-start:1.5em}
.mee-entry__content img{border-radius:.375rem}
.mee-entry__tags{margin-block-start:2rem;padding-block-start:1rem;border-block-start:1px solid #e5e7eb;font-size:.875rem}
.mee-entry__tags a{text-decoration:none;opacity:.7}
.mee-entry__tags a:hover{opacity:1}

/* ── Archive ───────────────────────────────────────────────── */
.mee-archive__header{margin-block-end:2rem}
.mee-archive__title{font-size:clamp(1.5rem, 3vw, 2rem)}
.mee-archive__desc{opacity:.7;margin-block-start:.5rem}
.mee-archive__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.5rem}

/* ── Card ──────────────────────────────────────────────────── */
.mee-card{border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;transition:box-shadow .2s}
.mee-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}
.mee-card__thumb img{aspect-ratio:3/2;object-fit:cover;width:100%}
.mee-card__body{padding:1.25rem}
.mee-card__title{font-size:1.125rem;line-height:1.3}
.mee-card__title a{text-decoration:none}
.mee-card__title a:hover{text-decoration:underline}
.mee-card__date{font-size:.8125rem;opacity:.5;display:block;margin-block:.25rem .5rem}
.mee-card__excerpt{font-size:.9375rem;line-height:1.5;opacity:.8}

/* ── Pagination ────────────────────────────────────────────── */
.mee-pagination{margin-block-start:2rem}
.mee-pagination .nav-links{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.mee-pagination a,.mee-pagination span{display:inline-block;padding:.375rem .75rem;border:1px solid #e5e7eb;border-radius:.25rem;text-decoration:none;font-size:.875rem}
.mee-pagination .current{background:#111;color:#fff;border-color:#111}

/* ── Search form ───────────────────────────────────────────── */
.mee-search{display:flex;gap:.5rem;max-width:480px}
.mee-search__input{flex:1;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.25rem;font-size:1rem}
.mee-search__submit{padding:.5rem 1rem;background:#111;color:#fff;border:0;border-radius:.25rem;cursor:pointer;font-size:.9375rem}
.mee-search__submit:hover{opacity:.85}

/* ── Button ────────────────────────────────────────────────── */
.mee-button{display:inline-block;padding:.625rem 1.25rem;background:#111;color:#fff;text-decoration:none;border-radius:.375rem;font-size:.9375rem;border:0;cursor:pointer}
.mee-button:hover{opacity:.85}

/* ── 404 ───────────────────────────────────────────────────── */
.mee-404{text-align:center;padding-block:4rem}
.mee-404__title{font-size:clamp(2rem, 5vw, 3rem);margin-block-end:1rem}
.mee-404__text{opacity:.7;margin-block-end:2rem;font-size:1.125rem}
.mee-404 .mee-search{margin-inline:auto;margin-block-end:1.5rem}

/* ── Comments ──────────────────────────────────────────────── */
.mee-comments{margin-block-start:3rem;padding-block-start:2rem;border-block-start:1px solid #e5e7eb}
.mee-comments__title{font-size:1.25rem;margin-block-end:1.5rem}
.mee-comments__list{padding:0}
.mee-comments__list .comment{padding:1rem 0;border-block-end:1px solid #f0f0f0}
.mee-comments__list .children{padding-inline-start:2rem}
.mee-comments__closed{opacity:.6;font-style:italic}
.mee-comment-form label{display:block;margin-block-end:.25rem;font-size:.875rem}
.mee-comment-form input[type="text"],.mee-comment-form input[type="email"],.mee-comment-form input[type="url"],.mee-comment-form textarea{width:100%;padding:.5rem .75rem;border:1px solid #e5e7eb;border-radius:.25rem;margin-block-end:1rem}
.mee-comment-form textarea{min-height:120px;resize:vertical}
.mee-comment-form .form-submit .submit{padding:.5rem 1.25rem;background:#111;color:#fff;border:0;border-radius:.25rem;cursor:pointer}

/* ── Footer ────────────────────────────────────────────────── */
.mee-footer{border-block-start:1px solid #e5e7eb;padding-block:1.5rem;font-size:.875rem}
.mee-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}
.mee-footer__copy{opacity:.6;margin:0}
.mee-footer__credits{opacity:.6;margin:0;font-size:.8125rem}
.mee-footer__credits a{text-decoration:none;border-block-end:1px dotted currentColor}
.mee-footer__credits a:hover,.mee-footer__credits a:focus-visible{opacity:1;border-block-end-style:solid}
.mee-menu--footer{gap:.25rem}
.mee-menu--footer a{font-size:.8125rem;padding:.25rem .5rem}

/* ── Post navigation ───────────────────────────────────────── */
.post-navigation{margin-block-start:2rem;padding-block-start:1.5rem;border-block-start:1px solid #e5e7eb}
.post-navigation .nav-links{display:flex;justify-content:space-between;gap:1rem}
.post-navigation a{text-decoration:none;font-size:.9375rem}
.post-navigation a:hover{text-decoration:underline}

/* ── No results ────────────────────────────────────────────── */
.mee-no-results{text-align:center;padding-block:2rem}
.mee-no-results p{margin-block-end:1.5rem;opacity:.7}

/* ── WooCommerce minimal ───────────────────────────────────── */
.mee-main--woocommerce{padding-block:2rem}

/* ── Responsive fallback (solo templates nativos) ──────────── */
@media(max-width:768px){
.mee-nav__toggle{display:block}
.mee-menu:not(.mee-menu--open){display:none}
.mee-menu--open{flex-direction:column;width:100%}
.mee-menu .sub-menu{position:static;border:0;box-shadow:none;padding-inline-start:1rem}
.mee-menu li:hover>.sub-menu,.mee-menu li:focus-within>.sub-menu{display:block}
.post-navigation .nav-links{flex-direction:column}
}