/*
Theme Name: Aipacmedics Theme
Theme URI: https://aipacmedics.com
Author: Bengala Creativo
Author URI: https://tusitio.com
Description: Tema personalizado para Aipacmedics, sin Elementor, compatible con Gutenberg y WooCommerce.
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aipacmedics
*/

:root{--color-azul:#1b3a57;--color-rojo:#d62c2c;--color-gris:#f7f7f7;--color-texto:#22384d;--ancho-max:1200px}
*{box-sizing:border-box} body{margin:30px;font-family:'Open Sans',Arial,sans-serif;color:var(--color-texto)}
.container{max-width:var(--ancho-max);margin:0 auto;padding:0 20px}
/* top strip */
.topstrip{background:#22384d;color:#fff;font-size:14px}
.topstrip .container{padding:10px 0;text-align:center}
/* contact row (logo + 3 cols) */
.contactbar{background:#fff;border-bottom:1px solid #eaeef3}
.contactbar-inner{display:grid;grid-template-columns:auto 1fr 1fr 1fr;gap:24px;align-items:center;padding:18px 0}
.contact-logo img{max-height:72px;width:auto}
.contact-item{display:flex;gap:12px;align-items:flex-start}
.ci-title{font-weight:800;color:#1b3a57;margin-bottom:2px}
/* nav pill */
.nav-pill{background:#fff;border-radius:40px;box-shadow:0 12px 30px rgba(0,0,0,.1);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0}
.primary-nav .menu{display:flex;gap:24px;list-style:none;margin:0;padding:0}
.primary-nav .menu>li{position:relative}
.primary-nav .menu>li>a{display:inline-block;padding:12px 10px;font-weight:600;color:#22384d;text-decoration:none}
.primary-nav .menu>li.menu-item-has-children>a::after{content:" ▾"}
.primary-nav .sub-menu{position:absolute;left:0;top:100%;display:none;min-width:220px;background:#fff;border:1px solid #e9edf4;border-radius:12px;padding:8px 0;box-shadow:0 10px 24px rgba(0,0,0,.08);z-index:10}
.primary-nav li:hover>.sub-menu{display:block}
.primary-nav .sub-menu a{display:block;padding:10px 14px;color:#22384d;text-decoration:none}
.nav-actions{display:flex;align-items:center;gap:12px}
.btn{background:#1356ea;color:#fff;padding:12px 16px;border-radius:10px;font-weight:700;text-decoration:none}
.cart-bubble{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;background:#fff;border:1px solid #e8ecf2}
.cart-bubble .cart-count{position:absolute;top:-6px;right:-6px;background:#d62c2c;color:#fff;border-radius:999px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 6px}
/* hero */
.hero{background:#0f2a3e;color:#fff;padding:70px 0}
/* sections */
.section{padding:48px 0}
.section--light{background:var(--color-gris)}
/* footer */
.site-footer{background:#1b3a57;color:#fff;padding:24px 0;margin-top:40px}
.site-footer a{color:#fff}
/* responsive */
@media (max-width:1100px){.contactbar-inner{grid-template-columns:1fr} .nav-pill{flex-direction:column;align-items:stretch} .primary-nav .menu{flex-wrap:wrap;gap:12px}}
/* ===== Footer nuevo ===== */
.site-footer{
  background: #ecf3f9;
  color: #2f3d4f;
}

/* Top con patrón y padding */
.footer-top{
  background:
    linear-gradient(135deg, rgba(255,255,255,0.7), rgba(255,255,255,0.7)),
    repeating-linear-gradient(135deg, rgba(0,0,0,.02) 0 16px, rgba(0,0,0,0) 16px 48px);
  padding: 32px 0 28px;
  border-bottom: 1px solid #dfe7ee;
}

/* Grid 4 columnas */
.footer-grid{
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
  gap: 40px;
}

/* Tarjeta azul (col 1) */
.ft-card{
  background: linear-gradient(135deg, #3aa0ff, #2c6be7);
  color:#fff;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 10px 30px rgba(44,107,231,.15) inset, 0 8px 20px rgba(0,0,0,.05);
}
.ft-card h3{margin:0 0 14px;font-size:22px}
.ft-card h4{margin:18px 0 10px;font-size:18px}
.ft-card p{opacity:.95}

/* Botón red social */
.ft-social{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:999px;
  background:#fff;color:#2c6be7;font-weight:800;text-decoration:none;
  box-shadow:0 6px 16px rgba(0,0,0,.08);
}

/* Columnas estándar */
.ft-col h3{margin:0 0 14px;font-size:22px;color:#162a3a}
.ft-links, .ft-icons, .ft-contact{list-style:none;margin:0;padding:0}
.ft-links li, .ft-icons li, .ft-contact li{margin:10px 0}
.ft-links a{color:#3a4d62;text-decoration:none}
.ft-links a:hover{text-decoration:underline}
.ft-contact a{color:#3a4d62;text-decoration:none}
.ft-contact a:hover{text-decoration:underline}

/* Franja inferior */
.footer-bottom{
  background: #ecf3f9;
  padding: 14px 0;
}
.fb-inner{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  color:#5a6c7f;font-size:14px;
}
.fb-left img{max-height:54px;width:auto}

/* Responsive */
@media (max-width:1100px){
  .footer-grid{grid-template-columns: 1fr 1fr; gap:24px;}
}
@media (max-width:680px){
  .footer-grid{grid-template-columns: 1fr;}
  .fb-inner{flex-direction:column;align-items:flex-start;gap:8px}
}

.ft-contact i {
  color: #2c6be7; /* azul corporativo */
  margin-right: 8px;
}

/* -------- Header contactbar basics (structure) -------- */
.contactbar{background:#fff;border-bottom:1px solid #eaeef3}
.contactbar-inner{
  display:grid;
  grid-template-columns:auto 1fr 1fr 1fr; /* logo + 3 cols */
  gap:24px; align-items:center; padding:18px 0;
}
.contact-logo img{max-height:72px;width:auto}
.contact-item{display:flex;gap:12px;align-items:flex-start;color:#2f80ed}
.ci-title{font-weight:800;color:#000;margin-bottom:2px}

/* -------- Icon colors (header + footer + payments) -------- */
.site-icons i,
.payment-icons i,
.ft-contact i {
  color: var(--azul);
}

/* Size tweaks */
.site-icons i{ font-size: 1.05em; margin-right: 8px; }
.payment-icons i{ font-size: 1.4em; margin-right: 8px; line-height: 1; }
.ft-contact i{ margin-right: 8px; }

/* Phone button + cart bubble examples */
.btn-phone{
  background:var(--azul); color:#fff; padding:12px 16px; border-radius:10px;
  font-weight:700; text-decoration:none; display:inline-flex; align-items:center; gap:8px;
}
.cart-bubble{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  width:46px; height:46px; border-radius:999px; background:#fff; border:1px solid #e8ecf2;
}
.cart-bubble .cart-count{
  position:absolute; top:-6px; right:-6px; background:#d62c2c; color:#fff; border-radius:999px;
  min-width:20px; height:20px; display:flex; align-items:center; justify-content:center; font-size:12px; padding:0 6px;
}

/* -------- Footer layout (if you need it) -------- */
.site-footer{background:var(--gris); color:#2f3d4f}
.footer-top{padding:32px 0 28px; border-top:1px solid #dfe7ee}
.footer-grid{display:grid; grid-template-columns:1.2fr 1fr 1fr 1.2fr; gap:40px}
.ft-card{
  background:linear-gradient(135deg,#3aa0ff,#2c6be7); color:#fff; border-radius:16px; padding:24px;
  box-shadow:0 10px 30px rgba(44,107,231,.15) inset, 0 8px 20px rgba(0,0,0,.05);
}
.ft-social{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:#fff;color:#2c6be7;text-decoration:none;font-weight:800}
.ft-links,.payment-icons,.ft-contact{list-style:none;margin:0;padding:0}
.ft-links li,.payment-icons li,.ft-contact li{margin:10px 0}
.ft-links a,.ft-contact a{color:#3a4d62;text-decoration:none}
.ft-links a:hover,.ft-contact a:hover{text-decoration:underline}

/* Responsive */
@media (max-width:1100px){
  .contactbar-inner{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr; gap:24px}
}
@media (max-width:680px){
  .footer-grid{grid-template-columns:1fr}
}

.noclickbtn{
	color:#fff !important;
	cursor:inherit;
}


.woocommerce ul.products li.product .button{
	background-color: #3387ed;
  border-radius: 10px;
}

.hero > div > h1 {
  color: #fff;
}