/* Innovar Base — estilos mínimos. La maqueta la pone Elementor. */

*,*::before,*::after{box-sizing:border-box}
body{margin:0;color:var(--color-texto);background:var(--color-fondo);font-family:var(--fuente-base);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img,video,iframe{max-width:100%;height:auto}
a{color:var(--color-secundario)}
a:hover{color:var(--color-principal)}
h1,h2,h3,h4,h5,h6{margin:0 0 .5em;line-height:1.25;color:var(--color-principal);font-weight:600}
p,ul,ol,figure,table{margin:0 0 1.2em}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.saltar{position:absolute;left:-9999px;top:0;background:#fff;padding:12px 18px;z-index:9999}
.saltar:focus{left:8px;top:8px}
:focus-visible{outline:2px solid var(--color-secundario);outline-offset:2px}

.contenedor{width:100%;max-width:var(--ancho-contenido);margin:0 auto;padding:0 20px}

/* Botones */
.boton{display:inline-block;padding:12px 22px;border:1px solid var(--color-principal);
  color:var(--color-principal);text-decoration:none;border-radius:4px;transition:.2s}
.boton:hover{background:var(--color-principal);color:#fff}
.boton--solido{background:var(--color-principal);color:#fff}
.boton--solido:hover{background:var(--color-secundario);border-color:var(--color-secundario);color:#fff}

/* Cabecera */
.sitio__cabecera{background:#fff;border-bottom:1px solid #e9ebef;position:sticky;top:0;z-index:50}
.cabecera__barra{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 20px}
.cabecera__logo img{max-height:56px;width:auto}
.sitio__nombre{font-size:20px;font-weight:600;color:var(--color-principal);text-decoration:none}
.cabecera__navegacion .menu{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.cabecera__navegacion a{color:var(--color-texto);text-decoration:none;font-size:15px}
.cabecera__navegacion a:hover{color:var(--color-secundario)}
.cabecera__navegacion .sub-menu{display:none;position:absolute;background:#fff;border:1px solid #e9ebef;
  list-style:none;margin:8px 0 0;padding:8px 0;min-width:210px;border-radius:4px}
.cabecera__navegacion li{position:relative}
.cabecera__navegacion li:hover>.sub-menu,.cabecera__navegacion li:focus-within>.sub-menu{display:block}
.cabecera__navegacion .sub-menu a{display:block;padding:8px 16px}
.cabecera__menu-boton{display:none;background:none;border:0;font-size:22px;cursor:pointer;color:var(--color-principal)}

/* Estructura */
.sitio__contenido{display:block}
.pagina{padding:40px 0 60px}
.pagina--canvas{padding:0;max-width:none}
.pagina--centrada{text-align:center;max-width:640px}
.pagina--con-lateral{display:grid;grid-template-columns:1fr 300px;gap:44px;align-items:start}
.sin-lateral .pagina--con-lateral{grid-template-columns:1fr}
.pagina__titulo{font-size:clamp(26px,3.4vw,38px)}

/* Migas */
.migas{font-size:13px;margin-bottom:18px;color:#6b7076}
.migas a{color:#6b7076;text-decoration:none}
.migas a:hover{color:var(--color-secundario)}

/* Listados */
.lista-entradas{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}
.tarjeta{border:1px solid #e9ebef;border-radius:6px;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.tarjeta__imagen img{display:block;width:100%;object-fit:cover}
.tarjeta__cuerpo{padding:18px}
.tarjeta__titulo{font-size:19px;margin-bottom:6px}
.tarjeta__titulo a{color:var(--color-principal);text-decoration:none}
.entrada__meta{font-size:13px;color:#6b7076;margin-bottom:10px}
.tarjeta__resumen{font-size:14px}
.tarjeta__enlace{font-size:14px;font-weight:600;text-decoration:none}

/* Entrada */
.entrada__imagen{margin:0 0 26px}
.entrada__cuerpo img{border-radius:4px}
.entrada__cuerpo blockquote{margin:0 0 1.2em;padding:14px 20px;border-left:3px solid var(--color-secundario);background:#f6f8fb}
.post-navigation{margin-top:40px;display:flex;justify-content:space-between;gap:20px;font-size:14px}

/* Lateral y widgets */
.widget{margin-bottom:30px;font-size:15px}
.widget__titulo{font-size:16px;text-transform:uppercase;letter-spacing:.08em}
.widget ul{list-style:none;margin:0;padding:0}
.widget li{padding:6px 0;border-bottom:1px solid #eef0f3}

/* Buscador */
.buscador{display:flex;gap:8px;margin-bottom:24px}
.buscador__campo{flex:1;padding:11px 14px;border:1px solid #d7dbe0;border-radius:4px;font:inherit}

/* Pie */
.sitio__pie{background:#f6f8fb;border-top:1px solid #e9ebef;margin-top:60px;padding:48px 0 20px;font-size:14px}
.pie__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:36px}
.pie__marca img{max-height:70px;width:auto;margin-bottom:12px}
.pie__dato{margin:0 0 4px;color:#5b6167}
.pie__navegacion .menu,.menu--legal{list-style:none;margin:0;padding:0}
.pie__navegacion a,.menu--legal a{color:var(--color-texto);text-decoration:none}
.pie__navegacion li,.menu--legal li{padding:4px 0}
.pie__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;
  border-top:1px solid #e4e8ee;margin-top:36px;padding-top:16px;font-size:13px;color:#6b7076}
.menu--legal{display:flex;gap:18px}

/* WhatsApp flotante */
.wa-flotante{position:fixed;right:18px;bottom:18px;z-index:60;background:#25d366;color:#fff;
  padding:12px 18px;border-radius:40px;text-decoration:none;font-size:14px;box-shadow:0 6px 18px #0003}
.wa-flotante:hover{color:#fff;filter:brightness(.95)}

/* Paginación */
.pagination{margin-top:36px;display:flex;gap:8px;flex-wrap:wrap}
.pagination .page-numbers{padding:8px 13px;border:1px solid #d7dbe0;border-radius:4px;text-decoration:none}
.pagination .current{background:var(--color-principal);color:#fff;border-color:var(--color-principal)}

/* Comentarios */
.comentarios{margin-top:50px}
.comentarios__lista{list-style:none;padding:0}
.comentarios__lista .children{list-style:none;padding-left:24px}

/* Responsive */
@media (max-width:900px){
  .pagina--con-lateral{grid-template-columns:1fr}
  .pie__grid{grid-template-columns:1fr}
  .cabecera__menu-boton{display:block;order:3}
  .cabecera__navegacion{display:none;order:4;width:100%}
  .cabecera__navegacion.abierto{display:block}
  .cabecera__navegacion .menu{flex-direction:column;gap:0}
  .cabecera__navegacion .menu>li{border-top:1px solid #eef0f3;padding:10px 0}
  .cabecera__navegacion .sub-menu{position:static;border:0;padding:4px 0 0 14px}
  .cabecera__acciones{order:2}
}

@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;transition-duration:.001ms!important}
}