/*
Theme Name: Blank Canvas
Theme URI: https://wordpress.com/theme/blank-canvas
Author: Automattic
Author URI: https://automattic.com/
Description: Blank Canvas is a minimalist theme, designed for single-page websites.
Requires at least: 4.9.6
Tested up to: 5.6
Requires PHP: 5.6.2
Version: 1.2.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: seedlet
Text Domain: blank-canvas
*/
@import "variables.css";

.single .site-main > article,
.page .site-main > article { margin-bottom: 0; }

.entry-header, .page-title, .entry-footer, .site-info, .footer-menu { text-align: center; }

body, html {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100% !important;
}

.site, .site-content, #primary, #main, .entry-content, .entry-content > * {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Tipografía desktop */
.vdm-hero h1 { font-size: 80px !important; }
.vdm-title { font-size: 52px !important; }
.vdm-logo-text { font-size: 28px !important; letter-spacing: 5px !important; }
.vdm-hero p { font-size: 18px !important; }
.vdm-sub { font-size: 16px !important; }
.combo-name { font-size: 24px !important; }
.combo-desc { font-size: 14px !important; }
.vdm-nav-links { font-size: 13px !important; }
.step-title { font-size: 26px !important; }
.step-desc { font-size: 15px !important; }
.product-name { font-size: 22px !important; }
.product-desc { font-size: 13px !important; }

/* Desktop grande */
@media (min-width: 769px) {
    .vdm-hero h1 { font-size: 90px !important; }
}

/* Mobile */
@media (max-width: 768px) {
  .vdm-nav { justify-content: center; padding: 16px 5% !important; }
  .vdm-nav-links { display: none !important; }
  .vdm-hero-deco { display: none; }
  .vdm-hero { min-height: 80svh !important; padding: 50px 6% !important; }
  .vdm-hero h1 { font-size: 48px !important; line-height: 1.1 !important; }
  .vdm-eyebrow { font-size: 10px !important; }
  .vdm-hero p { font-size: 16px !important; }
  .vdm-logo-text { font-size: 22px !important; letter-spacing: 3px !important; }
  .vdm-logo-sub { font-size: 9px !important; }
  .vdm-title { font-size: 40px !important; }
  .vdm-sub { font-size: 15px !important; }
  .vdm-section, .vdm-products, .vdm-how, .vdm-quote { padding: 60px 6% !important; }
  .combos-grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .combo-name { font-size: 20px !important; }
  .combo-desc { font-size: 13px !important; }
  .products-grid { grid-template-columns: 1fr !important; }
  .product-name { font-size: 22px !important; }
  .steps { gap: 32px !important; grid-template-columns: 1fr !important; }
  .step { border-left: none !important; padding-left: 0 !important; border-top: 0.5px solid #2a2520 !important; padding-top: 28px !important; }
  .step:first-child { border-top: none !important; padding-top: 0 !important; }
  .step-title { font-size: 26px !important; }
  .step-desc { font-size: 14px !important; }
  .quote-text { font-size: 38px !important; }
  .vdm-band { gap: 10px !important; padding: 12px 4% !important; }
  .vdm-band span { font-size: 10px !important; }
  .btn-gold, .btn-outline { padding: 13px 24px !important; font-size: 12px !important; }
  .vdm-footer { flex-direction: column !important; text-align: center !important; padding: 32px 6% !important; }
  .vdm-btns { gap: 12px !important; }
}

/* Ocultar título de página y footer de Hostinger */
.entry-header,
.page-title,
h1.entry-title { display: none !important; }

.site-footer,
.footer-widgets,
#colophon { display: none !important; }