/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.9.2.1744379446
Updated: 2025-04-11 13:50:46

/* FORZAR SEPARACIÓN VERTICAL DEL FORMULARIO */
form.cart {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 20px !important;
  justify-items: center !important;
  width: 100% !important;
}


/* IMPORTAR FUENTE POPPINS */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');

/* CONTENEDOR GENERAL DEL WIDGET */
.dgwt-wcas-suggestion,
.ais-Hits-item {
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    color: #333;
}

/* BLOQUE DE RESULTADO */
.dgwt-wcas-suggestion-product,
.ais-Hits-item--product {
    border-bottom: 1px solid #eee;
    padding: 8px 12px;
    transition: background-color 0.3s ease;
}

.dgwt-wcas-suggestion-product:hover,
.ais-Hits-item--product:hover {
    background-color: #f7f7f7;
}

/* Arreglar bloque de precio personalizado */
.bloque-precio-personalizado {
    text-align: center;
    margin-bottom: 20px;
}

.bloque-precio-personalizado .linea-superior {
    font-size: 16px;
    font-weight: bold;
}

.bloque-precio-personalizado .linea-descuento {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 5px 0;
}

.bloque-precio-personalizado .linea-precios {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 5px;
}

.bloque-precio-personalizado .linea-iva {
    font-size: 14px;
    font-style: italic;
}


.descripcion-corta-examedic {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #0D3276;
    background-color: #fff;
    padding: 10px 0;
}

.descripcion-corta-examedic h1,
.descripcion-corta-examedic h2,
.descripcion-corta-examedic h3,
.descripcion-corta-examedic h4,
.descripcion-corta-examedic h5,
.descripcion-corta-examedic h6 {
    display: none !important;
}

/* ✅ Solo imágenes de productos WooCommerce */
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img,
.woocommerce div.product div.images img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important; /* asegura que no se deformen */
}



/* ===== Botón Mi cuenta ===== */
.menu-mi-cuenta {
  position: relative;
  display: inline-block;
  font-family: 'Poppins', sans-serif;
}

.btn-mi-cuenta {
  background: #0D3276;
  color: #fff;
  padding: 8px 14px;
  font-size: 15px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.btn-mi-cuenta:hover {
  background: #1a4a9e;
}

/* ===== Submenú desplegable ===== */
.submenu-mi-cuenta {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  width: 200px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  z-index: 9999;
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
}

.submenu-mi-cuenta li {
  margin: 0;
}

.submenu-mi-cuenta li a {
  display: block;
  padding: 10px 12px;
  text-decoration: none;
  color: #0D3276;
  font-size: 14px;
}

.submenu-mi-cuenta li a:hover {
  background: #f2f2f2;
}

/* Mostrar menú cuando tiene clase "activo" */
.menu-mi-cuenta.activo .submenu-mi-cuenta {
  display: block;
}





/* ===============================
   🎨 Paleta Medicalfit en :root
   =============================== */
:root {
  --uicore_primary: #000000;   /* Negro */
  --uicore_secondary: #6E7B85; /* Gris azulado */
  --uicore_accent: #0d3276;    /* Amarillo mostaza */
  --uicore_headline: #000000;  /* Titulares en negro */
  --uicore_body: #000000;      /* Texto principal en negro */
  --uicore_dark: #111111;      /* Gris muy oscuro */
  --uicore_light: #EDEDED;     /* Gris claro */
  --uicore_white: #FFFFFF;     /* Blanco */
  --uicore_7fae980: #7AB3C1;   /* Azul verdoso */
  --uicore_28b032b: #36889C;   /* Azul petróleo */
}
body { color: var(--uicore_body); }
h1, h2, h3 { color: var(--uicore_headline); }
.btn, button, a.button {
  background: var(--uicore_accent);
  color: var(--uicore_white);
}


.btn, button, a.button {
  background: var(--uicore_accent) !important;
  color: var(--uicore_white) !important;
}


a { color: var(--uicore_primary); }
a:hover { color: var(--uicore_accent); }


/* Estilo global para todos los botones WooCommerce */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .woocommerce-button,
.woocommerce .single_add_to_cart_button,
.woocommerce .checkout-button {
  background-color: #5E95A7;   /* ✅ tu color corporativo */
  border-color: #5E95A7;
  color: #FFFFFF;              /* texto blanco */
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  transition: all 0.3s ease;
}

/* Hover */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .woocommerce-button:hover,
.woocommerce .single_add_to_cart_button:hover,
.woocommerce .checkout-button:hover {
  background-color: #3A3A3A;   /* gris oscuro en hover */
  border-color: #3A3A3A;
  color: #FFFFFF;
}



/* ============================================
   FORZAR TODAS LAS FUENTES A POPPINS GLOBAL
   ============================================ */
body, html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video,
input, textarea, button, select {
    font-family: 'Poppins', sans-serif !important;
}