/*
Theme Name: Maximus Energy (Blocksy Child)
Template: blocksy
Version: 1.0.1
Text Domain: blocksy-child
Description: Child theme aplicando la identidad de marca (negro, fuego naranja, dorado) sobre Blocksy. No modifica el tema original.
*/

/* El logo nuevo es más ancho (más aire entre casco y texto), así que en mobile
   necesita menos altura para no encimarse con el carrito/menú */
@media (max-width: 767px) {
  .site-logo-container img.default-logo {
    max-height: 55px !important;
    height: 55px !important;
    width: auto !important;
  }
}

:root{
  --max-ink:#0b0906;
  --max-ink-2:#161210;
  --max-flame:#ff6a1a;
  --max-flame-deep:#c7361b;
  --max-gold:#d9a441;
  --max-gold-soft:#f0cd7a;
  --max-bone:#f7f0e4;
  --max-text-dark:#f5ede2;
  --max-text-dark-dim:#c9b8a8;
  --max-border-dark:rgba(245,237,226,0.14);
}

/* Tipografía de marca */
body, p, li, input, textarea, select, button,
.woocommerce, .max-trust p, .max-dossier p, .max-warning p, .max-reviews-empty p {
  font-family: 'Barlow', -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.entry-title, .wp-block-heading,
.wp-block-button__link,
.max-cta-eyebrow, .eyebrow,
.woocommerce-loop-product__title, .price, .onsale {
  font-family: 'Oswald', -apple-system, "Segoe UI", Arial, sans-serif !important;
  letter-spacing: .01em;
}

/* Texto de descripción de producto: Blocksy lo pinta de naranja de acento por default,
   lo dejamos en texto normal legible y reservamos el naranja para títulos/CTAs/precios */
.woocommerce-Tabs-panel p,
.woocommerce-Tabs-panel li,
.woocommerce-product-details__short-description p,
.entry-summary > p,
.entry-summary .woocommerce-product-details__short-description p {
  color: var(--max-text-dark-dim) !important;
}
.woocommerce-Tabs-panel h1,
.woocommerce-Tabs-panel h2,
.woocommerce-Tabs-panel h3 {
  color: var(--max-flame) !important;
}

/* Quita el fondo de rayo azul del Customizer y pone un resplandor de marca */
body {
  background-image:
    radial-gradient(55% 45% at 12% 0%, rgba(255,106,26,0.10), transparent 70%),
    radial-gradient(45% 40% at 100% 15%, rgba(217,164,65,0.07), transparent 70%),
    radial-gradient(60% 50% at 50% 100%, rgba(255,106,26,0.06), transparent 70%) !important;
  background-color: var(--max-ink) !important;
  background-attachment: fixed !important;
}

/* Botones y enlaces de acento en todo el sitio (WooCommerce incluido) */
.ct-button,
.wp-block-button__link,
button[type="submit"],
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit,
.added_to_cart {
  background-color: var(--max-flame) !important;
  border-color: var(--max-flame) !important;
  color: #170d06 !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: .04em;
  border-radius: 3px !important;
  transition: background-color .15s ease, transform .15s ease;
}
.ct-button:hover,
.wp-block-button__link:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover {
  background-color: var(--max-gold-soft) !important;
  border-color: var(--max-gold-soft) !important;
  color: #170d06 !important;
  transform: translateY(-1px);
}

a, .ct-button.ghost-button { color: var(--max-flame); }
a:hover { color: var(--max-gold); }

/* Precios y ofertas de WooCommerce */
.woocommerce .price,
.price ins {
  color: var(--max-flame) !important;
  font-weight: 800;
}
.woocommerce .price del {
  color: var(--max-text-dark-dim);
  opacity: .7;
}
.onsale {
  background: var(--max-flame) !important;
  color: #170d06 !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: .04em;
  border-radius: 2px !important;
}

/* Tarjetas de producto en la tienda */
ul.products li.product {
  border: 1px solid var(--max-border-dark);
  padding: 1rem !important;
  transition: border-color .15s ease;
}
ul.products li.product:hover {
  border-color: var(--max-flame);
}
ul.products li.product .woocommerce-loop-product__title {
  font-weight: 800;
}

/* Formularios (incluye el de Contacto) */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
textarea,
select {
  border: 1px solid var(--max-border-dark) !important;
  border-radius: 2px !important;
  transition: border-color .15s ease;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
select:focus {
  border-color: var(--max-flame) !important;
  outline: none !important;
}
label { font-weight: 700; letter-spacing: .02em; }

/* WPForms (Contacto): las etiquetas venían en negro casi invisible sobre fondo oscuro */
.wpforms-field-label,
.wpforms-field-sublabel,
.wpforms-field-description,
.wpforms-container legend,
.wpforms-container label {
  color: var(--max-text-dark) !important;
}
.wpforms-required-label {
  color: var(--max-flame) !important;
}
.wpforms-container input[type="text"],
.wpforms-container input[type="email"],
.wpforms-container input[type="tel"],
.wpforms-container input[type="number"],
.wpforms-container textarea {
  background-color: var(--max-ink-2) !important;
  color: var(--max-text-dark) !important;
  border: 1px solid var(--max-border-dark) !important;
}
.wpforms-container input::placeholder,
.wpforms-container textarea::placeholder {
  color: var(--max-text-dark-dim) !important;
  opacity: .6;
}
.wpforms-submit-container .wpforms-submit,
button.wpforms-submit {
  background-color: var(--max-flame) !important;
  border-color: var(--max-flame) !important;
  color: #170d06 !important;
  font-family: 'Oswald', -apple-system, "Segoe UI", Arial, sans-serif !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* Encabezados: un poco más de peso y aire, tono "ficha técnica" */
h1, h2, h3, .entry-title, .wp-block-heading {
  letter-spacing: -0.01em;
}

/* Tipografía de marca en el logo de texto del header, si se usa */
.ct-header .site-logo a, .site-title a {
  color: var(--max-flame) !important;
}

/* ===== Header ===== */
.ct-menu-link {
  font-family: 'Oswald', -apple-system, "Segoe UI", Arial, sans-serif !important;
  font-weight: 600 !important;
  letter-spacing: .05em;
  color: var(--max-text-dark-dim) !important;
}
.ct-menu-link:hover,
.current-menu-item > .ct-menu-link,
.current_page_item > .ct-menu-link {
  color: var(--max-flame) !important;
}

.ct-header-cart,
.ct-cart-item,
.ct-header-search,
.ct-header-trigger {
  color: var(--max-text-dark) !important;
}
.ct-header-cart:hover,
.ct-cart-item:hover,
.ct-header-search:hover,
.ct-header-trigger:hover {
  color: var(--max-flame) !important;
}
.ct-cart-item .ct-amount,
.ct-header-cart .woocommerce-Price-amount {
  font-family: 'Oswald', -apple-system, "Segoe UI", Arial, sans-serif !important;
  font-weight: 700 !important;
}

/* El header comparte el mismo resplandor del body — sin corte duro entre header y contenido */
.ct-header,
.ct-header > div,
.ct-header [data-device],
.ct-header [data-row] {
  background-color: transparent !important;
  background-image: none !important;
}

/* ===== Bloques nuevos del Home ===== */
.max-cta-band { text-align: center; padding: 1.6rem 1rem 2.2rem; }
.max-cta-eyebrow {
  text-transform: uppercase; letter-spacing: .14em; font-weight: 800;
  color: var(--max-gold) !important; font-size: .85rem; margin-bottom: .4rem !important;
}

.max-trust {
  padding: 1.6rem 1rem; margin: 1.5rem 0;
  border-top: 1px solid var(--max-border-dark);
  border-bottom: 1px solid var(--max-border-dark);
}
.max-trust p { font-size: .9rem; }

.max-warning {
  max-width: 900px; margin: 2rem auto; padding: 1.2rem 1.6rem;
  border: 1px solid #7a2f1f; background: rgba(122,47,31,0.18); border-radius: 6px;
}
.max-warning p { font-size: .85rem; color: var(--max-text-dark-dim); }
.max-warning a { color: var(--max-flame) !important; text-decoration: underline; }

.max-video-row figure.wp-block-video {
  max-height: 480px; overflow: hidden; background: #000;
  display: flex; align-items: center; justify-content: center; border-radius: 4px;
}
.max-video-row video { max-height: 480px; width: 100%; object-fit: cover; }

.max-reviews-empty { max-width: 700px; margin: 0 auto; text-align: center; }
.max-reviews-empty p { color: var(--max-text-dark-dim); }

.max-btn-whatsapp .wp-block-button__link {
  background: #25D366 !important; color: #08150c !important; border-color: #25D366 !important;
}
.max-btn-whatsapp .wp-block-button__link:hover { background: #3fe07e !important; }

/* Botones estilo "outline" del editor de bloques */
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent !important;
  color: var(--max-flame) !important;
  border: 2px solid var(--max-flame) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--max-flame) !important;
  color: #170d06 !important;
}

/* Grid de productos incrustado vía shortcode en el Home */
.wp-block-shortcode ul.products { margin-top: 1.5rem; }

/* Hero de 2 columnas */
.max-hero { padding: 2.5rem 1rem 1.5rem; }
.max-hero h1 { font-size: clamp(2.2rem, 5vw, 3.4rem); line-height: 1.02; margin-bottom: .6rem !important; }
.max-hero p { color: var(--max-text-dark-dim); }
.max-price-anchor { font-size: 1.3rem !important; color: var(--max-text-dark) !important; margin: .8rem 0 1.2rem !important; }
.max-price-anchor strong { color: var(--max-flame); }
.max-hero-image img { border-radius: 8px; }

/* Franja de promo (carrusel original, ahora secundario) */
.max-promo-strip { max-width: 900px; margin: 1.5rem auto 2.5rem; border-radius: 8px; overflow: hidden; }

/* Grid "¿Para quién es?" y "Por qué Maximus" */
.max-audience-grid, .max-benefits { padding: 0 1rem 1rem; }
.max-audience-grid figure, .max-benefits figure { margin: 0 0 .6rem; border-radius: 6px; overflow: hidden; aspect-ratio: 3/2; }
.max-audience-grid img, .max-benefits img { width: 100%; height: 100%; object-fit: cover; }
.max-audience-grid p, .max-benefits p { font-size: .85rem; }

/* Ficha técnica */
.max-dossier {
  max-width: 1000px; margin: 0 auto; padding: 1.6rem 1.8rem;
  border: 1px solid var(--max-border-dark); border-radius: 6px;
}
.max-dossier p { font-size: .88rem; color: var(--max-text-dark-dim); margin-bottom: 1.2rem !important; }
.max-dossier p strong { color: var(--max-text-dark); font-size: .98rem; }

/* Franja extra del footer (marca / navegación / contacto) */
.max-footer-row {
  display: flex; justify-content: center; text-align: center; gap: 3.5rem; flex-wrap: wrap;
  max-width: 1100px; margin: 0 auto; padding: 3rem 1.5rem 2rem;
}
.max-footer-col { display: flex; flex-direction: column; align-items: center; gap: .6rem; min-width: 180px; }
.max-footer-brand {
  font-family: 'Oswald', -apple-system, "Segoe UI", Arial, sans-serif;
  font-weight: 800; font-size: 1.05rem; text-transform: uppercase; letter-spacing: .04em;
  color: var(--max-text-dark);
}
.max-footer-col p { color: var(--max-text-dark-dim); font-size: .85rem; max-width: 32ch; margin: 0; }
.max-footer-col a {
  color: var(--max-text-dark-dim); text-decoration: none; font-size: .85rem;
}
.max-footer-col a:hover { color: var(--max-flame); }
.max-footer-fineprint {
  max-width: 1100px; margin: 0 auto; padding: 0 1.5rem 1.6rem;
  font-size: .72rem; color: var(--max-text-dark-dim);
  border-top: 1px solid var(--max-border-dark); padding-top: 1.2rem;
}

/* Íconos de redes sociales sueltos (sección SÍGUENOS del Home) */
.max-social-icons {
  display: flex; justify-content: center; gap: 1rem; margin: 1.4rem 0 0;
}
.max-social-icons a {
  width: 42px; height: 42px; border-radius: 50%;
  border: 1px solid var(--max-border-dark);
  display: flex; align-items: center; justify-content: center;
  color: var(--max-gold); transition: border-color .15s ease, color .15s ease;
}
.max-social-icons a svg { width: 18px; height: 18px; fill: currentColor; }
.max-social-icons a:hover { border-color: var(--max-flame); color: var(--max-flame); }

/* Quita los íconos sociales nativos del footer de Blocksy: ya están en la sección Síguenos */
.ct-footer-socials { display: none !important; }

/* Intro de página (¿Cuándo usar Maximus?, etc.) */
.max-page-intro { max-width: 780px; margin: 1.5rem auto 2rem; padding: 0 1rem; }
.max-page-intro p { color: var(--max-text-dark-dim); font-size: 1rem; }

/* Cita destacada */
.max-pullquote {
  max-width: 700px; margin: 2.5rem auto; padding: 1.4rem 1.5rem;
  text-align: center;
  border-top: 3px solid var(--max-flame);
}
.max-pullquote h2 { font-size: clamp(1.5rem, 3vw, 2.1rem); margin-bottom: .5rem !important; }
.max-pullquote p { color: var(--max-text-dark-dim); }

/* Advertencias completas (página dedicada) */
.max-warning-full { max-width: 800px; }
.max-warning-full p { font-size: .92rem; }
.max-warning-full p strong { color: var(--max-text-dark); }