/*
Theme Name: Sobre Automóvil - Astra Child
Theme URI: https://sobreautomovil.com
Description: Tema hijo profesional y profundamente personalizado de Astra para Sobre Automóvil, una plataforma didáctica dedicada al aprendizaje del automóvil. Concebido para transformar Astra en una biblioteca técnica moderna donde estudiar mecánica, electricidad, electrónica, diagnosis, mantenimiento, tecnología, manuales, tutoriales, cursos y lecciones paso a paso. La identidad visual emplea tonos claros, azul técnico, blanco, gris hielo y antracita, con una interfaz limpia y académica orientada a la lectura prolongada y al aprendizaje. Incluye una portada propia de tipo portal educativo, navegación refinada, tarjetas de materias, biblioteca de contenidos, bloques didácticos, estilos para tablas y código, artículos técnicos, avisos, consejos, procedimientos y componentes reutilizables. Se ha priorizado la legibilidad, jerarquía visual, accesibilidad, rendimiento, diseño responsive y una experiencia coherente en ordenador, tableta y móvil. Ideal como base para manuales, formación autodidacta y documentación técnica de automoción.
Author: Fran Paredes
Author URI: https://franparedes.es
Template: astra
Version: 2.5.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: sobre-automovil-astra-child
Tags: education, automotive, tutorial, courses, manuals, responsive, accessibility-ready, custom-colors, custom-logo, blog
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root{--sa-blue:#4aa3df;--sa-blue-2:#7bc2ed;--sa-dark:#303940;--sa-ink:#46515a;--sa-muted:#788590;--sa-ice:#edf7fc;--sa-soft:#f5f9fb;--sa-border:#dce8ef;--sa-white:#fff;--sa-shadow:0 18px 50px rgba(48,72,88,.10);--sa-radius:22px;--sa-shell:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.sobre-automovil-ui{background:var(--sa-soft);color:var(--sa-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.72}
a{color:#2c87c3;text-decoration:none}a:hover{color:#1f6f9f}
.sa-shell{width:min(calc(100% - 40px),var(--sa-shell));margin-inline:auto}

/* Astra transformado */
.ast-primary-header-bar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--sa-border)!important;box-shadow:0 8px 28px rgba(49,73,88,.06);backdrop-filter:blur(16px);min-height:82px}
.ast-builder-menu-1 .menu-item>.menu-link,.main-header-menu>.menu-item>.menu-link{color:var(--sa-dark)!important;font-size:.92rem;font-weight:700;letter-spacing:.015em;text-transform:none;min-height:82px}
.main-header-menu>.menu-item>.menu-link:hover,.main-header-menu>.current-menu-item>.menu-link{color:#2c8dcc!important}
.ast-header-button-1 .ast-custom-button{background:var(--sa-blue)!important;border-radius:999px!important;box-shadow:none!important;padding:12px 22px!important}
.site-logo-img img{max-height:66px;width:auto}
.ast-mobile-header-wrap .ast-primary-header-bar{min-height:70px}
.ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{fill:var(--sa-blue)!important}


/* Correccion de la cabecera transparente de Astra: evita que oculte la portada */
.ast-theme-transparent-header #masthead,
.ast-theme-transparent-header .site-header,
.ast-theme-transparent-header .ast-primary-header-bar {position:relative!important;top:auto!important;left:auto!important;right:auto!important;}
.ast-theme-transparent-header #masthead {z-index:99!important;}
.ast-theme-transparent-header .site-content,
.ast-theme-transparent-header #content {padding-top:0!important;margin-top:0!important;}
.home .site-content, .home #content {padding-top:0!important;margin-top:0!important;}
.sa-home {position:relative;z-index:1;}
.sa-hero {overflow:visible;}
.sa-hero__content {padding-top:6px;}
.sa-float-card {color:var(--sa-dark)!important;text-decoration:none!important;}
.sa-float-card:hover {transform:translateY(-3px);border-color:#b9dff2;box-shadow:0 18px 42px rgba(51,82,101,.16);}
.sa-topic-card {display:block;color:inherit;text-decoration:none;}
.sa-topic-card:hover,.sa-topic-card:focus {color:inherit;text-decoration:none;}
.sa-topic-card h3,.sa-topic-card p {color:inherit;}
.sa-topic-card h3 {color:var(--sa-dark);}
.sa-topic-card p {color:#71808a;}

/* Portada */
.sa-home{overflow:hidden;background:#fff}
.sa-hero{position:relative;padding:88px 0 78px;background:linear-gradient(135deg,#fbfdff 0%,#f0f9fe 55%,#e9f6fc 100%);border-bottom:1px solid var(--sa-border)}
.sa-hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(74,163,223,.18);border-radius:50%;right:-170px;top:-210px;box-shadow:0 0 0 70px rgba(74,163,223,.035),0 0 0 140px rgba(74,163,223,.025)}
.sa-hero__grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:80px;position:relative;z-index:1}
.sa-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#2988c7;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.16em;margin-bottom:18px}.sa-eyebrow:before{content:"";width:28px;height:2px;background:var(--sa-blue);border-radius:2px}
.sa-hero h1{margin:0;color:var(--sa-dark);font-size:clamp(3rem,6vw,5.4rem);line-height:.96;letter-spacing:-.052em;font-weight:800}.sa-hero h1 span{color:var(--sa-blue)}
.sa-hero__content>p{font-size:1.16rem;max-width:700px;color:#64727c;margin:28px 0 30px}
.sa-hero__actions{display:flex;flex-wrap:wrap;gap:12px}.sa-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:999px;font-size:.91rem;font-weight:800;transition:.2s}.sa-btn--primary{background:var(--sa-blue);color:#fff;box-shadow:0 12px 28px rgba(74,163,223,.28)}.sa-btn--primary:hover{background:#318fcf;color:#fff;transform:translateY(-2px)}.sa-btn--ghost{background:#fff;color:var(--sa-dark);border:1px solid var(--sa-border)}.sa-btn--ghost:hover{color:#2a86c3;border-color:#a7d6ef}.sa-btn--white{background:#fff;color:var(--sa-dark)}
.sa-hero__meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font-size:.78rem;color:#77858f;font-weight:700}
.sa-hero__visual{position:relative;min-height:460px;display:grid;place-items:center}
.sa-visual-card--main{width:min(430px,90%);aspect-ratio:1/.92;background:rgba(255,255,255,.88);border:1px solid #d8eaf4;border-radius:38px;box-shadow:0 38px 90px rgba(58,103,130,.16);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.sa-visual-card--main:after{content:"";position:absolute;inset:auto -30% -60% -30%;height:70%;background:radial-gradient(circle,var(--sa-ice),transparent 70%)}.sa-gauge{width:210px;height:105px;border:14px solid var(--sa-blue);border-bottom:0;border-radius:210px 210px 0 0;position:relative}.sa-gauge:after{content:"";position:absolute;width:82px;height:7px;background:var(--sa-blue);left:94px;bottom:8px;transform:rotate(-42deg);transform-origin:left center;border-radius:10px}.sa-gauge span{position:absolute;width:19px;height:19px;background:#fff;border:7px solid var(--sa-blue);border-radius:50%;left:91px;bottom:-3px;z-index:2}.sa-carline{font-size:7rem;line-height:.6;color:var(--sa-blue);transform:scaleX(1.65);margin:18px 0 22px}.sa-visual-card strong{font-size:1.5rem;color:var(--sa-dark);z-index:1}.sa-visual-card small{color:#8b969e;text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;margin-top:7px;z-index:1}.sa-float-card{position:absolute;background:#fff;border:1px solid var(--sa-border);box-shadow:0 12px 36px rgba(51,82,101,.12);border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:10px}.sa-float-card b{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--sa-ice);color:#2e8bc7;font-size:.72rem}.sa-float-card span{font-size:.78rem;font-weight:800;color:var(--sa-dark)}.sa-float-card--one{left:-8px;top:84px}.sa-float-card--two{right:-12px;top:170px}.sa-float-card--three{left:34px;bottom:48px}
.sa-study-strip{background:var(--sa-dark);color:#fff}.sa-study-strip__grid{display:grid;grid-template-columns:repeat(4,1fr)}.sa-study-strip__grid>div{min-height:120px;padding:27px 24px;border-right:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:15px;align-content:center}.sa-study-strip span{grid-row:1/3;font-size:.72rem;color:#82c9f0;font-weight:900}.sa-study-strip strong{font-size:1rem}.sa-study-strip small{color:#aeb9c0;font-size:.76rem}
.sa-section{padding:95px 0}.sa-section--areas{background:#fff}.sa-section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:end;margin-bottom:42px}.sa-section-heading h2,.sa-method h2,.sa-home-cta h2{color:var(--sa-dark);font-size:clamp(2rem,4vw,3.35rem);line-height:1.05;letter-spacing:-.035em;margin:0}.sa-section-heading>p{margin:0;color:#71808a}.sa-section-heading--compact{grid-template-columns:1fr}
.sa-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sa-topic-card{background:#fafdff;border:1px solid var(--sa-border);border-radius:20px;padding:28px;min-height:290px;transition:.22s;position:relative;overflow:hidden}.sa-topic-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:var(--sa-ice);right:-52px;bottom:-52px}.sa-topic-card:hover{transform:translateY(-5px);background:#fff;box-shadow:var(--sa-shadow);border-color:#c7e3f2}.sa-topic-card__top{display:flex;justify-content:space-between;align-items:center}.sa-topic-card__num{font-size:.73rem;font-weight:900;color:#a6b4bd}.sa-topic-card__icon{font-size:1.8rem;color:var(--sa-blue)}.sa-topic-card h3{margin:38px 0 12px;color:var(--sa-dark);font-size:1.35rem}.sa-topic-card p{font-size:.88rem;color:#71808a;max-width:90%}.sa-topic-card__link{position:absolute;bottom:26px;left:28px;color:#2d88c5;font-size:.78rem;font-weight:800;z-index:1}
.sa-section--method{background:linear-gradient(135deg,#edf8fd,#f8fcfe)}.sa-method{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.sa-method__panel p{color:#6f7e88;max-width:600px}.sa-method__list{display:grid;gap:12px}.sa-method__list>div{display:flex;align-items:center;gap:18px;padding:20px 22px;background:rgba(255,255,255,.85);border:1px solid var(--sa-border);border-radius:16px}.sa-method__list b{font-size:.75rem;color:#2f8dc8;background:var(--sa-ice);width:42px;height:42px;border-radius:12px;display:grid;place-items:center}.sa-method__list span{display:flex;flex-direction:column}.sa-method__list strong{color:var(--sa-dark);font-size:.92rem}.sa-method__list small{color:#84919a}
.sa-section--latest{background:#fff}.sa-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sa-post-card{background:#fff;border:1px solid var(--sa-border);border-radius:20px;overflow:hidden;box-shadow:0 12px 35px rgba(56,83,101,.06);transition:.2s}.sa-post-card:hover{transform:translateY(-4px);box-shadow:var(--sa-shadow)}.sa-post-card__image{display:block;aspect-ratio:16/9;background:linear-gradient(135deg,#eaf6fd,#dceef8);overflow:hidden}.sa-post-card__image img{width:100%;height:100%;object-fit:cover}.sa-post-card__placeholder{height:100%;display:grid;place-items:center;color:#75b9e4;font-size:2rem;font-weight:900;letter-spacing:.1em}.sa-post-card__body{padding:23px}.sa-post-card__meta{color:#96a1a8;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.sa-post-card h3{font-size:1.12rem;line-height:1.28;margin:10px 0}.sa-post-card h3 a{color:var(--sa-dark)}.sa-post-card p{color:#75838c;font-size:.84rem}.sa-readmore{font-size:.77rem;font-weight:800;color:#2e89c5}.sa-empty{grid-column:1/-1;padding:42px;background:var(--sa-soft);border:1px dashed var(--sa-border);border-radius:20px;text-align:center}
.sa-home-cta{padding:62px 0;background:var(--sa-blue);color:#fff}.sa-home-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.sa-home-cta .sa-eyebrow,.sa-home-cta h2{color:#fff}.sa-home-cta .sa-eyebrow:before{background:#fff}.sa-home-cta h2{font-size:clamp(1.8rem,4vw,3rem);max-width:790px}

/* Interior: artículos y páginas */
body:not(.home) #content{background:var(--sa-soft);padding:48px 0}.ast-separate-container .ast-article-single,.ast-separate-container .ast-article-post{background:#fff;border:1px solid var(--sa-border);border-radius:22px;box-shadow:0 14px 45px rgba(47,72,88,.07);padding:clamp(26px,5vw,58px)}
.entry-title,.entry-title a,h1,h2,h3,h4,h5,h6{color:var(--sa-dark)}.single-post .entry-title{font-size:clamp(2.1rem,5vw,4rem);line-height:1.06;letter-spacing:-.04em}.entry-meta,.entry-meta *{color:#8d99a1!important;font-size:.78rem}.entry-content{font-size:1.02rem}.entry-content h2{font-size:1.75rem;margin-top:2.1em;padding:0 0 .5em;border-bottom:2px solid var(--sa-ice)}.entry-content h2:before{content:"";display:inline-block;width:9px;height:28px;background:var(--sa-blue);border-radius:6px;margin-right:12px;vertical-align:-4px}.entry-content h3{color:#2c82b9;margin-top:1.7em}.entry-content img{border-radius:16px}.entry-content blockquote{border:0;border-left:5px solid var(--sa-blue);background:var(--sa-ice);padding:20px 24px;border-radius:0 16px 16px 0}.entry-content table{border:1px solid var(--sa-border);border-radius:14px;overflow:hidden;background:#fff}.entry-content th{background:var(--sa-ice);color:var(--sa-dark)}.entry-content td,.entry-content th{padding:13px;border-color:var(--sa-border)}pre,.wp-block-code{background:#27343c!important;color:#eef7fb!important;border-radius:14px!important;padding:20px!important}
.widget{background:#fff;border:1px solid var(--sa-border);border-radius:18px;padding:24px;box-shadow:0 12px 32px rgba(48,72,88,.05)}.widget-title{font-size:1rem;color:var(--sa-dark);border-bottom:2px solid var(--sa-ice);padding-bottom:10px}
.site-primary-footer-wrap{background:#26343d!important;border-top:0!important;color:#b9c4ca}.site-primary-footer-wrap a{color:#8ed0f3}.ast-footer-copyright{color:#b9c4ca!important}

/* Componentes didácticos */
.sa-box{margin:1.6em 0;padding:1.25em 1.4em;border:1px solid var(--sa-border);border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(48,72,88,.06)}.sa-box--info{border-left:5px solid var(--sa-blue);background:var(--sa-ice)}.sa-box--tip{border-left:5px solid #58ae86;background:#f0faf5}.sa-box--warning{border-left:5px solid #e7a33e;background:#fff8e9}.sa-box__title{font-weight:900;color:var(--sa-dark);margin-bottom:.4em}.sa-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sa-card{padding:22px;background:#fff;border:1px solid var(--sa-border);border-radius:18px;box-shadow:0 10px 30px rgba(48,72,88,.06)}

@media(max-width:1024px){.sa-hero__grid,.sa-method,.sa-section-heading{grid-template-columns:1fr;gap:42px}.sa-hero__visual{min-height:400px}.sa-topic-grid,.sa-post-grid{grid-template-columns:repeat(2,1fr)}.sa-section-heading{margin-bottom:32px}.sa-study-strip__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.sa-shell{width:min(calc(100% - 28px),var(--sa-shell))}.sa-hero{padding:60px 0 48px}.sa-hero h1{font-size:3.15rem}.sa-hero__visual{min-height:340px}.sa-visual-card--main{width:85%}.sa-float-card--one{left:0}.sa-float-card--two{right:0}.sa-float-card--three{left:18px}.sa-study-strip__grid,.sa-topic-grid,.sa-post-grid,.sa-card-grid{grid-template-columns:1fr}.sa-section{padding:68px 0}.sa-study-strip__grid>div{min-height:95px}.sa-home-cta__inner{align-items:flex-start;flex-direction:column}.sa-topic-card{min-height:265px}.ast-separate-container .ast-article-single,.ast-separate-container .ast-article-post{border-radius:16px;padding:24px}.entry-content{font-size:.98rem}}

/* =========================================================
   VERSION 2.2 · Botones, blog editorial y archivos didacticos
   ========================================================= */

/* Botones globales: neutraliza el amarillo heredado de Astra */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link,
.ast-button,
.button,
a.button,
.ast-custom-button {
    appearance:none;
    border:1px solid transparent!important;
    border-radius:12px!important;
    background:#4aa3df!important;
    color:#fff!important;
    min-height:46px;
    padding:12px 22px!important;
    font-family:inherit;
    font-size:.9rem!important;
    font-weight:800!important;
    line-height:1.2;
    box-shadow:0 10px 24px rgba(74,163,223,.20)!important;
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease!important;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.ast-button:hover,
.button:hover,
a.button:hover,
.ast-custom-button:hover {
    background:#318fcf!important;
    color:#fff!important;
    transform:translateY(-1px);
    box-shadow:0 14px 28px rgba(74,163,223,.27)!important;
}
input[type="search"],input[type="text"],input[type="email"],input[type="url"],input[type="password"],textarea,select{
    border:1px solid #d9e7ef!important;
    border-radius:12px!important;
    background:#fff!important;
    color:var(--sa-dark)!important;
    min-height:48px;
    padding:11px 14px!important;
    box-shadow:none!important;
}
input:focus,textarea:focus,select:focus{border-color:#91cbed!important;box-shadow:0 0 0 4px rgba(74,163,223,.10)!important;outline:0!important}
.search-form{display:flex;gap:10px;align-items:center}.search-form label{flex:1}.search-form .search-submit{margin:0!important;min-width:120px}

/* Archivo de categoria propio */
.sa-archive{background:#f5f9fb;min-height:70vh;padding:54px 0 90px}
.sa-archive-hero{background:linear-gradient(135deg,#fff 0%,#f1f9fd 100%);border:1px solid var(--sa-border);border-radius:26px;padding:42px 46px;margin-bottom:26px;position:relative;overflow:hidden}
.sa-archive-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(74,163,223,.16);right:-95px;top:-130px;box-shadow:0 0 0 45px rgba(74,163,223,.035)}
.sa-archive-kicker{display:inline-flex;align-items:center;gap:9px;color:#2c8dcc;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;font-weight:900;margin-bottom:12px}.sa-archive-kicker:before{content:"";width:25px;height:2px;border-radius:2px;background:var(--sa-blue)}
.sa-archive-hero h1{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.045em;line-height:1;margin:0 0 14px;color:var(--sa-dark)}
.sa-archive-hero p{max-width:730px;margin:0;color:#6f7d87;font-size:1rem}
.sa-archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 22px}.sa-archive-toolbar strong{color:var(--sa-dark);font-size:.9rem}.sa-archive-toolbar a{font-size:.78rem;font-weight:800;color:#2e89c5}
.sa-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.sa-empty-state{background:#fff;border:1px solid var(--sa-border);border-radius:22px;padding:56px 34px;text-align:center;box-shadow:0 14px 40px rgba(48,72,88,.05)}
.sa-empty-state__icon{width:62px;height:62px;border-radius:18px;margin:0 auto 18px;display:grid;place-items:center;background:var(--sa-ice);color:#2e8bc7;font-size:1.65rem}
.sa-empty-state h2{font-size:1.45rem;margin:0 0 10px}.sa-empty-state p{max-width:560px;margin:0 auto 22px;color:#76848d}
.sa-pagination{margin-top:34px}.sa-pagination .nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.sa-pagination .page-numbers{min-width:42px;height:42px;padding:0 13px;border-radius:10px;background:#fff;border:1px solid var(--sa-border);display:grid;place-items:center;color:var(--sa-dark);font-size:.78rem;font-weight:800}.sa-pagination .page-numbers.current,.sa-pagination .page-numbers:hover{background:var(--sa-blue);border-color:var(--sa-blue);color:#fff}

/* Blog editorial */
.sa-blog{background:#fff;min-height:70vh}
.sa-blog-hero{padding:72px 0 40px;background:linear-gradient(180deg,#f5fbfe 0%,#fff 100%)}
.sa-blog-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.sa-blog-heading h1{font-size:clamp(2.7rem,6vw,5rem);line-height:.94;letter-spacing:-.055em;margin:0;color:var(--sa-dark)}.sa-blog-heading p{max-width:520px;margin:0;color:#71808a}
.sa-blog-featured{display:grid;grid-template-columns:1.15fr .85fr;background:#303940;border-radius:28px;overflow:hidden;min-height:480px;box-shadow:0 30px 70px rgba(38,52,61,.17)}
.sa-blog-featured__media{display:block;min-height:360px;background:linear-gradient(135deg,#8fd0f2,#dff3fc);position:relative;overflow:hidden}.sa-blog-featured__media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.sa-blog-featured__fallback{height:100%;display:grid;place-items:center;font-size:5rem;font-weight:900;letter-spacing:-.06em;color:rgba(255,255,255,.72)}
.sa-blog-featured__body{padding:48px;display:flex;flex-direction:column;justify-content:center}.sa-blog-featured__label{display:inline-flex;align-self:flex-start;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;color:#9ed8f5;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:900;margin-bottom:20px}.sa-blog-featured h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 18px}.sa-blog-featured h2 a{color:#fff}.sa-blog-featured p{color:#bdc7cd;margin:0 0 25px}.sa-blog-featured__meta{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#8fa1ab;margin-bottom:16px}.sa-blog-featured .sa-readmore{color:#8fd0f2;font-size:.8rem}
.sa-blog-nav{padding:24px 0;border-bottom:1px solid var(--sa-border);background:#fff;position:sticky;top:0;z-index:5}.admin-bar .sa-blog-nav{top:32px}.sa-blog-nav__inner{display:flex;gap:9px;align-items:center;overflow:auto;scrollbar-width:none}.sa-blog-nav__inner::-webkit-scrollbar{display:none}.sa-blog-pill{white-space:nowrap;display:inline-flex;padding:9px 14px;border-radius:999px;background:#f3f8fb;border:1px solid #e0ebf1;color:#53616a;font-size:.74rem;font-weight:800;transition:.18s}.sa-blog-pill:hover{background:var(--sa-ice);border-color:#bddff1;color:#257fb9}.sa-blog-pill--all{background:var(--sa-dark);border-color:var(--sa-dark);color:#fff}.sa-blog-pill--all:hover{background:#202b31;color:#fff}
.sa-blog-content{padding:64px 0 90px}.sa-blog-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}.sa-blog-section-head h2{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.035em;margin:0}.sa-blog-section-head p{margin:0;color:#7a8790;font-size:.9rem}
.sa-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.sa-blog-card{border:1px solid var(--sa-border);border-radius:20px;overflow:hidden;background:#fff;transition:.2s;display:flex;flex-direction:column}.sa-blog-card:hover{transform:translateY(-5px);box-shadow:var(--sa-shadow);border-color:#c7e3f2}.sa-blog-card__media{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#eef8fd,#dceef8);overflow:hidden}.sa-blog-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.sa-blog-card:hover .sa-blog-card__media img{transform:scale(1.035)}.sa-blog-card__fallback{height:100%;display:grid;place-items:center;color:#82c5e9;font-size:2rem;font-weight:900}.sa-blog-card__body{padding:22px;display:flex;flex-direction:column;flex:1}.sa-blog-card__category{font-size:.66rem;color:#2e89c5;text-transform:uppercase;letter-spacing:.09em;font-weight:900;margin-bottom:9px}.sa-blog-card h3{font-size:1.16rem;line-height:1.25;margin:0 0 10px}.sa-blog-card h3 a{color:var(--sa-dark)}.sa-blog-card p{font-size:.84rem;color:#78858e;margin:0 0 18px}.sa-blog-card__footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.7rem;color:#98a2a8}.sa-blog-card__footer a{font-weight:800}

@media(max-width:1024px){.sa-archive-grid,.sa-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-blog-featured{grid-template-columns:1fr}.sa-blog-featured__media{min-height:420px}.sa-blog-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:767px){.search-form{align-items:stretch;flex-direction:column}.search-form .search-submit{width:100%}.sa-archive{padding:28px 0 64px}.sa-archive-hero{padding:30px 25px;border-radius:20px}.sa-archive-grid,.sa-blog-grid{grid-template-columns:1fr}.sa-blog-hero{padding:48px 0 28px}.sa-blog-featured{border-radius:20px}.sa-blog-featured__media{min-height:260px}.sa-blog-featured__body{padding:30px 25px}.sa-blog-nav{position:relative;top:auto}.admin-bar .sa-blog-nav{top:auto}.sa-blog-content{padding:48px 0 70px}.sa-blog-section-head{align-items:flex-start;flex-direction:column}}


/* =========================================================
   Cabecera de marca + buscador global · v2.3
   ========================================================= */
/* La zona del logotipo deja de heredar el fondo del Customizer de Astra. */
#masthead .ast-above-header-bar,
#masthead .ast-primary-header-bar,
#masthead .site-primary-header-wrap,
#masthead .ast-builder-grid-row-container.ast-builder-grid-row-tablet-full,
.site-header-primary-section-left,
.site-header-primary-section-center,
.site-header-primary-section-right{
    background:transparent!important;
}

#masthead .ast-primary-header-bar{
    background:linear-gradient(135deg,#ffffff 0%,#f5fbff 54%,#edf8fe 100%)!important;
    border-bottom:1px solid #dceaf2!important;
    box-shadow:none!important;
}

/* Si el menu esta configurado en la fila inferior de Astra, se mantiene blanco. */
#masthead .ast-below-header-bar{
    background:#ffffff!important;
    border-top:0!important;
    border-bottom:1px solid var(--sa-border)!important;
    box-shadow:0 8px 26px rgba(45,75,94,.045)!important;
}

/* Evita que un color configurado en Astra pinte los contenedores internos. */
#masthead .ast-builder-grid-row-container,
#masthead .ast-builder-grid-row{
    background-color:transparent!important;
}

.sa-site-search{
    position:relative;
    z-index:8;
    background:linear-gradient(180deg,#ffffff 0%,#f8fcfe 100%);
    border-bottom:1px solid var(--sa-border);
}
.sa-site-search__inner{
    min-height:72px;
    display:grid;
    grid-template-columns:auto minmax(280px,680px);
    align-items:center;
    justify-content:space-between;
    gap:32px;
    padding-block:12px;
}
.sa-site-search__intro{
    display:flex;
    align-items:center;
    gap:11px;
    color:#667680;
    font-size:.78rem;
    font-weight:700;
    white-space:nowrap;
}
.sa-site-search__intro:before{
    content:"";
    width:24px;
    height:2px;
    border-radius:999px;
    background:var(--sa-blue);
}
.sa-site-search__form{
    position:relative;
    width:100%;
    margin:0;
}
.sa-site-search__form label{
    display:block;
    margin:0;
}
.sa-site-search__form .search-field{
    width:100%!important;
    height:48px!important;
    margin:0!important;
    padding:0 122px 0 48px!important;
    border:1px solid #d7e7ef!important;
    border-radius:999px!important;
    background:#fff!important;
    color:var(--sa-dark)!important;
    font-size:.86rem!important;
    box-shadow:0 8px 24px rgba(47,77,95,.055)!important;
    outline:none!important;
    transition:border-color .18s,box-shadow .18s!important;
}
.sa-site-search__form .search-field:focus{
    border-color:#91cdef!important;
    box-shadow:0 0 0 4px rgba(74,163,223,.11),0 9px 26px rgba(47,77,95,.06)!important;
}
.sa-site-search__form:before{
    content:"⌕";
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-51%);
    color:#3c96cf;
    font-size:1.4rem;
    line-height:1;
    pointer-events:none;
    z-index:2;
}
.sa-site-search__form .search-submit{
    position:absolute!important;
    right:5px!important;
    top:5px!important;
    width:auto!important;
    height:38px!important;
    min-height:0!important;
    margin:0!important;
    padding:0 20px!important;
    border:0!important;
    border-radius:999px!important;
    background:var(--sa-blue)!important;
    color:#fff!important;
    font-size:.75rem!important;
    line-height:38px!important;
    font-weight:800!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
.sa-site-search__form .search-submit:hover,
.sa-site-search__form .search-submit:focus{
    background:#318fc9!important;
    transform:none!important;
}

@media(max-width:921px){
    .sa-site-search__inner{grid-template-columns:1fr;gap:8px;min-height:auto;padding-block:13px 16px}
    .sa-site-search__intro{font-size:.72rem}
}
@media(max-width:544px){
    .sa-site-search__intro{white-space:normal}
    .sa-site-search__form .search-field{height:46px!important;padding-left:43px!important;padding-right:103px!important}
    .sa-site-search__form .search-submit{height:36px!important;line-height:36px!important;padding:0 15px!important;font-size:.7rem!important}
    .sa-site-search__form:before{left:15px}
}


/* =========================================================
   SOBRE AUTOMÓVIL 2.4 — MÁS AIRE Y RITMO VERTICAL
   ========================================================= */

/* Cabecera: separa identidad, navegación y buscador */
.site-primary-header-wrap,
.ast-primary-header-bar {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
}

.ast-builder-menu-1,
.main-header-menu {
    padding-top: 10px;
    padding-bottom: 10px;
}

.sa-search-strip {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

/* Portada: que el hero no arranque pegado al buscador */
.sa-hero {
    margin-top: 42px !important;
    padding-top: clamp(76px, 8vw, 132px) !important;
    padding-bottom: clamp(84px, 9vw, 144px) !important;
}

.sa-hero__inner,
.sa-container {
    width: min(1180px, calc(100% - 48px));
    margin-left: auto;
    margin-right: auto;
}

.sa-hero__eyebrow {
    margin-bottom: 28px !important;
}

.sa-hero h1,
.sa-hero__title {
    margin-bottom: 30px !important;
    line-height: .94 !important;
}

.sa-hero p,
.sa-hero__lead {
    margin-top: 0 !important;
    margin-bottom: 34px !important;
    line-height: 1.75 !important;
}

.sa-hero__actions {
    margin-top: 36px !important;
    gap: 18px !important;
}

/* Tarjeta/ilustración del hero */
.sa-hero__visual,
.sa-hero-visual,
.sa-hero__card {
    margin-top: 18px;
}

/* Secciones de portada: separación generosa */
.sa-section,
.sa-home-section,
.sa-learning,
.sa-subjects,
.sa-method,
.sa-latest,
.sa-library {
    padding-top: clamp(84px, 9vw, 136px) !important;
    padding-bottom: clamp(84px, 9vw, 136px) !important;
}

.sa-section + .sa-section,
.sa-home-section + .sa-home-section {
    border-top: 1px solid rgba(45, 61, 72, .07);
}

.sa-section-header,
.sa-section__header {
    margin-bottom: 50px !important;
}

.sa-grid,
.sa-cards,
.sa-subject-grid,
.sa-post-grid {
    gap: 28px !important;
}

/* Tarjetas: más espacio interior */
.sa-card,
.sa-subject-card,
.sa-post-card,
.sa-step,
.sa-feature-card {
    padding: clamp(28px, 3vw, 38px) !important;
}

/* Blog y categorías */
.sa-blog-hero,
.sa-archive-hero {
    margin-top: 48px !important;
    padding-top: clamp(72px, 8vw, 118px) !important;
    padding-bottom: clamp(62px, 7vw, 104px) !important;
}

.sa-featured-post,
.sa-blog-featured,
.sa-archive-content {
    margin-top: 48px !important;
}

.sa-blog-filters,
.sa-category-nav {
    margin-top: 36px !important;
    margin-bottom: 48px !important;
}

/* Contenido estándar de WordPress */
.site-content {
    padding-top: 34px;
    padding-bottom: 70px;
}

.ast-container {
    padding-left: 28px;
    padding-right: 28px;
}

/* Responsive */
@media (max-width: 921px) {
    .sa-search-strip {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    .sa-hero {
        margin-top: 24px !important;
        padding-top: 64px !important;
        padding-bottom: 76px !important;
    }

    .sa-section,
    .sa-home-section,
    .sa-learning,
    .sa-subjects,
    .sa-method,
    .sa-latest,
    .sa-library {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }
}

@media (max-width: 544px) {
    .sa-hero__inner,
    .sa-container {
        width: min(100% - 30px, 1180px);
    }

    .sa-hero {
        margin-top: 16px !important;
        padding-top: 52px !important;
        padding-bottom: 62px !important;
    }

    .sa-section,
    .sa-home-section,
    .sa-learning,
    .sa-subjects,
    .sa-method,
    .sa-latest,
    .sa-library {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }

    .sa-grid,
    .sa-cards,
    .sa-subject-grid,
    .sa-post-grid {
        gap: 20px !important;
    }
}


/* =========================================================
   SOBRE AUTOMÓVIL 2.5 — NAVEGACIÓN MÁS COMPACTA
   ========================================================= */

/*
 * En 2.4 aumentamos el aire global.
 * Aquí compactamos exclusivamente la fila del menú principal.
 */

/* Fila de navegación de Astra */
.ast-primary-header-bar,
.site-primary-header-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Altura visual de la fila donde vive el menú */
.ast-primary-header-bar .site-primary-header-wrap {
    min-height: 78px !important;
}

/* Contenedor de navegación */
.ast-builder-menu-1,
.ast-builder-menu-1 .main-header-menu,
.main-header-menu {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Enlaces: cómodos pero sin crear una franja gigante */
.ast-builder-menu-1 .menu-item > .menu-link,
.main-header-menu > .menu-item > .menu-link {
    min-height: 78px !important;
    height: 78px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Evitar alturas heredadas de Astra/Customizer */
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: normal !important;
}

/* Mantener separación limpia entre menú y buscador */
.sa-search-strip {
    margin-top: 0 !important;
    border-top: 1px solid rgba(74, 163, 223, .14);
}

/* Tablet */
@media (max-width: 921px) {
    .ast-primary-header-bar .site-primary-header-wrap {
        min-height: 68px !important;
    }

    .ast-builder-menu-1 .menu-item > .menu-link,
    .main-header-menu > .menu-item > .menu-link {
        min-height: 68px !important;
        height: 68px !important;
    }
}

/* Móvil: Astra controla el menú desplegable; no forzamos altura fija */
@media (max-width: 544px) {
    .ast-builder-menu-1 .menu-item > .menu-link,
    .main-header-menu > .menu-item > .menu-link {
        min-height: auto !important;
        height: auto !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
}