/* Sin relleno global del tema: la cabecera va de borde a borde */
body{padding:0!important}
.wp-site-blocks{padding:0!important}
/* Tema Ventas al por menor · ajustes de maquetación sobre los estilos del plugin VPM Core. */
:root{--blue:#4B82C9;--blue-600:#3B6FB5;--green:#B9DF35;--green-600:#a6cc22;--navy:#203B5B;--bg:#F5F7FA;--text:#202833;--muted:#657285;--line:#e2e8f0;--radius:14px;--shadow:0 1px 2px rgba(32,40,51,.06),0 6px 18px rgba(32,40,51,.07)}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
.wp-site-blocks{padding:0}
.wp-site-blocks>*+*{margin-block-start:0}
/* La cabecera (barra superior + buscador + menú) es un único bloque: se deja que .sticky se pegue al navegador */
header.wp-block-template-part{display:contents}
body.admin-bar .sticky{top:32px}
@media (max-width:782px){body.admin-bar .sticky{top:46px}}

/* Contenido normal de páginas y entradas */
.vpm-main{min-height:50vh}
.vpm-page{max-width:1100px;margin:0 auto;padding:28px 20px 60px}
.vpm-page .wp-block-post-title{font-size:clamp(26px,3.2vw,36px);margin-bottom:18px}
.vpm-page .entry-content :is(ul,ol){padding-left:1.4em}
.vpm-page .entry-content ul{list-style:disc}
.vpm-page .entry-content ol{list-style:decimal}
.vpm-wc{max-width:1440px;margin:0 auto;padding:22px 20px 60px}
.vpm-wc .woocommerce-products-header__title,.vpm-wc .page-title{font-size:clamp(22px,2.6vw,30px);color:var(--navy)}

/* Botones de bloques */
.wp-block-button__link{transition:filter .15s,background .15s}
.wp-block-button.is-style-vpm-green .wp-block-button__link{background:var(--green);color:var(--navy)}
.wp-block-button.is-style-vpm-green .wp-block-button__link:hover{background:var(--green-600)}
.wp-block-button.is-style-vpm-line .wp-block-button__link{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}

/* Promociones, vende con nosotros y beneficios (bloques core editables) */
.sec.promos .promo>.wp-block-group:first-child{display:block}
.promo .wp-block-heading{color:inherit;margin:8px 0 14px}
.promo .pill{margin:0}
.sell-band .wp-block-heading{color:#fff}
.sell-band .steps{padding:0;list-style:none}
.steps li{display:block}
.steps li{position:relative;padding-left:64px}
.steps li::before{position:absolute;left:16px;top:14px}
.steps li strong{display:block}
.ben{align-items:flex-start}
.ben .em{margin:0}
.ben .wp-block-heading{font-size:16px;margin:0 0 2px}

/* Pie de página (bloques core) */
.vpm-footer{background:var(--navy);color:#c9d6e6}
.vpm-footer .wp-block-heading{color:#fff;font-size:15px;margin-bottom:12px}
.vpm-footer a{color:inherit;text-decoration:none}
.vpm-footer a:hover{color:var(--green)}
.vpm-footer ul{list-style:none;padding:0;margin:0}
.vpm-footer li a{display:block;padding:4px 0;font-size:14px}
.vpm-footer .f-brand .lw{display:inline-block;background:#fff;padding:10px 14px;border-radius:12px}
.vpm-footer .f-brand p{font-size:14px;margin:12px 0 16px;max-width:34ch}
.vpm-footer .f-bot{border-top:1px solid rgba(255,255,255,.12);padding:16px 20px;font-size:13px}
.vpm-footer .f-grid{max-width:1440px;margin:0 auto;gap:34px}
@media (max-width:900px){.vpm-footer .f-grid{grid-template-columns:1fr 1fr!important}}
@media (max-width:640px){.vpm-footer .f-grid{grid-template-columns:1fr!important}}

/* Espaciado del inicio: los beneficios no se pegan a la banda de vender, y el pie queda a una distancia cómoda */
.vpm-main .sec.benefits{margin-top:24px!important;margin-bottom:0}
.home .vpm-main{padding-bottom:0}
.home .vpm-main .sec.benefits{margin-bottom:0}
/* El pie siempre queda abajo del todo, sin franja clara debajo en páginas cortas */
.wp-site-blocks{min-height:100vh;display:flex;flex-direction:column}
.wp-site-blocks>.vpm-main,.wp-site-blocks>main{flex:1 0 auto}
.wp-site-blocks>footer{margin:0!important}
/* La línea y el contenido inferior del pie alinean con el resto del contenido */
.vpm-footer .f-bottom,.vpm-footer .f-copy{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
.vpm-footer .f-bot{border-top:0;position:relative}
.vpm-footer .f-bot::before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:rgba(255,255,255,.14)}
