/*
 Theme Name: Storefront Child EducaLudo
 Theme URI: https://educaludo.com/es
 Description: Tema hijo personalizado de Storefront para EducaLudo®
 Author: David Flores Corral
 Template: storefront
 Text Domain: storefront-child
*/


/* Aquí podrás agregar tus estilos personalizados */
/* ===============================================================================================================================
   Estilo Profesional EducaLudo® Premium
   ============================ ====================================================================================================*/

/* ============================================================
   SISTEMA VISUAL EDUCALUDO® PREMIUM — STORE FRONT CHILD THEME
   Mantenimiento fácil, edición modular y estructura Iridio+++
   ============================================================ */


/* ============================================================
   CONFIGURACIÓN GLOBAL Y BASE DE DISEÑO
   ============================================================ */

/* Fondo general con transición suave */
body {
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 70%, #fdfdfd 100%);
  scroll-behavior: smooth;
}

/* Transiciones globales suaves */
* {
  transition: all 0.25s ease !important;
}




/* ============================================================
  BOTONES GENERALES Y EFECTOS HOVER
   ============================================================ */

/* Botones base WooCommerce y genéricos */
.button,
.wp-element-button,
.add_to_cart_button,
.single_add_to_cart_button {
  background-color: #00BFFF !important;
  color: #000 !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  transition: all 0.3s ease !important;
}

/* Efecto hover suave */
.button:hover,
.wp-element-button:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover {
  background-color: #00A5E0 !important;
  color: #000 !important;
  box-shadow: 0 0 20px rgba(0, 191, 255, 0.6) !important;
  transform: translateY(-3px) scale(1.05);
}

/* Transición visual al pasar el cursor */
.button,
.wp-element-button,
.add_to_cart_button,
.single_add_to_cart_button {
  transition: all 0.3s ease-in-out !important;
}





/* ============================================================
   FORMULARIOS Y BLOQUES WOOCOMMERCE
   ============================================================ */

/* Tablas del carrito y checkout */
.woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table {
  border: none !important;
  background-color: #ffffff !important;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08) !important;
  border-radius: 10px !important;
  padding: 10px !important;
}

/* Encabezados de secciones */
.woocommerce h2, 
.woocommerce h3 {
  color: #333 !important;
  font-weight: 700 !important;
  border-left: 5px solid #00BFFF !important;
  padding-left: 10px !important;
}

/* Botón “Finalizar compra” */
.checkout-button,
.woocommerce-cart .button.checkout {
  background-color: #00BFFF !important;
  color: #000 !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 600 !important;
  width: 100% !important;
  transition: all 0.3s ease !important;
}

.checkout-button:hover {
  background-color: #00A5E0 !important;
  transform: scale(1.03);
}

/* Campos de formulario */
.woocommerce input.input-text, 
.woocommerce select, 
.woocommerce textarea {
  border-radius: 6px !important;
  border: 1px solid #ddd !important;
  padding: 10px !important;
  font-size: 15px !important;
}




/* ============================================================
   ELIMINAR TÍTULOS AUTOMÁTICOS DE PÁGINA (GLOBAL)
   ============================================================ */

/* WordPress / Storefront */
.entry-header,
.entry-title,
.page-title,
.page-header,
.woocommerce-products-header,
.woocommerce-products-header__title {
    display: none !important;
}
/* ============================================================
   REDUCCIÓN DE ESPACIOS HEADER → CONTENIDO
   ============================================================ */

/* Contenedor principal */
.site-content {
    padding-top: 10px !important;
    margin-top: 0 !important;
}

/* Página individual */
.page .site-content,
.single .site-content {
    padding-top: 10px !important;
}

/* Entrada del contenido */
.entry-content,
.type-page {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Primer bloque interno (seguridad extra) */
.entry-content > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Páginas editoriales (no tienda) */
body.page:not(.woocommerce-page) .site-content {
    padding-top: 6px !important;
}





/* ============================================================
   REDUCIR ESPACIO CONTENIDO → FOOTER (GLOBAL)
   ============================================================ */

/* Contenedor principal de contenido */
.site-content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Páginas estándar */
.page .site-content,
.single .site-content {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Contenido interno */
.entry-content,
.type-page,
.type-post {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Último elemento dentro del contenido */
.entry-content > *:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Wrapper principal de Storefront */
#primary,
#main {
    margin-bottom: 3 !important;
    padding-bottom: 3 !important;
}

/* Seguridad extra: col-full suele meter aire */
.col-full {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
body.page:not(.woocommerce-page) .entry-content {
    padding-bottom: 4px !important;
}