/* ==========================================================================
   GEMAR GROUP SAS — Tienda · tema 2026
   Se carga DESPUÉS de los CSS de la plantilla y los sobreescribe.
   Identidad: teal → azul (del logo), tinta navy, superficies claras.
   ========================================================================== */
:root{
  --gm-teal:#17D3B0; --gm-blue:#1657C7; --gm-blue-2:#2E7DFF; --gm-navy:#0B1B33;
  --gm-ink:#16233A; --gm-muted:#5B6B82; --gm-faint:#8A98AD;
  --gm-bg:#F4F7FB; --gm-surface:#FFFFFF; --gm-line:#E3E9F2; --gm-line-2:#CFD8E6;
  --gm-grad:linear-gradient(135deg,#17D3B0 0%,#1657C7 100%);
  --gm-grad-soft:linear-gradient(135deg,rgba(23,211,176,.14),rgba(22,87,199,.14));
  --gm-shadow:0 1px 2px rgba(11,27,51,.05),0 10px 28px -14px rgba(11,27,51,.22);
  --gm-shadow-lg:0 24px 60px -24px rgba(11,27,51,.35);
  --gm-r:16px; --gm-r-sm:10px;
  --gm-disp:'Poppins','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --gm-sans:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
}

/* ---------- base / reset de la plantilla vieja ---------- */
html{scroll-behavior:smooth}
body{padding:0 !important;margin:0 !important;background:var(--gm-bg) !important;color:var(--gm-ink) !important;
  font-family:var(--gm-sans) !important;font-size:15px !important;line-height:1.6;-webkit-font-smoothing:antialiased}
body *:not(.fa){font-family:var(--gm-sans) !important}
h1,h2,h3,h4,h5,h6,.gm-disp{font-family:var(--gm-disp) !important;color:var(--gm-navy);letter-spacing:-.015em;line-height:1.15}
h1,h2,h3{font-weight:700}h4,h5{font-weight:600}
a{color:var(--gm-blue);transition:color .15s}a:hover,a:focus{color:var(--gm-teal);text-decoration:none}
p{line-height:1.65}
.container-fluid{padding-left:24px;padding-right:24px}
img{max-width:100%}
hr{border-top:1px solid var(--gm-line)}
::selection{background:rgba(23,211,176,.3)}

/* botones globales de la plantilla */
.btn{border-radius:999px !important;font-weight:600 !important;padding:9px 18px;border:1px solid transparent;
  transition:transform .15s,box-shadow .15s,background .15s;font-family:var(--gm-sans) !important}
.btn:hover{transform:translateY(-1px)}
.btn-primary,.btn.btn-primary.gradiant,.button2,.item_add,.hvr-outline-out{
  background:var(--gm-grad) !important;color:#fff !important;border:none !important;
  box-shadow:0 10px 24px -10px rgba(22,87,199,.55) !important}
.btn-success{background:#12A05C !important;border-color:#12A05C !important;color:#fff !important}
.btn-danger{background:#fff !important;color:#D2413A !important;border:1px solid #F1C5C2 !important;box-shadow:none !important}
.btn-danger:hover{background:#FFF3F2 !important}
.btn-lg{padding:12px 26px;font-size:16px}
.btn-sm{padding:5px 12px;font-size:13px}
.label-danger,.label-success{border-radius:999px;font-weight:600;padding:.35em .8em}
.label-success{background:#E4F6EE;color:#0F7A4D}
.form-control{border:1px solid var(--gm-line-2) !important;border-radius:var(--gm-r-sm) !important;box-shadow:none !important;
  height:44px;padding:8px 14px;font-size:15px;color:var(--gm-ink);background:#fff}
.form-control:focus{border-color:var(--gm-teal) !important;box-shadow:0 0 0 3px rgba(23,211,176,.2) !important}
textarea.form-control{height:auto;min-height:110px}

/* ---------- barra superior ---------- */
#barrasuperior{background:var(--gm-navy) !important;color:#C9D6EA;padding:0 !important;font-size:13px}
#barrasuperior .container-fluid{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;flex-wrap:wrap}
#barrasuperior .gm-tb-left,#barrasuperior .gm-tb-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
#barrasuperior .gm-tb-item{display:inline-flex;align-items:center;gap:7px;color:#C9D6EA;white-space:nowrap}
#barrasuperior .gm-tb-item .fa{color:var(--gm-teal)}
#barrasuperior .gm-tb-item b{color:#fff;font-weight:600}
#barrasuperior .gm-cart{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);
  color:#fff;padding:5px 12px;border-radius:999px;font-weight:600}
#barrasuperior .gm-cart:hover{background:var(--gm-grad);border-color:transparent}
#barrasuperior .gm-cart .fa{color:#fff}
#barrasuperior .gm-account a{color:#C9D6EA}#barrasuperior .gm-account a:hover{color:#fff}
@media (max-width:767px){
  #barrasuperior .gm-hide-xs{display:none !important}
  #barrasuperior .container-fluid{flex-wrap:nowrap;padding:0 14px}
  #barrasuperior .gm-tb-left,#barrasuperior .gm-tb-right{gap:10px;flex-wrap:nowrap}
  #barrasuperior .gm-cart{padding:4px 10px}
}

/* ---------- header / navegación ---------- */
.head-section{background:var(--gm-surface) !important;border-bottom:1px solid var(--gm-line) !important;
  box-shadow:0 6px 24px -18px rgba(11,27,51,.35)}
.head-section .navbar{min-height:0 !important;margin-bottom:0;border:none;background:transparent !important;
  display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 24px}
.head-section .navbar-header{padding:0 !important;float:none !important;display:flex;align-items:center;gap:10px}
.navbar-brand,.navbarfixed .navbar-brand{max-width:none !important;margin:0 !important;padding:0 !important;float:none !important;
  display:flex !important;align-items:center;gap:12px;height:auto !important;line-height:1}
.navbar-brand img{height:56px !important;width:auto;max-width:none !important;transition:height .25s}
.navbarfixed .navbar-brand img{height:46px !important}
.navbar-brand .gm-brand-txt{display:flex;flex-direction:column;line-height:1.05}
.navbar-brand .gm-brand-txt b{font-family:var(--gm-disp) !important;font-weight:700;font-size:18px;color:var(--gm-navy);letter-spacing:-.01em}
.navbar-brand .gm-brand-txt small{font-size:10px;letter-spacing:.2em;color:var(--gm-faint);text-transform:uppercase;font-weight:600}
@media (max-width:480px){.navbar-brand .gm-brand-txt{display:none}}
.navbar-toggle{margin:0 !important;border:1px solid var(--gm-line-2) !important;border-radius:10px !important;background:#fff !important;
  float:none !important;order:2}
.navbar-toggle .icon-bar{background:var(--gm-navy) !important}
.head-section .navbar-collapse{border:none;box-shadow:none;padding:0}
.head-section .navbar-collapse ul.navbar-nav{float:none !important;margin:0 !important;display:flex;gap:2px;align-items:center;flex-wrap:wrap}
.head-section .navbar-nav>li{padding:0 !important;float:none}
.head-section .navbar-nav>li>a{color:var(--gm-ink) !important;font-weight:600 !important;font-size:14px !important;text-transform:none !important;
  padding:9px 13px !important;border-radius:999px !important;margin:0 !important;line-height:1.3 !important;background:none !important}
.head-section .navbar-nav>li>a:hover,.head-section .navbar-nav>li>a:focus,.head-section .navbar-nav>li.open>a,
.head-section .navbar-default .navbar-nav>.open>a{background:var(--gm-bg) !important;color:var(--gm-blue) !important}
.head-section .navbar-nav>li>a .caret{border-top-color:currentColor !important;border-bottom-color:currentColor !important;margin-left:4px}
.head-section .nav li .dropdown-menu{margin-top:8px !important;padding:8px !important;border-radius:14px !important;border:1px solid var(--gm-line) !important;
  box-shadow:var(--gm-shadow-lg) !important;min-width:230px;background:#fff}
.head-section .nav li .dropdown-menu li a{color:var(--gm-ink) !important;text-transform:none !important;font-weight:500;font-size:14px;
  padding:9px 12px !important;border:none !important;border-radius:9px;line-height:1.3 !important}
.dropdown-menu li a:hover{background:var(--gm-bg) !important;color:var(--gm-blue) !important}
.head-section .nav li .dropdown-menu li a .caret{display:none}
.navbarfixed{position:fixed;top:0;width:100%;z-index:10000;box-shadow:0 10px 30px -18px rgba(11,27,51,.45) !important}
#separadornavegador{transition:padding .2s}
.gm-nav-cta{margin-left:6px}
.gm-nav-cta a{background:var(--gm-grad) !important;color:#fff !important;padding:9px 16px !important;box-shadow:0 10px 24px -10px rgba(22,87,199,.55)}
@media (max-width:767px){
  .head-section .navbar{flex-wrap:wrap;padding:10px 16px}
  .head-section .navbar-header{width:100%;justify-content:space-between}
  .head-section .navbar-collapse{width:100%}
  .head-section .navbar-collapse ul.navbar-nav{flex-direction:column;align-items:stretch;padding:8px 0 4px}
  .head-section .navbar-nav>li>a{border-radius:10px !important}
  .head-section .nav li .dropdown-menu{position:static;float:none;box-shadow:none !important;margin:0 0 6px !important;background:var(--gm-bg)}
  .navbarfixed{position:relative}
}

/* ---------- hero (banners owl) ---------- */
.gm-hero{padding:22px 24px 6px}
.gm-hero .owl-carousel{border-radius:var(--gm-r);overflow:hidden;box-shadow:var(--gm-shadow-lg);background:#0B1B33}
.gm-hero .owl-carousel .item img{width:100%;display:block}
.owl-theme .owl-controls .owl-page span{background:var(--gm-line-2);opacity:1;width:9px;height:9px;margin:5px 4px}
.owl-theme .owl-controls .owl-page.active span{background:var(--gm-teal);width:22px;border-radius:9px}
.owl-theme .owl-controls{margin-top:8px}
@media (max-width:480px){.gm-hero{padding:14px 12px 4px}}

/* ---------- secciones ---------- */
.gm-section{padding:44px 24px}
.gm-section.alt{background:var(--gm-surface);border-top:1px solid var(--gm-line);border-bottom:1px solid var(--gm-line)}
.gm-eyebrow{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;
  background:var(--gm-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}
.gm-h2{font-size:clamp(24px,3.4vw,32px);margin:6px 0 8px;text-wrap:balance}
.gm-sub{color:var(--gm-muted);max-width:60ch;margin:0 auto 26px;font-size:15.5px}
.text-center .gm-sub{margin-left:auto;margin-right:auto}
.gm-headrow{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.gm-headrow .gm-h2{margin-bottom:0}
.gm-link{font-weight:600;color:var(--gm-blue);display:inline-flex;align-items:center;gap:6px}
.gm-link:hover{color:var(--gm-teal)}
/* títulos viejos de la plantilla */
.hazul,.hceleste,.titulogrande{color:var(--gm-navy) !important;font-family:var(--gm-disp) !important}
.resp-tabs-list{list-style:none;padding:0;margin:0 0 20px;border-bottom:1px solid var(--gm-line)}
.resp-tabs-list .resp-tab-item{display:inline-block;padding:10px 2px;font-family:var(--gm-disp) !important;font-weight:700;font-size:22px;
  color:var(--gm-navy);text-transform:none;position:relative}
.resp-tabs-list .resp-tab-item:after{content:"";position:absolute;left:0;bottom:-1px;width:56px;height:3px;border-radius:3px;background:var(--gm-grad)}
.resp-tabs-list .resp-tab-item span{font-family:inherit !important}
.tittle{font-size:22px;font-weight:700;color:var(--gm-navy);margin:30px 0 14px}

/* ---------- tarjetas de producto (home, listado, carrito) ---------- */
.product-easy{background:transparent !important;padding:0 !important}
.product-men,.products-right>.row>div{margin-bottom:22px}
/* la plantilla vieja fija anchos a .product-men; respetar la rejilla Bootstrap */
@media (max-width:767px){.product-men,.products-right>.row>div{width:100% !important;float:none !important}}
@media (min-width:768px) and (max-width:991px){.product-men,.products-right>.row>div{width:50% !important}}
.men-pro-item{background:var(--gm-surface) !important;border:1px solid var(--gm-line);border-radius:var(--gm-r);overflow:hidden;
  box-shadow:var(--gm-shadow);transition:transform .2s,box-shadow .2s,border-color .2s;height:100%;display:flex;flex-direction:column}
.men-pro-item:hover{transform:translateY(-5px);box-shadow:var(--gm-shadow-lg);border-color:var(--gm-line-2)}
.men-thumb-item{background:#fff !important;position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;
  overflow:hidden;padding:18px;border-bottom:1px solid var(--gm-line)}
.men-thumb-item img{max-height:100%;width:auto;max-width:100%;object-fit:contain;margin:0 auto;transition:transform .35s}
.men-thumb-item .pro-image-back{display:none !important}
.men-pro-item:hover .men-thumb-item img{transform:scale(1.05)}
.men-cart-pro{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:14px;
  background:linear-gradient(to top,rgba(11,27,51,.55),transparent 55%);opacity:0;transition:opacity .2s}
.men-pro-item:hover .men-cart-pro{opacity:1}
.inner-men-cart-pro a,.link-product-add-cart{background:#fff !important;color:var(--gm-navy) !important;padding:8px 16px;border-radius:999px;
  font-weight:600;font-size:13px;box-shadow:var(--gm-shadow)}
.item-info-product{margin:0 !important;padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1;text-align:left}
.item-info-product h4{margin:0;font-size:15px;line-height:1.35;min-height:2.7em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.item-info-product h4 a{color:var(--gm-ink) !important;font-weight:600}
.info-product-price{margin:0}
.item_price{font-family:var(--gm-disp) !important;font-weight:700;font-size:17px;color:var(--gm-blue)}
.item-info-product .button2,.item-info-product .item_add{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;
  gap:8px;padding:9px 16px;border-radius:999px;font-size:13.5px;font-weight:600;text-align:center;align-self:flex-start}
@media (max-width:767px){.item-info-product h4{min-height:0}}

/* ---------- pilares (home) ---------- */
.gm-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:900px){.gm-pillars{grid-template-columns:1fr}}
.gm-pillar{background:var(--gm-surface);border:1px solid var(--gm-line);border-radius:var(--gm-r);padding:24px;box-shadow:var(--gm-shadow);
  transition:transform .2s,box-shadow .2s}
.gm-pillar:hover{transform:translateY(-4px);box-shadow:var(--gm-shadow-lg)}
.gm-pillar .ic{width:50px;height:50px;border-radius:14px;background:var(--gm-grad-soft);border:1px solid var(--gm-line);display:grid;place-items:center;
  color:var(--gm-blue);font-size:20px;margin-bottom:14px}
.gm-pillar h3{font-size:17px;margin:0 0 8px}
.gm-pillar p{color:var(--gm-muted);font-size:14.5px;margin:0}

/* ---------- marcas (bxslider) ---------- */
.our-clients{margin:0 !important}
.gm-brands{background:var(--gm-surface);border:1px solid var(--gm-line);border-radius:var(--gm-r);padding:22px 18px;box-shadow:var(--gm-shadow)}
.bx-wrapper{box-shadow:none !important;border:none !important;background:transparent !important;margin:0 auto !important}
.clients-list li{list-style:none;text-align:center}
.clients-list li a{display:flex;align-items:center;justify-content:center;height:70px;padding:0 10px}
.clients-list img{max-height:56px;width:auto;margin:0 auto;filter:grayscale(1);opacity:.65;transition:.2s}
.clients-list li:hover img{filter:none;opacity:1}
.clients-list .color-img{display:none !important}
.outside{display:none}

/* ---------- franja de servicios (home) ---------- */
.gm-services{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
@media (max-width:1100px){.gm-services{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){.gm-services{grid-template-columns:repeat(2,1fr)}}
.gm-service{background:var(--gm-surface);border:1px solid var(--gm-line);border-radius:14px;padding:16px 12px;text-align:center;color:var(--gm-ink);
  font-weight:600;font-size:13.5px;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .15s,box-shadow .15s,border-color .15s}
.gm-service:hover{transform:translateY(-3px);box-shadow:var(--gm-shadow-lg);border-color:var(--gm-line-2);color:var(--gm-blue)}
.gm-service .fa{font-size:22px;color:var(--gm-blue);width:44px;height:44px;border-radius:12px;background:var(--gm-grad-soft);display:grid;place-items:center}

/* ---------- CTA banda ---------- */
.gm-cta-band{background:var(--gm-navy);border-radius:var(--gm-r);padding:34px 30px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  position:relative;overflow:hidden;box-shadow:var(--gm-shadow-lg)}
.gm-cta-band:before{content:"";position:absolute;right:-80px;top:-80px;width:280px;height:280px;border-radius:50%;background:var(--gm-grad);opacity:.35;filter:blur(30px)}
.gm-cta-band h3{color:#fff;margin:0 0 6px;font-size:22px;position:relative}
.gm-cta-band p{color:#C9D6EA;margin:0;position:relative}
.gm-cta-band .btn{position:relative}
.gm-cta-band .btn-ghost{background:rgba(255,255,255,.1) !important;color:#fff !important;border:1px solid rgba(255,255,255,.25) !important;box-shadow:none !important}

/* ---------- listado (tienda) ---------- */
.men-wear{padding:26px 0 40px}
.products-left{margin-bottom:24px}
.css-treeview{background:var(--gm-surface);border:1px solid var(--gm-line);border-radius:var(--gm-r);padding:18px;box-shadow:var(--gm-shadow)}
.css-treeview h4{margin:0 0 10px;font-size:15px;font-weight:700;color:var(--gm-navy)}
.tree-list-pad{list-style:none;padding:0;margin:0}
.tree-list-pad li a{display:block;padding:8px 10px;border-radius:9px;color:var(--gm-ink);font-size:14px;font-weight:500}
.tree-list-pad li a:hover{background:var(--gm-bg);color:var(--gm-blue)}
.css-treeview img{border-radius:12px;cursor:pointer}
.bannersup img{border-radius:var(--gm-r);box-shadow:var(--gm-shadow)}
.flechacotizar{position:static !important;display:inline-block;background:var(--gm-grad) !important;color:#fff !important;
  padding:6px 16px !important;border-radius:999px;width:auto !important;left:auto !important;box-shadow:var(--gm-shadow) !important;font-size:15px;margin-bottom:14px}
.flechacotizar:before{display:none}

/* ---------- formulario de cotización ---------- */
#cotizacionesform{margin-bottom:22px}
#cotizacionesform .panel{background:var(--gm-surface) !important;color:var(--gm-ink) !important;border:1px solid var(--gm-line) !important;
  border-radius:var(--gm-r) !important;box-shadow:var(--gm-shadow);overflow:hidden}
#cotizacionesform .panel-heading{background:var(--gm-grad) !important;padding:14px 18px !important;border:none}
#cotizacionesform .panel-heading h3{color:#fff !important;font-size:17px !important;margin:0 !important}
#cotizacionesform .panel-body{padding:18px}
#cotizacionesform h4{font-size:14px;margin:6px 0 10px;color:var(--gm-navy)}
#cotizacionesform h4 small{color:var(--gm-faint) !important}
#cotizacionesform input,#cotizacionesform textarea{color:var(--gm-ink) !important}
#productoscot{border:1px solid var(--gm-line-2) !important;min-height:90px}
#formcotizarenviar{font-size:16px !important;height:48px;width:100%}
#avisocotizar.alert{border-radius:var(--gm-r-sm);margin-top:12px}

/* ---------- detalle de producto ---------- */
.single{padding:26px 0 40px}
.single-right-left{background:var(--gm-surface);border:1px solid var(--gm-line);border-radius:var(--gm-r);padding:22px;box-shadow:var(--gm-shadow)}
.single .flexslider2{border:none;background:transparent;margin:0}
.single .flexslider2 .slides img{border-radius:12px}
.single h3{font-size:26px !important;margin:0 0 8px}
.single h5{color:var(--gm-muted);font-weight:500;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.single hr{margin:14px 0}
.single .item_price{font-size:24px;display:block;margin:10px 0}
.single .button2{padding:12px 22px;font-size:15px}
.thumb-image img{width:100%;object-fit:contain}
.flex-control-thumbs img{border-radius:8px;opacity:.6}
.flex-control-thumbs img.flex-active{opacity:1;outline:2px solid var(--gm-teal)}

/* ---------- carrito ---------- */
.checkout{padding:26px 0 40px}
.checkout .item_price{font-size:14px;color:var(--gm-ink);font-weight:500}
.checkout .item_price label{display:block;margin:8px 0 4px;font-size:12px;color:var(--gm-faint);text-transform:uppercase;letter-spacing:.06em}
.checkout .form-control{height:40px;margin-bottom:6px}
.checkout .btn-sm{margin-left:4px;margin-bottom:6px}
.avisocarrito{background:var(--gm-surface);border:1px dashed var(--gm-line-2);border-radius:var(--gm-r);padding:30px !important;
  font-size:17px !important;color:var(--gm-muted);font-weight:500 !important;text-transform:none}

/* ---------- contacto ---------- */
.contact{padding:26px 0 40px}
.contact iframe{border-radius:var(--gm-r);box-shadow:var(--gm-shadow)}
.contact-grids{margin-bottom:10px}
.contact-grid{padding:10px}
.contact-grid1,.contact-grid2,.contact-grid3{background:var(--gm-surface);border:1px solid var(--gm-line);border-radius:var(--gm-r);
  padding:24px 18px;box-shadow:var(--gm-shadow);min-height:170px}
.contact-grid .fa{width:50px;height:50px;border-radius:14px;background:var(--gm-grad-soft);display:inline-grid;place-items:center;
  color:var(--gm-blue);font-size:20px;margin-bottom:10px}
.contact-grid h4{margin:6px 0 !important;font-size:16px}
.contact-grid p{margin:2px 0 !important;color:var(--gm-muted)}
.contact-form2{background:var(--gm-surface);border:1px solid var(--gm-line);border-radius:var(--gm-r);padding:22px;box-shadow:var(--gm-shadow);
  display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form2 input[type="text"],.contact-form2 input[type="email"]{width:100% !important;height:44px;border:1px solid var(--gm-line-2);
  border-radius:var(--gm-r-sm);padding:8px 14px;margin:0 !important;font-size:15px}
.contact-form2 textarea{grid-column:1/-1;width:100%;min-height:130px;border:1px solid var(--gm-line-2);border-radius:var(--gm-r-sm);padding:10px 14px;font-size:15px}
.contact-form2 input[type="submit"]{grid-column:1/-1;justify-self:start;background:var(--gm-grad);color:#fff;border:none;border-radius:999px;
  padding:11px 26px;font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 10px 24px -10px rgba(22,87,199,.55)}
.contact-form2 br{display:none}
@media (max-width:640px){.contact-form2{grid-template-columns:1fr}}

/* ---------- servicios / nosotros ---------- */
.main_bg,.wrap,.main{background:transparent}
.contact_info h2{font-size:28px;margin:26px 0 6px;display:flex;align-items:center;gap:12px}
.contact_info h2 .fa{color:var(--gm-teal)}
.contact_info hr{width:56px;height:3px;border:none;background:var(--gm-grad);margin:0 0 22px;border-radius:3px}
.main .contact .col-md-8{background:var(--gm-surface);border:1px solid var(--gm-line);border-radius:var(--gm-r);padding:26px 28px;box-shadow:var(--gm-shadow)}
.main .contact h3{font-size:18px !important;margin:26px 0 10px !important;text-align:left !important;padding-left:14px;border-left:4px solid var(--gm-teal)}
.main .contact h3 span,.main .contact h3 strong{color:var(--gm-navy) !important;text-decoration:none !important}
.main .contact ul{padding-left:0;list-style:none;display:grid;gap:6px;margin:8px 0 6px}
.main .contact ul li{position:relative;padding-left:22px;color:var(--gm-ink)}
.main .contact ul li:before{content:"\f00c";font-family:FontAwesome !important;position:absolute;left:0;top:2px;color:var(--gm-teal);font-size:12px}
.main .contact .font_7,.main .contact .font_8,.main .contact div>span{color:var(--gm-muted)}
.main .contact .col-md-4 img.img-thumbnail{border:1px solid var(--gm-line);border-radius:var(--gm-r);padding:6px;box-shadow:var(--gm-shadow);margin-bottom:16px}
.main .contact br{display:none}

/* ---------- footer ---------- */
.footer{background:var(--gm-navy) !important;color:#C9D6EA;padding:48px 0 30px;margin-top:40px}
.footer h1,.footer h4{color:#fff !important;font-size:15px !important;font-weight:700;letter-spacing:.02em;margin:0 0 14px !important}
.footer p,.footer address{color:#C9D6EA;margin:0 0 8px;font-style:normal}
.footer address p{display:flex;gap:10px;align-items:flex-start}
.footer address .fa{color:var(--gm-teal);margin-top:4px;width:14px}
.footer a{color:#C9D6EA}.footer a:hover{color:#fff}
.footer .gm-brand img{height:64px;width:auto;background:#fff;border-radius:50%;padding:2px;margin-bottom:12px}
.footer .gm-brand p{font-size:14px;color:#A7B7CF;max-width:36ch}
.page-footer-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.page-footer-list li{font-size:14px}
.page-footer-list li .fa{color:var(--gm-teal);margin-right:6px;font-size:12px}
.footer .gm-social{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.footer .gm-social a{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#fff}
.footer .gm-social a:hover{background:var(--gm-grad);border-color:transparent}
.footer .gm-cta{display:inline-flex;align-items:center;gap:8px;background:var(--gm-grad);color:#fff;padding:10px 18px;border-radius:999px;font-weight:600;margin-top:8px}
.footer .row>div{margin-bottom:24px}
.footer-small{background:#071226 !important;color:#8FA2BE;padding:16px 0;font-size:13px;border-top:1px solid rgba(255,255,255,.08)}
.footer-small .copyright p{margin:0;color:#8FA2BE}
.footer-small a,.footer-small .botonprivacidad{color:#C9D6EA !important}
.social-link-footer{display:flex;gap:8px;justify-content:flex-end;margin:0;padding:0;list-style:none}
.social-link-footer li a{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#fff}
.social-link-footer li a:hover{background:var(--gm-grad)}
@media (max-width:767px){.social-link-footer{justify-content:flex-start;margin-top:10px}}

/* ---------- utilidades ---------- */
.gm-badge{display:inline-flex;align-items:center;gap:6px;background:var(--gm-grad-soft);border:1px solid var(--gm-line);color:var(--gm-blue);
  padding:5px 12px;border-radius:999px;font-size:12.5px;font-weight:600}
.gm-whatsapp{position:fixed;right:18px;bottom:18px;z-index:9999;width:56px;height:56px;border-radius:50%;background:#25D366;color:#fff;
  display:grid;place-items:center;font-size:28px;box-shadow:0 12px 30px -8px rgba(37,211,102,.7);transition:transform .15s}
.gm-whatsapp:hover{transform:translateY(-3px) scale(1.04);color:#fff}
.footer-social{display:none !important}
@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}

/* ---------- ajustes v2 (2026-09-09) ---------- */
.contact-grids{display:flex;flex-wrap:wrap;align-items:stretch}
.contact-grids:before,.contact-grids:after{display:none}
.contact-grid{display:flex;float:none}
.contact-grid>div{width:100%}
.footer .wow{visibility:visible !important}
