/*
Theme Name: Hello Elementor Child
Theme URI: https://consorcioaacv.com
Description: Tema hijo de Hello Elementor para Consorcio AACV
Author: Consorcio AACV
Author URI: https://consorcioaacv.com
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
*/
/* ============================================================
AACV - Botones WhatsApp y Ficha Técnica
============================================================ */
.aacv-product-buttons {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 14px;
width: 100%;
clear: both;
}
.aacv-btn-whatsapp,
.aacv-btn-ficha {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 14px 18px;
border-radius: 5px;
font-size: 15px;
font-weight: 800;
letter-spacing: 0.6px;
text-decoration: none !important;
text-transform: uppercase;
transition: opacity 0.2s ease, transform 0.15s ease;
flex: 1 1 0;
min-width: 160px;
cursor: pointer;
border: none;
line-height: 1.2;
}
.aacv-btn-whatsapp {
background-color: #25D366;
color: #ffffff !important;
}
.aacv-btn-whatsapp svg,
.aacv-btn-ficha svg {
flex-shrink: 0;
}
.aacv-btn-ficha {
background-color: #0050a0;
color: #ffffff !important;
}
.aacv-btn-ficha--disabled {
background-color: #95a5a6 !important;
cursor: not-allowed !important;
opacity: 0.7;
}
.aacv-btn-whatsapp:hover {
opacity: 0.88;
transform: translateY(-1px);
color: #ffffff !important;
text-decoration: none !important;
}
.aacv-btn-ficha:not(.aacv-btn-ficha--disabled):hover {
opacity: 0.88;
transform: translateY(-1px);
color: #ffffff !important;
text-decoration: none !important;
}
@media (max-width: 600px) {
.aacv-btn-whatsapp,
.aacv-btn-ficha {
flex: 1 1 100%;
}
}
/* AACV - Single Product Layout Fix */
.aacv-single-product-wrap {
max-width: 1200px;
margin: 30px auto 60px !important;
padding: 0 24px !important;
}
.aacv-single-product-wrap .woocommerce-breadcrumb {
font-size: 16px;
color: #888;
margin-bottom: 20px !important;
padding: 0 !important;
}
.aacv-single-product-wrap .woocommerce-breadcrumb a { color: #555; text-decoration: none; }
.aacv-single-product-wrap .product {
display: flex !important;
flex-wrap: wrap !important;
gap: 40px !important;
margin-bottom: 50px !important;
align-items: flex-start !important;
}
.aacv-single-product-wrap .woocommerce-product-gallery {
flex: 0 0 45% !important;
max-width: 45% !important;
width: 45% !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
}
.aacv-single-product-wrap .woocommerce-product-gallery img {
width: 100% !important;
height: auto !important;
border-radius: 6px !important;
border: 1px solid #eee !important;
}
.aacv-single-product-wrap .flex-control-thumbs {
display: flex !important;
gap: 8px !important;
flex-wrap: wrap !important;
margin-top: 10px !important;
padding: 0 !important;
list-style: none !important;
}
.aacv-single-product-wrap .flex-control-thumbs li {
margin: 0 !important;
padding: 0 !important;
flex: 0 0 calc(25% - 6px) !important;
}
.aacv-single-product-wrap .flex-control-thumbs li img {
border-radius: 4px !important;
border: 2px solid transparent !important;
cursor: pointer !important;
}
.aacv-single-product-wrap .flex-control-thumbs li img.flex-active { border-color: #009fe3 !important; }
.aacv-single-product-wrap .summary.entry-summary {
flex: 1 1 0 !important;
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 0 !important;
clear: none !important;
}
.aacv-single-product-wrap .product_title.entry-title {
font-size: 30px !important;
font-weight: 700 !important;
color: #1d1d1b !important;
margin: 0 0 10px !important;
padding: 0 !important;
line-height: 1.3 !important;
}
.aacv-single-product-wrap .price {
font-size: 28px !important;
font-weight: 700 !important;
color: #009fe3 !important;
margin: 0 0 12px !important;
display: block !important;
}
.aacv-single-product-wrap .price del { color: #999 !important; font-size: 19px !important; font-weight: 400 !important; margin-right: 8px !important; }
.aacv-single-product-wrap .price ins { text-decoration: none !important; }
.aacv-single-product-wrap .woocommerce-product-details__short-description {
font-size: 17px !important;
color: #555 !important;
margin: 0 0 18px !important;
line-height: 1.6 !important;
}
.aacv-single-product-wrap .woocommerce-product-details__short-description p { margin: 0 0 8px !important; }
.aacv-single-product-wrap form.cart {
display: flex !important;
align-items: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
margin: 0 0 14px !important;
}
.aacv-single-product-wrap .qty {
width: 70px !important;
height: 46px !important;
border: 1px solid #ddd !important;
border-radius: 4px !important;
text-align: center !important;
font-size: 18px !important;
padding: 0 10px !important;
}
.aacv-single-product-wrap .single_add_to_cart_button {
background: #103070 !important;
color: #fff !important;
border: none !important;
padding: 13px 28px !important;
border-radius: 4px !important;
font-size: 17px !important;
font-weight: 700 !important;
cursor: pointer !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
height: 46px !important;
}
.aacv-single-product-wrap .single_add_to_cart_button:hover { opacity: 0.85 !important; }
.aacv-single-product-wrap .product_meta { font-size: 16px !important; color: #888 !important; margin: 12px 0 0 !important; }
.aacv-single-product-wrap .product_meta .sku_wrapper,
.aacv-single-product-wrap .product_meta .posted_in,
.aacv-single-product-wrap .product_meta .tagged_as { display: block !important; margin-bottom: 4px !important; }
.aacv-single-product-wrap .woocommerce-tabs { margin-top: 0 !important; clear: both !important; }
.aacv-single-product-wrap .woocommerce-tabs ul.tabs {
display: flex !important;
list-style: none !important;
border-bottom: 2px solid #eee !important;
margin: 0 0 20px !important;
padding: 0 !important;
}
.aacv-single-product-wrap .woocommerce-tabs ul.tabs li { margin: 0 !important; padding: 0 !important; }
.aacv-single-product-wrap .woocommerce-tabs ul.tabs li a {
display: block !important;
padding: 10px 24px !important;
font-size: 17px !important;
font-weight: 600 !important;
color: #555 !important;
text-decoration: none !important;
border-bottom: 2px solid transparent !important;
margin-bottom: -2px !important;
}
.aacv-single-product-wrap .woocommerce-tabs ul.tabs li.active a { color: #009fe3 !important; border-bottom-color: #009fe3 !important; }
.aacv-single-product-wrap .woocommerce-tabs .panel { padding: 0 !important; }
.aacv-single-product-wrap .woocommerce-tabs .panel h2 { font-size: 23px !important; font-weight: 700 !important; margin: 0 0 14px !important; color: #1d1d1b !important; }
.aacv-single-product-wrap .woocommerce-tabs .panel p { font-size: 17px !important; color: #555 !important; line-height: 1.7 !important; margin-bottom: 8px !important; }
.aacv-single-product-wrap .woocommerce-tabs .panel ul { padding-left: 20px !important; list-style: disc !important; }
.aacv-single-product-wrap .woocommerce-tabs .panel ul li { font-size: 17px !important; color: #555 !important; line-height: 1.7 !important; margin-bottom: 8px !important; }
.aacv-single-product-wrap .related.products,
.aacv-single-product-wrap .upsells.products { margin-top: 50px !important; clear: both !important; }
.aacv-single-product-wrap .related.products > h2,
.aacv-single-product-wrap .upsells.products > h2 { font-size: 26px !important; font-weight: 700 !important; color: #1d1d1b !important; margin: 0 0 24px !important; padding: 0 !important; }
.aacv-single-product-wrap .related.products ul.products,
.aacv-single-product-wrap .upsells.products ul.products {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 20px !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.aacv-single-product-wrap .related.products ul.products li.product,
.aacv-single-product-wrap .upsells.products ul.products li.product {
margin: 0 !important;
padding: 0 !important;
border: 1px solid #eee !important;
border-radius: 8px !important;
overflow: hidden !important;
background: #fff !important;
float: none !important;
width: auto !important;
}
.aacv-single-product-wrap ul.products li.product a img {
width: 100% !important;
height: 180px !important;
object-fit: contain !important;
display: block !important;
padding: 16px !important;
}
.aacv-single-product-wrap ul.products li.product .woocommerce-loop-product__title {
font-size: 17px !important;
font-weight: 600 !important;
color: #222 !important;
padding: 0 14px 6px !important;
margin: 0 !important;
line-height: 1.4 !important;
}
.aacv-single-product-wrap ul.products li.product .price {
font-size: 18px !important;
color: #009fe3 !important;
padding: 0 14px 6px !important;
margin: 0 !important;
display: block !important;
}
.aacv-single-product-wrap ul.products li.product .button {
display: block !important;
margin: 0 14px 14px !important;
padding: 9px 14px !important;
background: #103070 !important;
color: #fff !important;
border: none !important;
border-radius: 4px !important;
font-size: 16px !important;
font-weight: 600 !important;
text-align: center !important;
text-decoration: none !important;
cursor: pointer !important;
}
.aacv-single-product-wrap ul.products li.product .button:hover { background: #009fe3 !important; }
.aacv-single-product-wrap .onsale {
background: #009fe3 !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 700 !important;
padding: 4px 10px !important;
border-radius: 4px !important;
margin: 8px !important;
}
@media (max-width: 768px) {
.aacv-single-product-wrap .product { flex-direction: column !important; }
.aacv-single-product-wrap .woocommerce-product-gallery { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; }
.aacv-single-product-wrap .related.products ul.products,
.aacv-single-product-wrap .upsells.products ul.products { grid-template-columns: repeat(2, 1fr) !important; }
}
/* AACV - Carrusel Productos Relacionados */
.aacv-rel-slider-wrap {
position: relative;
overflow: hidden;
padding: 0 40px;
}
/* Sobreescribir el grid que pusimos antes - ahora es slider */
.aacv-single-product-wrap .related.products ul.products,
.aacv-single-product-wrap .upsells.products ul.products {
display: flex !important;
grid-template-columns: none !important;
gap: 0 !important;
overflow: visible !important;
}
.aacv-single-product-wrap .related.products ul.products li.product,
.aacv-single-product-wrap .upsells.products ul.products li.product {
padding: 0 10px !important;
}
/* Botones prev / next */
.aacv-rel-prev,
.aacv-rel-next {
position: absolute !important;
top: 50% !important;
transform: translateY(-50%) !important;
background: #103070 !important;
color: #fff !important;
border: none !important;
border-radius: 50% !important;
width: 36px !important;
height: 36px !important;
font-size: 26px !important;
line-height: 1 !important;
cursor: pointer !important;
z-index: 10 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: background 0.2s !important;
padding: 0 !important;
}
.aacv-rel-prev { left: 0 !important; }
.aacv-rel-next { right: 0 !important; }
.aacv-rel-prev:hover,
.aacv-rel-next:hover { background: #009fe3 !important; }
/* ============================================================
AACV - Product fixes: galería, descripción, botones
============================================================ */
/* ── Fix lupa que tapa la imagen principal ── */
.aacv-single-product-wrap .woocommerce-product-gallery {
position: relative !important;
}
.aacv-single-product-wrap .woocommerce-product-gallery__trigger {
position: absolute !important;
top: 12px !important;
right: 12px !important;
width: 36px !important;
height: 36px !important;
background: rgba(255,255,255,0.85) !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
z-index: 9 !important;
font-size: 19px !important;
text-decoration: none !important;
line-height: 1 !important;
}
.aacv-single-product-wrap .woocommerce-product-gallery__trigger img {
width: 20px !important;
height: 20px !important;
padding: 0 !important;
border: none !important;
}
.aacv-single-product-wrap .woocommerce-product-gallery .woocommerce-product-gallery__image {
display: block !important;
}
.aacv-single-product-wrap .woocommerce-product-gallery .woocommerce-product-gallery__image img {
width: 100% !important;
height: auto !important;
max-height: 440px !important;
object-fit: contain !important;
border-radius: 8px !important;
border: 1px solid #eee !important;
padding: 12px !important;
}
/* ── Ocultar tabs nav (solo queda Descripción) → mostrar directo ── */
.aacv-single-product-wrap .woocommerce-tabs ul.tabs {
display: none !important;
}
.aacv-single-product-wrap .woocommerce-tabs .panel {
display: block !important;
padding: 0 !important;
}
.aacv-single-product-wrap .woocommerce-tabs .panel#tab-description {
padding: 0 !important;
}
.aacv-single-product-wrap .woocommerce-tabs {
margin-top: 32px !important;
padding-top: 24px !important;
border-top: 2px solid #eee !important;
}
.aacv-single-product-wrap .woocommerce-tabs .panel h2 {
font-size: 23px !important;
font-weight: 700 !important;
color: #1d1d1b !important;
margin: 0 0 16px !important;
padding-bottom: 10px !important;
border-bottom: 2px solid #009fe3 !important;
display: inline-block !important;
}
.aacv-single-product-wrap .woocommerce-tabs .panel p,
.aacv-single-product-wrap .woocommerce-tabs .panel li {
font-size: 17px !important;
color: #444 !important;
line-height: 1.75 !important;
margin-bottom: 10px !important;
}
.aacv-single-product-wrap .woocommerce-tabs .panel ul {
padding-left: 20px !important;
list-style: disc !important;
margin-bottom: 12px !important;
}
/* ── Descripción corta: estilo destacado ── */
.aacv-single-product-wrap .woocommerce-product-details__short-description {
font-size: 18px !important;
color: #444 !important;
line-height: 1.7 !important;
margin: 0 0 18px !important;
padding: 12px 16px !important;
background: #f8f9fa !important;
border-left: 4px solid #009fe3 !important;
border-radius: 0 6px 6px 0 !important;
}
.aacv-single-product-wrap .woocommerce-product-details__short-description p {
margin: 0 !important;
}
/* ── Botones WhatsApp y Ficha: rediseño prominente ── */
.aacv-product-buttons {
display: flex !important;
gap: 10px !important;
margin-top: 16px !important;
margin-bottom: 4px !important;
width: 100% !important;
flex-wrap: wrap !important;
}
.aacv-btn-whatsapp,
.aacv-btn-ficha {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
flex: 1 1 0 !important;
min-width: 180px !important;
padding: 15px 20px !important;
border-radius: 8px !important;
font-size: 16px !important;
font-weight: 800 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
text-decoration: none !important;
cursor: pointer !important;
border: none !important;
transition: transform 0.15s ease, box-shadow 0.15s ease !important;
line-height: 1.2 !important;
}
.aacv-btn-whatsapp {
background: #25D366 !important;
color: #fff !important;
box-shadow: 0 4px 14px rgba(37,211,102,0.35) !important;
}
.aacv-btn-whatsapp:hover {
transform: translateY(-2px) !important;
box-shadow: 0 6px 18px rgba(37,211,102,0.45) !important;
color: #fff !important;
text-decoration: none !important;
}
.aacv-btn-ficha {
background: #0050a0 !important;
color: #fff !important;
box-shadow: 0 4px 14px rgba(192,57,43,0.30) !important;
}
.aacv-btn-ficha:hover {
transform: translateY(-2px) !important;
box-shadow: 0 6px 18px rgba(192,57,43,0.40) !important;
color: #fff !important;
text-decoration: none !important;
}
.aacv-btn-ficha--disabled {
background: #bdc3c7 !important;
box-shadow: none !important;
cursor: not-allowed !important;
opacity: 0.7 !important;
transform: none !important;
}
.aacv-btn-ficha--disabled:hover {
transform: none !important;
box-shadow: none !important;
}
.aacv-btn-whatsapp svg,
.aacv-btn-ficha svg {
flex-shrink: 0 !important;
width: 22px !important;
height: 22px !important;
}
@media (max-width: 520px) {
.aacv-btn-whatsapp,
.aacv-btn-ficha {
flex: 1 1 100% !important;
}
}
/* ============================================================
AACV - Fix galería: ocultar lupa, mostrar imágenes correctamente
============================================================ */
/* Ocultar el trigger zoom (lupa) - causa el bloque grande */
.aacv-single-product-wrap .woocommerce-product-gallery__trigger {
display: none !important;
}
/* Galería wrapper */
.aacv-single-product-wrap .woocommerce-product-gallery {
position: relative !important;
flex: 0 0 45% !important;
max-width: 45% !important;
}
/* Badge Oferta posicionado sobre la imagen */
.aacv-single-product-wrap .woocommerce-product-gallery .onsale {
position: absolute !important;
top: 10px !important;
left: 10px !important;
z-index: 5 !important;
margin: 0 !important;
}
/* Imagen principal - flex-viewport puede estar o no */
.aacv-single-product-wrap .woocommerce-product-gallery .flex-viewport,
.aacv-single-product-wrap .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
width: 100% !important;
overflow: hidden !important;
}
.aacv-single-product-wrap .woocommerce-product-gallery ul.slides,
.aacv-single-product-wrap .woocommerce-product-gallery .woocommerce-product-gallery__wrapper {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
/* Mostrar solo el primer slide / imagen activa */
.aacv-single-product-wrap .woocommerce-product-gallery ul.slides li {
display: none !important;
margin: 0 !important;
padding: 0 !important;
}
.aacv-single-product-wrap .woocommerce-product-gallery ul.slides li.flex-active-slide,
.aacv-single-product-wrap .woocommerce-product-gallery ul.slides li:first-child {
display: block !important;
}
/* Imagen principal */
.aacv-single-product-wrap .woocommerce-product-gallery .woocommerce-product-gallery__image img,
.aacv-single-product-wrap .woocommerce-product-gallery ul.slides li img {
width: 100% !important;
height: 400px !important;
object-fit: contain !important;
border-radius: 8px !important;
border: 1px solid #eee !important;
padding: 16px !important;
background: #fff !important;
display: block !important;
}
/* Thumbnails en fila */
.aacv-single-product-wrap .flex-control-nav.flex-control-thumbs {
display: flex !important;
gap: 8px !important;
flex-wrap: wrap !important;
margin-top: 10px !important;
padding: 0 !important;
list-style: none !important;
}
.aacv-single-product-wrap .flex-control-nav.flex-control-thumbs li {
margin: 0 !important;
padding: 0 !important;
flex: 0 0 calc(33.33% - 6px) !important;
cursor: pointer !important;
}
.aacv-single-product-wrap .flex-control-nav.flex-control-thumbs li img {
width: 100% !important;
height: 80px !important;
object-fit: contain !important;
border: 2px solid #eee !important;
border-radius: 6px !important;
padding: 6px !important;
background: #fff !important;
transition: border-color 0.2s !important;
cursor: pointer !important;
}
.aacv-single-product-wrap .flex-control-nav.flex-control-thumbs li img.flex-active,
.aacv-single-product-wrap .flex-control-nav.flex-control-thumbs li img:hover {
border-color: #009fe3 !important;
}
/* Asegurar que cuando FlexSlider SÍ carga, la lupa siga oculta */
.aacv-single-product-wrap a.woocommerce-product-gallery__trigger {
display: none !important;
}
/* ============================================================
AACV - Descripción: forzar ancho completo DEBAJO del producto
============================================================ */
/* Tabs va después de imagen+summary, al 100% de ancho */
.aacv-single-product-wrap .woocommerce-tabs.wc-tabs-wrapper {
flex: 0 0 100% !important;
width: 100% !important;
order: 10 !important;
margin-top: 36px !important;
clear: both !important;
}
/* Los botones WhatsApp/Ficha también en fila horizontal */
.aacv-product-buttons {
flex-direction: row !important;
}
.aacv-btn-whatsapp,
.aacv-btn-ficha {
flex: 1 1 0 !important;
}
/* Descripción (order:10) ANTES de relacionados (order:20) */
.aacv-single-product-wrap .related.products,
.aacv-single-product-wrap .upsells.products {
order: 20 !important;
flex: 0 0 100% !important;
width: 100% !important;
}
/* ============================================================
AACV - Página Nosotros: diseño profesional
============================================================ */
.aacv-page-nosotros { font-family: inherit; }
/* Hero */
.nos-hero {
background: linear-gradient(135deg, #103070 0%, #0e1c55 100%);
border-radius: 12px;
padding: 60px 48px;
margin-bottom: 48px;
color: #fff;
}
.nos-hero-content { max-width: 700px; }
.nos-badge {
display: inline-block;
background: rgba(0,159,227,0.15);
border: 1px solid rgba(0,159,227,0.4);
color: #ff6b7a;
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 5px 14px;
border-radius: 20px;
margin-bottom: 20px;
}
.nos-hero h1 {
font-size: 46px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
color: #fff !important;
margin: 0 0 16px !important;
padding: 0 !important;
}
.nos-hero h1 span { color: #009fe3; }
.nos-hero > .nos-hero-content > p {
font-size: 20px !important;
color: rgba(255,255,255,0.8) !important;
line-height: 1.6 !important;
margin: 0 0 32px !important;
}
.nos-hero-stats {
display: flex;
gap: 32px;
flex-wrap: wrap;
}
.nos-stat {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.nos-stat strong {
font-size: 42px;
font-weight: 900;
color: #009fe3;
line-height: 1;
}
.nos-stat span {
font-size: 16px;
color: rgba(255,255,255,0.65);
margin-top: 4px;
}
/* Secciones */
.nos-section {
padding: 48px 0;
border-bottom: 1px solid #eee;
}
.nos-section:last-child { border-bottom: none; }
.nos-valores-bg {
background: #f8f9fa;
border-radius: 12px;
padding: 48px 40px;
border: none;
margin-bottom: 0;
}
/* Tags y títulos */
.nos-tag {
display: inline-block;
background: #fff0f0;
color: #009fe3;
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 4px 12px;
border-radius: 20px;
margin-bottom: 12px;
border: 1px solid #fcc;
}
.nos-tag.light {
background: rgba(0,159,227,0.1);
border-color: rgba(0,159,227,0.2);
}
.nos-section h2 {
font-size: 33px !important;
font-weight: 800 !important;
color: #1d1d1b !important;
margin: 0 0 16px !important;
padding: 0 !important;
line-height: 1.25 !important;
}
.nos-center { text-align: center; margin-bottom: 36px; }
.nos-subtitle {
font-size: 18px;
color: #666;
margin-top: 8px;
}
/* Grid 2 columnas */
.nos-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}
.nos-text p {
font-size: 18px !important;
color: #555 !important;
line-height: 1.75 !important;
margin-bottom: 14px !important;
}
/* Marcas grid */
.nos-marcas-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.nos-marca-card {
background: #fff;
border: 2px solid #eee;
border-radius: 10px;
padding: 20px;
text-align: center;
transition: border-color 0.2s, transform 0.2s;
}
.nos-marca-card:hover { transform: translateY(-3px); }
.nos-marca-card.dewalt { border-color: #FECC00; }
.nos-marca-card.bosch { border-color: #007BC0; }
.nos-marca-card.makita { border-color: #00A0B0; }
.nos-marca-card.honda { border-color: #CC0000; }
.nos-marca-card strong {
display: block;
font-size: 21px;
font-weight: 800;
color: #1d1d1b;
margin-bottom: 4px;
}
.nos-marca-card span {
font-size: 14px;
color: #888;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* Grid 4 columnas - valores */
.nos-grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-top: 8px;
}
.nos-valor-card {
background: #fff;
border-radius: 10px;
padding: 28px 20px;
text-align: center;
box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.nos-icon {
font-size: 42px;
margin-bottom: 14px;
display: block;
}
.nos-valor-card h3 {
font-size: 18px !important;
font-weight: 700 !important;
color: #1d1d1b !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
.nos-valor-card p {
font-size: 16px !important;
color: #666 !important;
line-height: 1.6 !important;
margin: 0 !important;
}
/* Sucursales */
.nos-suc-region {
font-size: 19px !important;
font-weight: 700 !important;
color: #103070 !important;
margin: 0 0 16px !important;
padding: 0 !important;
}
.nos-suc-card {
background: #fff;
border: 1px solid #eee;
border-radius: 10px;
padding: 20px 24px;
margin-bottom: 14px;
border-left: 4px solid #009fe3;
}
.nos-suc-card h4 {
font-size: 18px !important;
font-weight: 700 !important;
color: #1d1d1b !important;
margin: 0 0 6px !important;
padding: 0 !important;
}
.nos-suc-card p {
font-size: 16px !important;
color: #666 !important;
margin: 0 0 4px !important;
line-height: 1.5 !important;
}
.nos-telefono-central {
background: #103070;
color: #fff;
border-radius: 10px;
padding: 20px 30px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
margin-top: 32px;
text-align: center;
}
.nos-telefono-central span { font-size: 16px; color: rgba(255,255,255,0.75); }
.nos-telefono-central strong { font-size: 21px; color: #fff; }
/* ============================================================
AACV - Libro de Reclamaciones: formulario
============================================================ */
.aacv-reclamo-page { font-family: inherit; }
.rec-header {
text-align: center;
padding: 40px 0 32px;
border-bottom: 2px solid #eee;
margin-bottom: 32px;
}
.rec-header h1 {
font-size: 37px !important;
font-weight: 800 !important;
color: #1d1d1b !important;
margin: 12px 0 10px !important;
padding: 0 !important;
}
.rec-header p { font-size: 18px; color: #666; margin: 0; }
.rec-aviso {
background: #fff8e1;
border: 1px solid #ffe082;
border-left: 4px solid #f59e0b;
border-radius: 6px;
padding: 14px 20px;
font-size: 16px;
color: #7c5e00;
margin-bottom: 32px;
}
.aacv-rec-form { max-width: 900px; margin: 0 auto; }
.rec-section-title {
font-size: 18px;
font-weight: 800;
color: #103070;
text-transform: uppercase;
letter-spacing: 0.5px;
background: #f0f4f8;
padding: 10px 16px;
border-radius: 6px;
margin: 28px 0 20px;
border-left: 4px solid #103070;
}
.rec-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.rec-full { grid-column: 1 / -1; }
.rec-field { display: flex; flex-direction: column; gap: 6px; }
.rec-field label {
font-size: 16px;
font-weight: 600;
color: #333;
}
.rec-field label span { color: #009fe3; }
.rec-field input,
.rec-field select,
.rec-field textarea {
border: 1.5px solid #ddd !important;
border-radius: 6px !important;
padding: 10px 14px !important;
font-size: 17px !important;
color: #333 !important;
background: #fff !important;
transition: border-color 0.2s !important;
width: 100% !important;
margin: 0 !important;
outline: none !important;
font-family: inherit !important;
}
.rec-field input:focus,
.rec-field select:focus,
.rec-field textarea:focus {
border-color: #103070 !important;
box-shadow: 0 0 0 3px rgba(28,47,118,0.08) !important;
}
.rec-field textarea { resize: vertical !important; min-height: 100px !important; }
/* Radio tipo reclamo/queja */
.rec-radio-group { display: flex; gap: 16px; flex-wrap: wrap; }
.rec-radio {
display: flex;
align-items: flex-start;
gap: 10px;
background: #f8f9fa;
border: 1.5px solid #ddd;
border-radius: 8px;
padding: 14px 18px;
cursor: pointer;
flex: 1;
transition: border-color 0.2s, background 0.2s;
}
.rec-radio:hover { border-color: #103070; background: #f0f4f8; }
.rec-radio input[type="radio"] { margin-top: 2px; accent-color: #009fe3; }
.rec-radio span { font-weight: 700; font-size: 17px; color: #1d1d1b; display: block; }
.rec-radio small { font-size: 15px; color: #888; display: block; margin-top: 2px; }
/* Checkbox autorización */
.rec-check {
display: flex;
align-items: flex-start;
gap: 10px;
cursor: pointer;
font-size: 16px;
color: #555;
line-height: 1.5;
}
.rec-check input { margin-top: 2px; accent-color: #009fe3; flex-shrink: 0; }
/* Botón submit */
.rec-submit-row { margin-top: 28px; }
.rec-btn-submit {
background: #009fe3 !important;
color: #fff !important;
border: none !important;
padding: 15px 40px !important;
border-radius: 8px !important;
font-size: 18px !important;
font-weight: 800 !important;
cursor: pointer !important;
letter-spacing: 0.5px !important;
transition: opacity 0.2s, transform 0.15s !important;
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
}
.rec-btn-submit:hover { opacity: 0.88 !important; transform: translateY(-1px) !important; }
.rec-nota { font-size: 15px; color: #888; margin-top: 10px; }
.rec-success {
background: #d4edda;
border: 1px solid #c3e6cb;
color: #155724;
padding: 16px 20px;
border-radius: 8px;
margin-top: 20px;
font-weight: 600;
}
/* Responsive */
@media (max-width: 768px) {
.nos-hero { padding: 36px 24px; }
.nos-hero h1 { font-size: 33px !important; }
.nos-grid-2 { grid-template-columns: 1fr; }
.nos-grid-4 { grid-template-columns: 1fr 1fr; }
.nos-marcas-grid { grid-template-columns: 1fr 1fr; }
.rec-grid-2 { grid-template-columns: 1fr; }
.rec-full { grid-column: auto; }
.nos-hero-stats { gap: 20px; }
}
/* ============================================================
AACV - Página Nosotros: diseño profesional
============================================================ */
.aacv-page-nosotros { font-family: inherit; }
/* Hero */
.nos-hero {
background: linear-gradient(135deg, #103070 0%, #0e1c55 100%);
border-radius: 12px;
padding: 60px 48px;
margin-bottom: 48px;
color: #fff;
}
.nos-hero-content { max-width: 700px; }
.nos-badge {
display: inline-block;
background: rgba(0,159,227,0.15);
border: 1px solid rgba(0,159,227,0.4);
color: #ff6b7a;
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 5px 14px;
border-radius: 20px;
margin-bottom: 20px;
}
.nos-hero h1 {
font-size: 46px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
color: #fff !important;
margin: 0 0 16px !important;
padding: 0 !important;
}
.nos-hero h1 span { color: #009fe3; }
.nos-hero > .nos-hero-content > p {
font-size: 20px !important;
color: rgba(255,255,255,0.8) !important;
line-height: 1.6 !important;
margin: 0 0 32px !important;
}
.nos-hero-stats {
display: flex;
gap: 32px;
flex-wrap: wrap;
}
.nos-stat {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.nos-stat strong {
font-size: 42px;
font-weight: 900;
color: #009fe3;
line-height: 1;
}
.nos-stat span {
font-size: 16px;
color: rgba(255,255,255,0.65);
margin-top: 4px;
}
/* Secciones */
.nos-section {
padding: 48px 0;
border-bottom: 1px solid #eee;
}
.nos-section:last-child { border-bottom: none; }
.nos-valores-bg {
background: #f8f9fa;
border-radius: 12px;
padding: 48px 40px;
border: none;
margin-bottom: 0;
}
/* Tags y títulos */
.nos-tag {
display: inline-block;
background: #fff0f0;
color: #009fe3;
font-size: 15px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 4px 12px;
border-radius: 20px;
margin-bottom: 12px;
border: 1px solid #fcc;
}
.nos-tag.light {
background: rgba(0,159,227,0.1);
border-color: rgba(0,159,227,0.2);
}
.nos-section h2 {
font-size: 33px !important;
font-weight: 800 !important;
color: #1d1d1b !important;
margin: 0 0 16px !important;
padding: 0 !important;
line-height: 1.25 !important;
}
.nos-center { text-align: center; margin-bottom: 36px; }
.nos-subtitle {
font-size: 18px;
color: #666;
margin-top: 8px;
}
/* Grid 2 columnas */
.nos-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: start;
}
.nos-text p {
font-size: 18px !important;
color: #555 !important;
line-height: 1.75 !important;
margin-bottom: 14px !important;
}
/* Marcas grid */
.nos-marcas-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.nos-marca-card {
background: #fff;
border: 2px solid #eee;
border-radius: 10px;
padding: 20px;
text-align: center;
transition: border-color 0.2s, transform 0.2s;
}
.nos-marca-card:hover { transform: translateY(-3px); }
.nos-marca-card.dewalt { border-color: #FECC00; }
.nos-marca-card.bosch { border-color: #007BC0; }
.nos-marca-card.makita { border-color: #00A0B0; }
.nos-marca-card.honda { border-color: #CC0000; }
.nos-marca-card strong {
display: block;
font-size: 21px;
font-weight: 800;
color: #1d1d1b;
margin-bottom: 4px;
}
.nos-marca-card span {
font-size: 14px;
color: #888;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* Grid 4 columnas - valores */
.nos-grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-top: 8px;
}
.nos-valor-card {
background: #fff;
border-radius: 10px;
padding: 28px 20px;
text-align: center;
box-shadow: 0 2px 12px rgba(0,0,0,.06);
}
.nos-icon {
font-size: 42px;
margin-bottom: 14px;
display: block;
}
.nos-valor-card h3 {
font-size: 18px !important;
font-weight: 700 !important;
color: #1d1d1b !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
.nos-valor-card p {
font-size: 16px !important;
color: #666 !important;
line-height: 1.6 !important;
margin: 0 !important;
}
/* Sucursales */
.nos-suc-region {
font-size: 19px !important;
font-weight: 700 !important;
color: #103070 !important;
margin: 0 0 16px !important;
padding: 0 !important;
}
.nos-suc-card {
background: #fff;
border: 1px solid #eee;
border-radius: 10px;
padding: 20px 24px;
margin-bottom: 14px;
border-left: 4px solid #009fe3;
}
.nos-suc-card h4 {
font-size: 18px !important;
font-weight: 700 !important;
color: #1d1d1b !important;
margin: 0 0 6px !important;
padding: 0 !important;
}
.nos-suc-card p {
font-size: 16px !important;
color: #666 !important;
margin: 0 0 4px !important;
line-height: 1.5 !important;
}
.nos-telefono-central {
background: #103070;
color: #fff;
border-radius: 10px;
padding: 20px 30px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
margin-top: 32px;
text-align: center;
}
.nos-telefono-central span { font-size: 16px; color: rgba(255,255,255,0.75); }
.nos-telefono-central strong { font-size: 21px; color: #fff; }
/* ============================================================
AACV - Libro de Reclamaciones: formulario
============================================================ */
.aacv-reclamo-page { font-family: inherit; }
.rec-header {
text-align: center;
padding: 40px 0 32px;
border-bottom: 2px solid #eee;
margin-bottom: 32px;
}
.rec-header h1 {
font-size: 37px !important;
font-weight: 800 !important;
color: #1d1d1b !important;
margin: 12px 0 10px !important;
padding: 0 !important;
}
.rec-header p { font-size: 18px; color: #666; margin: 0; }
.rec-aviso {
background: #fff8e1;
border: 1px solid #ffe082;
border-left: 4px solid #f59e0b;
border-radius: 6px;
padding: 14px 20px;
font-size: 16px;
color: #7c5e00;
margin-bottom: 32px;
}
.aacv-rec-form { max-width: 900px; margin: 0 auto; }
.rec-section-title {
font-size: 18px;
font-weight: 800;
color: #103070;
text-transform: uppercase;
letter-spacing: 0.5px;
background: #f0f4f8;
padding: 10px 16px;
border-radius: 6px;
margin: 28px 0 20px;
border-left: 4px solid #103070;
}
.rec-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.rec-full { grid-column: 1 / -1; }
.rec-field { display: flex; flex-direction: column; gap: 6px; }
.rec-field label {
font-size: 16px;
font-weight: 600;
color: #333;
}
.rec-field label span { color: #009fe3; }
.rec-field input,
.rec-field select,
.rec-field textarea {
border: 1.5px solid #ddd !important;
border-radius: 6px !important;
padding: 10px 14px !important;
font-size: 17px !important;
color: #333 !important;
background: #fff !important;
transition: border-color 0.2s !important;
width: 100% !important;
margin: 0 !important;
outline: none !important;
font-family: inherit !important;
}
.rec-field input:focus,
.rec-field select:focus,
.rec-field textarea:focus {
border-color: #103070 !important;
box-shadow: 0 0 0 3px rgba(28,47,118,0.08) !important;
}
.rec-field textarea { resize: vertical !important; min-height: 100px !important; }
/* Radio tipo reclamo/queja */
.rec-radio-group { display: flex; gap: 16px; flex-wrap: wrap; }
.rec-radio {
display: flex;
align-items: flex-start;
gap: 10px;
background: #f8f9fa;
border: 1.5px solid #ddd;
border-radius: 8px;
padding: 14px 18px;
cursor: pointer;
flex: 1;
transition: border-color 0.2s, background 0.2s;
}
.rec-radio:hover { border-color: #103070; background: #f0f4f8; }
.rec-radio input[type="radio"] { margin-top: 2px; accent-color: #009fe3; }
.rec-radio span { font-weight: 700; font-size: 17px; color: #1d1d1b; display: block; }
.rec-radio small { font-size: 15px; color: #888; display: block; margin-top: 2px; }
/* Checkbox autorización */
.rec-check {
display: flex;
align-items: flex-start;
gap: 10px;
cursor: pointer;
font-size: 16px;
color: #555;
line-height: 1.5;
}
.rec-check input { margin-top: 2px; accent-color: #009fe3; flex-shrink: 0; }
/* Botón submit */
.rec-submit-row { margin-top: 28px; }
.rec-btn-submit {
background: #009fe3 !important;
color: #fff !important;
border: none !important;
padding: 15px 40px !important;
border-radius: 8px !important;
font-size: 18px !important;
font-weight: 800 !important;
cursor: pointer !important;
letter-spacing: 0.5px !important;
transition: opacity 0.2s, transform 0.15s !important;
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
}
.rec-btn-submit:hover { opacity: 0.88 !important; transform: translateY(-1px) !important; }
.rec-nota { font-size: 15px; color: #888; margin-top: 10px; }
.rec-success {
background: #d4edda;
border: 1px solid #c3e6cb;
color: #155724;
padding: 16px 20px;
border-radius: 8px;
margin-top: 20px;
font-weight: 600;
}
/* Responsive */
@media (max-width: 768px) {
.nos-hero { padding: 36px 24px; }
.nos-hero h1 { font-size: 33px !important; }
.nos-grid-2 { grid-template-columns: 1fr; }
.nos-grid-4 { grid-template-columns: 1fr 1fr; }
.nos-marcas-grid { grid-template-columns: 1fr 1fr; }
.rec-grid-2 { grid-template-columns: 1fr; }
.rec-full { grid-column: auto; }
.nos-hero-stats { gap: 20px; }
}
/* ============================================================
AACV - Reclamos & Nosotros: CSS dentro de .itools-inner-content-body
============================================================ */
.itools-inner-content-body .aacv-reclamo-page,
.itools-inner-content-body .aacv-page-nosotros {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
/* ── Header formulario ── */
.itools-inner-content-body .rec-header {
text-align: center;
padding: 32px 0 28px;
border-bottom: 2px solid #eee;
margin-bottom: 28px;
}
.itools-inner-content-body .rec-header h1 {
font-size: 33px !important;
font-weight: 800 !important;
color: #1d1d1b !important;
margin: 10px 0 8px !important;
padding: 0 !important;
}
.itools-inner-content-body .rec-header p { font-size: 18px !important; color: #666 !important; margin: 0 !important; }
/* ── Aviso privacidad ── */
.itools-inner-content-body .rec-aviso {
background: #fff8e1;
border: 1px solid #ffe082;
border-left: 4px solid #f59e0b;
border-radius: 6px;
padding: 12px 18px;
font-size: 16px !important;
color: #7c5e00 !important;
margin-bottom: 28px;
}
/* ── Formulario contenedor ── */
.itools-inner-content-body .aacv-rec-form {
max-width: 860px;
margin: 0 auto;
}
/* ── Sección título ── */
.itools-inner-content-body .rec-section-title {
font-size: 16px !important;
font-weight: 800 !important;
color: #103070 !important;
text-transform: uppercase !important;
letter-spacing: 0.6px !important;
background: #eef2f7 !important;
padding: 10px 16px !important;
border-radius: 6px !important;
margin: 28px 0 18px !important;
border-left: 4px solid #009fe3 !important;
}
/* ── Grid 2 cols ── */
.itools-inner-content-body .rec-grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 4px;
}
.itools-inner-content-body .rec-full { grid-column: 1 / -1; }
/* ── Campos ── */
.itools-inner-content-body .rec-field {
display: flex;
flex-direction: column;
gap: 5px;
}
.itools-inner-content-body .rec-field label {
font-size: 16px !important;
font-weight: 600 !important;
color: #333 !important;
margin: 0 !important;
}
.itools-inner-content-body .rec-field label span { color: #009fe3 !important; }
.itools-inner-content-body .rec-field input,
.itools-inner-content-body .rec-field select,
.itools-inner-content-body .rec-field textarea {
border: 1.5px solid #d1d5db !important;
border-radius: 7px !important;
padding: 11px 14px !important;
font-size: 17px !important;
color: #222 !important;
background: #fff !important;
width: 100% !important;
margin: 0 !important;
outline: none !important;
font-family: inherit !important;
transition: border-color 0.2s, box-shadow 0.2s !important;
box-shadow: 0 1px 3px rgba(0,0,0,.04) !important;
}
.itools-inner-content-body .rec-field input:focus,
.itools-inner-content-body .rec-field select:focus,
.itools-inner-content-body .rec-field textarea:focus {
border-color: #103070 !important;
box-shadow: 0 0 0 3px rgba(28,47,118,0.10) !important;
}
.itools-inner-content-body .rec-field textarea {
resize: vertical !important;
min-height: 100px !important;
}
/* ── Radio reclamo/queja ── */
.itools-inner-content-body .rec-radio-group {
display: flex;
gap: 14px;
flex-wrap: wrap;
}
.itools-inner-content-body .rec-radio {
display: flex;
align-items: flex-start;
gap: 12px;
background: #f8fafc;
border: 1.5px solid #d1d5db;
border-radius: 8px;
padding: 14px 18px;
cursor: pointer;
flex: 1;
transition: border-color 0.2s, background 0.2s;
min-width: 180px;
}
.itools-inner-content-body .rec-radio:hover { border-color: #103070; background: #f0f4f8; }
.itools-inner-content-body .rec-radio input { margin-top: 3px; accent-color: #009fe3; flex-shrink: 0; }
.itools-inner-content-body .rec-radio span { font-weight: 700 !important; font-size: 17px !important; color: #1d1d1b !important; display: block !important; }
.itools-inner-content-body .rec-radio small { font-size: 15px !important; color: #888 !important; display: block !important; margin-top: 3px !important; }
/* ── Checkbox autorización ── */
.itools-inner-content-body .rec-check {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
cursor: pointer !important;
font-size: 16px !important;
color: #555 !important;
line-height: 1.5 !important;
background: #f8fafc;
border: 1.5px solid #d1d5db;
border-radius: 8px;
padding: 14px 18px;
}
.itools-inner-content-body .rec-check input {
width: auto !important;
margin-top: 3px !important;
flex-shrink: 0 !important;
accent-color: #009fe3 !important;
padding: 0 !important;
border: none !important;
box-shadow: none !important;
}
/* ── Botón submit ── */
.itools-inner-content-body .rec-submit-row { margin-top: 28px; }
.itools-inner-content-body .rec-btn-submit {
background: #009fe3 !important;
color: #fff !important;
border: none !important;
padding: 15px 40px !important;
border-radius: 8px !important;
font-size: 18px !important;
font-weight: 800 !important;
cursor: pointer !important;
letter-spacing: 0.4px !important;
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
transition: opacity 0.2s, transform 0.15s !important;
box-shadow: 0 4px 14px rgba(0,159,227,0.30) !important;
}
.itools-inner-content-body .rec-btn-submit:hover {
opacity: 0.88 !important;
transform: translateY(-1px) !important;
}
.itools-inner-content-body .rec-btn-submit:disabled {
opacity: 0.6 !important;
cursor: not-allowed !important;
transform: none !important;
}
.itools-inner-content-body .rec-nota {
font-size: 15px !important;
color: #888 !important;
margin-top: 10px !important;
}
/* ── MODAL ── */
#rec-modal-overlay {
position: fixed !important;
inset: 0 !important;
background: rgba(0,0,0,0.55) !important;
z-index: 99999 !important;
display: none;
align-items: center !important;
justify-content: center !important;
padding: 20px !important;
}
#rec-modal-box {
background: #fff !important;
border-radius: 14px !important;
padding: 40px 36px !important;
max-width: 480px !important;
width: 100% !important;
text-align: center !important;
box-shadow: 0 20px 60px rgba(0,0,0,0.25) !important;
animation: recModalIn 0.3s ease !important;
}
@keyframes recModalIn {
from { opacity: 0; transform: scale(0.92) translateY(10px); }
to { opacity: 1; transform: scale(1) translateY(0); }
}
#rec-modal-icon {
font-size: 60px !important;
width: 80px !important;
height: 80px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto 20px !important;
}
#rec-modal-icon.rec-modal-ok { background: #d4edda; color: #155724; }
#rec-modal-icon.rec-modal-err { background: #f8d7da; color: #721c24; }
#rec-modal-box h3 {
font-size: 23px !important;
font-weight: 800 !important;
margin: 0 0 10px !important;
color: #1d1d1b !important;
padding: 0 !important;
}
#rec-modal-box p {
font-size: 17px !important;
color: #555 !important;
line-height: 1.6 !important;
margin: 0 0 24px !important;
}
#rec-modal-close {
background: #103070 !important;
color: #fff !important;
border: none !important;
padding: 12px 32px !important;
border-radius: 7px !important;
font-size: 17px !important;
font-weight: 700 !important;
cursor: pointer !important;
}
#rec-modal-close:hover { background: #009fe3 !important; }
/* ── Responsive ── */
@media (max-width: 640px) {
.itools-inner-content-body .rec-grid-2 { grid-template-columns: 1fr !important; }
.itools-inner-content-body .rec-full { grid-column: auto !important; }
.itools-inner-content-body .rec-radio-group { flex-direction: column !important; }
}
/* Sucursales con fotos */
.nos-suc-fotos-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-top: 8px;
}
.nos-suc-foto-card {
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 16px rgba(0,0,0,.08);
transition: transform 0.2s, box-shadow 0.2s;
}
.nos-suc-foto-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 30px rgba(0,0,0,.14);
}
.nos-suc-foto-wrap {
position: relative;
overflow: hidden;
height: 180px;
}
.nos-suc-foto-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s;
}
.nos-suc-foto-card:hover .nos-suc-foto-wrap img {
transform: scale(1.05);
}
.nos-suc-region-badge {
position: absolute;
top: 10px;
right: 10px;
background: rgba(28,47,118,0.85);
color: #fff;
font-size: 14px;
font-weight: 700;
padding: 4px 10px;
border-radius: 20px;
backdrop-filter: blur(4px);
}
.nos-suc-foto-info {
padding: 16px 18px 18px;
}
.nos-suc-foto-info h4 {
font-size: 18px !important;
font-weight: 700 !important;
color: #103070 !important;
margin: 0 0 6px !important;
padding: 0 !important;
}
.nos-suc-foto-info p {
font-size: 15px !important;
color: #666 !important;
margin: 0 0 4px !important;
line-height: 1.5 !important;
}
.nos-suc-tel {
font-weight: 600 !important;
color: #103070 !important;
}
@media (max-width: 1024px) {
.nos-suc-fotos-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.nos-suc-fotos-grid { grid-template-columns: 1fr; }
.nos-suc-foto-wrap { height: 200px; }
}
/* ============================================================
AACV – Página Contacto
============================================================ */
.aacv-contacto-page {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
/* Hero */
.cto-hero {
background: linear-gradient(135deg, #103070 0%, #0e1c55 100%);
border-radius: 12px;
padding: 52px 48px;
margin-bottom: 28px;
color: #fff;
text-align: center;
}
.cto-badge {
display: inline-block;
background: rgba(0,159,227,.15);
border: 1px solid rgba(0,159,227,.4);
color: #ff6b7a;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 4px 14px;
border-radius: 20px;
margin-bottom: 16px;
}
.cto-hero h1 {
font-size: 44px !important;
font-weight: 900 !important;
color: #fff !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
.cto-hero p {
font-size: 19px !important;
color: rgba(255,255,255,.75) !important;
margin: 0 !important;
}
/* Barra rápida */
.cto-quickbar {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 12px;
margin-bottom: 36px;
}
.cto-quick-item {
display: flex;
align-items: center;
gap: 12px;
background: #fff;
border: 1.5px solid #e8ecf0;
border-radius: 10px;
padding: 14px 16px;
text-decoration: none !important;
color: inherit !important;
transition: border-color .2s, box-shadow .2s;
}
.cto-quick-item:hover { border-color: #103070; box-shadow: 0 4px 14px rgba(0,0,0,.08); }
.cto-qi-wa { border-color: #25D366 !important; }
.cto-qi-wa:hover { background: #f0fff4 !important; }
.cto-qi-icon { font-size: 28px; flex-shrink: 0; }
.cto-quick-item strong { display: block; font-size: 15px; font-weight: 700; color: #103070; margin-bottom: 2px; }
.cto-quick-item span { display: block; font-size: 16px; color: #555; }
/* Grid formulario + info */
.cto-main-grid {
display: grid;
grid-template-columns: 1fr 380px;
gap: 28px;
margin-bottom: 48px;
align-items: start;
}
/* Formulario */
.cto-form-box {
background: #fff;
border: 1.5px solid #e8ecf0;
border-radius: 12px;
padding: 32px 36px;
}
.cto-form-box h2 {
font-size: 26px !important;
font-weight: 800 !important;
color: #103070 !important;
margin: 0 0 6px !important;
padding: 0 !important;
}
.cto-form-sub { font-size: 17px !important; color: #777 !important; margin: 0 0 24px !important; }
.cto-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.cto-field { display: flex; flex-direction: column; gap: 5px; margin-bottom: 16px; }
.cto-field label { font-size: 16px !important; font-weight: 600 !important; color: #333 !important; margin: 0 !important; }
.cto-field label span { color: #009fe3; }
.cto-field input,
.cto-field select,
.cto-field textarea {
border: 1.5px solid #d1d5db !important;
border-radius: 7px !important;
padding: 11px 14px !important;
font-size: 17px !important;
color: #222 !important;
background: #fff !important;
width: 100% !important;
margin: 0 !important;
outline: none !important;
font-family: inherit !important;
transition: border-color .2s, box-shadow .2s !important;
}
.cto-field input:focus,
.cto-field select:focus,
.cto-field textarea:focus {
border-color: #103070 !important;
box-shadow: 0 0 0 3px rgba(28,47,118,.09) !important;
}
.cto-field textarea { resize: vertical !important; min-height: 120px !important; }
.cto-btn-submit {
background: #009fe3 !important;
color: #fff !important;
border: none !important;
padding: 14px 36px !important;
border-radius: 8px !important;
font-size: 18px !important;
font-weight: 800 !important;
cursor: pointer !important;
display: inline-flex !important;
align-items: center !important;
gap: 10px !important;
transition: opacity .2s, transform .15s !important;
box-shadow: 0 4px 14px rgba(0,159,227,.28) !important;
letter-spacing: .3px !important;
}
.cto-btn-submit:hover { opacity: .88 !important; transform: translateY(-1px) !important; }
.cto-btn-submit:disabled { opacity: .6 !important; cursor: not-allowed !important; transform: none !important; }
/* Columna info */
.cto-info-col { display: flex; flex-direction: column; gap: 14px; }
.cto-info-card {
display: flex;
align-items: flex-start;
gap: 14px;
background: #fff;
border: 1.5px solid #e8ecf0;
border-radius: 10px;
padding: 16px 18px;
}
.cto-info-card.cto-info-wa { border-color: #25D366; }
.cto-info-icon {
width: 44px;
height: 44px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 23px;
flex-shrink: 0;
}
.cto-info-card h4 { font-size: 16px !important; font-weight: 800 !important; color: #103070 !important; margin: 0 0 4px !important; padding: 0 !important; }
.cto-info-card p { font-size: 16px !important; color: #555 !important; margin: 0 0 3px !important; }
.cto-info-card a { color: #103070 !important; text-decoration: none !important; font-weight: 600; }
.cto-info-card a:hover { color: #009fe3 !important; }
.cto-wa-btn {
display: inline-block;
margin-top: 8px;
background: #25D366;
color: #fff !important;
padding: 8px 18px;
border-radius: 6px;
font-size: 16px;
font-weight: 700;
text-decoration: none !important;
transition: opacity .2s;
}
.cto-wa-btn:hover { opacity: .88; }
/* Sucursales */
.cto-suc-section { margin-bottom: 40px; }
.cto-section-header { text-align: center; margin-bottom: 28px; }
.cto-tag {
display: inline-block;
background: #fff0f0;
color: #009fe3;
font-size: 14px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 4px 12px;
border-radius: 20px;
margin-bottom: 10px;
border: 1px solid #fcc;
}
.cto-section-header h2 {
font-size: 30px !important;
font-weight: 800 !important;
color: #1d1d1b !important;
margin: 0 0 6px !important;
padding: 0 !important;
}
.cto-section-header p { font-size: 17px !important; color: #777 !important; margin: 0 !important; }
.cto-suc-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 18px;
}
.cto-suc-card {
background: #fff;
border: 1.5px solid #e8ecf0;
border-radius: 12px;
overflow: hidden;
transition: box-shadow .2s, transform .2s;
}
.cto-suc-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,.1); transform: translateY(-3px); }
.cto-suc-top {
background: #103070;
padding: 16px 18px;
}
.cto-suc-top h3 {
font-size: 18px !important;
font-weight: 800 !important;
color: #fff !important;
margin: 6px 0 0 !important;
padding: 0 !important;
}
.cto-suc-region {
display: inline-block;
font-size: 13px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 3px 10px;
border-radius: 20px;
}
.cto-suc-region.lima { background: rgba(0,159,227,.2); color: #ff8891; border: 1px solid rgba(0,159,227,.3); }
.cto-suc-region.prov { background: rgba(37,211,102,.15); color: #4cdf85; border: 1px solid rgba(37,211,102,.3); }
.cto-suc-body { padding: 16px 18px; border-bottom: 1px solid #f0f0f0; }
.cto-suc-row {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 10px;
font-size: 16px;
color: #555;
}
.cto-suc-row:last-child { margin-bottom: 0; }
.cto-suc-ico { flex-shrink: 0; font-size: 17px; line-height: 1.5; }
.cto-suc-row a { color: #103070 !important; text-decoration: none !important; font-weight: 600; }
.cto-suc-row a:hover { color: #009fe3 !important; }
.cto-suc-actions {
padding: 14px 18px;
display: flex;
gap: 8px;
}
.cto-btn-map,
.cto-btn-wa-small {
flex: 1;
display: block;
text-align: center;
padding: 8px 6px;
border-radius: 6px;
font-size: 15px;
font-weight: 700;
text-decoration: none !important;
transition: opacity .2s;
}
.cto-btn-map { background: #f0f4f8; color: #103070 !important; border: 1.5px solid #d0d8e4; }
.cto-btn-map:hover { background: #e0e8f0; }
.cto-btn-wa-small { background: #25D366; color: #fff !important; }
.cto-btn-wa-small:hover { opacity: .88; }
/* CTA bar */
.cto-cta-bar {
background: linear-gradient(135deg, #103070, #0e1c55);
border-radius: 12px;
padding: 28px 36px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
flex-wrap: wrap;
}
.cto-cta-text strong { display: block; font-size: 21px; font-weight: 800; color: #fff; margin-bottom: 4px; }
.cto-cta-text span { font-size: 16px; color: rgba(255,255,255,.7); }
.cto-cta-btns { display: flex; gap: 12px; flex-shrink: 0; }
.cto-cta-wa,
.cto-cta-email {
padding: 12px 22px;
border-radius: 8px;
font-size: 17px;
font-weight: 800;
text-decoration: none !important;
transition: opacity .2s, transform .15s;
}
.cto-cta-wa { background: #25D366; color: #fff !important; }
.cto-cta-email { background: rgba(255,255,255,.12); color: #fff !important; border: 1.5px solid rgba(255,255,255,.25); }
.cto-cta-wa:hover, .cto-cta-email:hover { opacity: .88; transform: translateY(-1px); }
/* Responsive */
@media (max-width: 1024px) {
.cto-quickbar { grid-template-columns: repeat(2, 1fr); }
.cto-main-grid { grid-template-columns: 1fr; }
.cto-suc-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
.cto-hero { padding: 36px 20px; }
.cto-hero h1 { font-size: 33px !important; }
.cto-quickbar { grid-template-columns: 1fr; }
.cto-field-row { grid-template-columns: 1fr; }
.cto-form-box { padding: 22px 18px; }
.cto-suc-grid { grid-template-columns: 1fr; }
.cto-cta-bar { flex-direction: column; text-align: center; }
.cto-cta-btns { width: 100%; justify-content: center; }
}
/* ============================================================
AACV – Sección Sucursales (Home)
============================================================ */
.itools-suc-section {
padding: 64px 0 100px !important;
background: #f8f9fa;
}
.itools-suc-head {
text-align: center;
margin-bottom: 36px;
}
.itools-suc-tag {
display: inline-block;
background: rgba(0,159,227,.1);
color: #009fe3;
font-size: 14px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
padding: 4px 14px;
border-radius: 20px;
margin-bottom: 12px;
border: 1px solid rgba(0,159,227,.2);
}
.itools-suc-sub {
font-size: 18px !important;
color: #777 !important;
margin: 6px 0 0 !important;
}
.itools-suc-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-bottom: 28px;
}
.itools-suc-card {
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 14px rgba(0,0,0,.07);
display: flex;
flex-direction: column;
transition: transform .2s, box-shadow .2s;
}
.itools-suc-card:hover {
transform: translateY(-4px);
box-shadow: 0 10px 32px rgba(0,0,0,.13);
}
.itools-suc-card-top {
background: linear-gradient(135deg, #103070, #0e1c55) !important;
padding: 18px 24px 16px !important;
}
.itools-suc-badge {
display: inline-block;
font-size: 13px;
font-weight: 700;
letter-spacing: .8px;
text-transform: uppercase;
padding: 3px 10px;
border-radius: 20px;
margin-bottom: 8px;
}
.itools-suc-badge.lima { background: rgba(0,159,227,.25); color: #ff8891; border: 1px solid rgba(0,159,227,.35); }
.itools-suc-badge.prov { background: rgba(37,211,102,.15); color: #4cdf85; border: 1px solid rgba(37,211,102,.3); }
.itools-suc-card-top h3 {
font-size: 18px !important;
font-weight: 800 !important;
color: #fff !important;
margin: 0 !important;
padding: 0 !important;
}
.itools-suc-card-body {
padding: 24px 26px 22px !important;
flex: 1 !important;
border-bottom: 1px solid #f0f0f0 !important;
}
.itools-suc-card-body p {
font-size: 16px !important;
color: #555 !important;
margin: 0 0 12px !important;
line-height: 1.5 !important;
}
.itools-suc-tel a { color: #103070 !important; font-weight: 700 !important; text-decoration: none !important; }
.itools-suc-tel a:hover { color: #009fe3 !important; }
.itools-suc-hrs { color: #888 !important; font-size: 15px !important; }
.itools-suc-card-foot {
padding: 18px 26px 24px !important;
display: flex !important;
gap: 12px !important;
}
.itools-suc-btn-map,
.itools-suc-btn-wa {
flex: 1 !important;
display: block !important;
text-align: center !important;
padding: 11px 8px !important;
border-radius: 8px !important;
font-size: 14px !important;
font-weight: 700 !important;
text-decoration: none !important;
transition: opacity .2s !important;
}
.itools-suc-btn-map { background: #f0f4f8; color: #103070 !important; border: 1.5px solid #d0d8e4; }
.itools-suc-btn-map:hover { background: #e0e8f0; }
.itools-suc-btn-wa { background: #25D366; color: #fff !important; }
.itools-suc-btn-wa:hover { opacity: .85; }
.itools-suc-central {
background: #103070;
border-radius: 10px;
padding: 18px 28px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
text-align: center;
color: #fff;
margin-bottom: 60px !important;
}
.itools-suc-central span { font-size: 16px; color: rgba(255,255,255,.7); }
.itools-suc-central strong { font-size: 20px; }
@media (max-width: 1024px) {
.itools-suc-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.itools-suc-grid { grid-template-columns: 1fr; }
.itools-suc-section { padding: 40px 0 80px; }
}
/* ── Cart drawer: botón Ver carrito ── */
.itools-cart-drawer__btn-cart {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 11px 16px !important;
background: #fff !important;
color: #103070 !important;
border: 2px solid #103070 !important;
border-radius: 8px !important;
font-size: 17px !important;
font-weight: 700 !important;
text-decoration: none !important;
margin: 8px 0 !important;
transition: background .2s, color .2s !important;
}
.itools-cart-drawer__btn-cart:hover {
background: #103070 !important;
color: #fff !important;
}
/* Sucursales – foto */
.itools-suc-card-img {
position: relative;
overflow: hidden;
height: 170px;
}
.itools-suc-card-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s;
}
.itools-suc-card:hover .itools-suc-card-img img { transform: scale(1.06); }
.itools-suc-img-badge {
position: absolute !important;
top: 12px !important;
left: 12px !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
padding: 7px 18px !important;
border-radius: 22px !important;
line-height: 1 !important;
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
}
.itools-suc-img-badge.lima { background: rgba(0,159,227,.85); color: #fff; }
.itools-suc-img-badge.prov { background: rgba(28,47,118,.85); color: #fff; }
/* quitar badge duplicado del card-top ahora que está en la foto */
.itools-suc-card-top .itools-suc-badge { display: none; }
/* ── Sucursales slider ── */
.itools-suc-section { padding: 64px 0 100px !important; background: #f8f9fa; }
.itools-suc-slider-wrap {
position: relative;
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 28px;
}
.itools-suc-track-outer {
overflow: hidden;
flex: 1;
}
.itools-suc-track {
display: flex;
gap: 20px;
transition: transform 0.4s cubic-bezier(.4,0,.2,1);
}
.itools-suc-track .itools-suc-card {
flex: 0 0 calc(25% - 15px);
min-width: 0;
}
@media (max-width: 1200px) {
.itools-suc-track .itools-suc-card { flex: 0 0 calc(33.333% - 14px) !important; }
}
@media (max-width: 900px) {
.itools-suc-track .itools-suc-card { flex: 0 0 calc(50% - 10px) !important; }
}
@media (max-width: 600px) {
.itools-suc-track .itools-suc-card { flex: 0 0 100% !important; }
.itools-suc-section { padding: 40px 16px 60px !important; }
.itools-suc-track { gap: 14px !important; }
.itools-suc-slider-wrap { gap: 8px !important; }
.itools-suc-prev, .itools-suc-next { width: 36px !important; height: 36px !important; }
.itools-suc-card-img { height: 200px !important; }
}
@media (max-width: 480px) {
.itools-suc-head h2 { font-size: 26px !important; }
.itools-suc-card-body { padding: 20px 20px 16px !important; }
.itools-suc-card-foot { padding: 16px 20px 20px !important; }
.itools-suc-card-top { padding: 16px 20px !important; }
}
.itools-suc-prev,
.itools-suc-next {
background: #fff;
border: 2px solid #e0e0e0;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 26px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: background .2s, border-color .2s;
line-height: 1;
padding: 0;
color: #103070;
}
.itools-suc-prev:hover,
.itools-suc-next:hover { background: #103070; border-color: #103070; color: #fff; }
.itools-suc-card-img-placeholder {
width: 100%;
height: 100%;
background: linear-gradient(135deg, #e0e8f0, #c8d8e8);
}
@media (max-width: 1024px) {
.itools-suc-track .itools-suc-card { flex: 0 0 calc(50% - 10px); }
}
@media (max-width: 600px) {
.itools-suc-track .itools-suc-card { flex: 0 0 100%; }
.itools-suc-section { padding: 40px 0 80px; }
}
/* ============================================================
AACV – Tipografía corporativa
Títulos: Space Grotesk (similar a GoodTime Grotesk)
Contenido: Poppins
============================================================ */
/* Fuente base global: Poppins */
body,
.itools-page,
.itools-page *,
.aacv-contacto-page,
.aacv-page-nosotros,
.aacv-reclamo-page {
font-family: var(--aacv-font-body, Roboto, Arial, sans-serif) !important;
}
/* Títulos: Space Grotesk */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4,
.itools-hero-title,
.itools-section-title,
.itools-card-name,
.itools-suc-card-top h3,
.nos-hero h1,
.nos-section h2,
.cto-hero h1,
.cto-form-box h2,
.cto-suc-top h3,
.rec-header h1,
.aacv-combo-items-title,
.aacv-combo-card-title {
font-family: var(--aacv-font-body, Roboto, Arial, sans-serif) !important;
font-style: normal !important;
letter-spacing: -0.3px !important;
}
h1, .h1,
.itools-hero-title,
.nos-hero h1,
.cto-hero h1,
.rec-header h1 { font-weight: 700 !important; }
h2, h3, h4, h5, h6,
.h2, .h3, .h4 { font-weight: 600 !important; }
/* Botones y labels: Poppins bold */
button,
.button,
input[type=submit],
.rec-btn-submit,
.cto-btn-submit,
.itools-cart-drawer__btn-checkout,
.itools-suc-btn-wa,
.itools-suc-btn-map,
.aacv-btn-whatsapp,
.aacv-btn-ficha,
.nos-badge,
.nos-tag,
.cto-tag,
.itools-suc-badge,
.itools-suc-img-badge {
font-family: var(--aacv-font-body, Roboto, Arial, sans-serif) !important;
font-weight: 600 !important;
letter-spacing: 0.3px !important;
}
/* Precios WooCommerce: Space Grotesk */
.price, .woocommerce-Price-amount,
.itools-card-price,
.itools-card-price-sale,
.aacv-combo-card-price-sale {
font-family: var(--aacv-font-body, Roboto, Arial, sans-serif) !important;
font-weight: 700 !important;
}
/* Navegación: Poppins */
.itools-nav-link,
.itools-header-nav a,
.itools-topbar,
.itools-footer {
font-family: var(--aacv-font-body, Roboto, Arial, sans-serif) !important;
}
/* Header categoría nav */
.itools-cat-nav ul li a {
font-family: var(--aacv-font-body, Roboto, Arial, sans-serif) !important;
font-weight: 600 !important;
}
/* ============================================================
WooCommerce Carrito + Checkout — Diseño AACV
============================================================ */
.itools-inner-content { background: #f0f2f7 !important; }
.itools-inner-content .itools-container { max-width: 1000px !important; }
.itools-inner-content .woocommerce { max-width: 100%; font-size: 17px !important; }
.itools-inner-content .woocommerce-cart-form { background: #fff; border-radius: 14px; box-shadow: 0 4px 24px rgba(0,0,0,.08); overflow: hidden; margin-bottom: 32px; }
.itools-inner-content .woocommerce table.shop_table { border-collapse: collapse; width: 100%; }
.itools-inner-content .woocommerce table.shop_table th { background: #103070 !important; color: #fff !important; padding: 18px 20px !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: .5px; text-transform: uppercase; border: none !important; }
.itools-inner-content .woocommerce table.shop_table td { padding: 20px !important; border-bottom: 1px solid #edf0f6 !important; vertical-align: middle !important; font-size: 17px !important; color: #333 !important; border-top: none !important; }
.itools-inner-content .woocommerce table.shop_table tbody tr:last-child td { border-bottom: none !important; }
.itools-inner-content .woocommerce table.shop_table tbody tr:hover td { background: #f8f9ff !important; }
.itools-inner-content .woocommerce table.cart td.product-thumbnail { width: 110px !important; }
.itools-inner-content .woocommerce table.cart td.product-thumbnail img { width: 90px !important; height: 90px !important; object-fit: contain !important; border-radius: 8px !important; border: 1px solid #eee !important; background: #fafafa !important; }
.itools-inner-content .woocommerce table.cart td.product-name a { font-size: 18px !important; font-weight: 700 !important; color: #103070 !important; text-decoration: none !important; }
.itools-inner-content .woocommerce table.cart td.product-name a:hover { color: #009fe3 !important; }
.itools-inner-content .woocommerce table.cart td.product-price,
.itools-inner-content .woocommerce table.cart td.product-subtotal { font-size: 19px !important; font-weight: 700 !important; color: #009fe3 !important; }
.itools-inner-content .woocommerce .qty { font-size: 17px !important; padding: 8px 12px !important; border: 2px solid #dde3ec !important; border-radius: 8px !important; width: 70px !important; text-align: center !important; }
.itools-inner-content .woocommerce table.cart td.product-remove a.remove { font-size: 22px !important; color: #e53935 !important; }
.itools-inner-content .woocommerce-cart-form .actions { padding: 18px 20px !important; background: #f8f9fa !important; border-top: 1px solid #edf0f6 !important; display: flex !important; align-items: center !important; gap: 12px !important; flex-wrap: wrap !important; }
.itools-inner-content .woocommerce-cart-form .actions .coupon input[type="text"] { border: 2px solid #dde3ec !important; border-radius: 8px !important; padding: 11px 16px !important; font-size: 16px !important; min-width: 180px !important; }
.itools-inner-content .woocommerce-cart-form .actions .coupon .button { background: #103070 !important; color: #fff !important; border-radius: 8px !important; padding: 12px 22px !important; font-size: 16px !important; font-weight: 700 !important; border: none !important; cursor: pointer !important; }
.itools-inner-content .woocommerce-cart-form .actions button[name="update_cart"] { background: #f0f2f7 !important; color: #103070 !important; border: 2px solid #103070 !important; border-radius: 8px !important; padding: 11px 22px !important; font-size: 16px !important; font-weight: 700 !important; margin-left: auto !important; cursor: pointer !important; }
.itools-inner-content .woocommerce .cart-collaterals { margin-top: 0; display: flex; justify-content: flex-end; }
.itools-inner-content .woocommerce .cart_totals { background: #fff; border-radius: 14px; box-shadow: 0 4px 24px rgba(0,0,0,.08); padding: 28px 32px; width: 100%; max-width: 400px; }
.itools-inner-content .woocommerce .cart_totals h2 { font-size: 22px !important; font-weight: 800 !important; color: #103070 !important; margin-bottom: 20px !important; padding-bottom: 12px !important; border-bottom: 2px solid #edf0f6 !important; }
.itools-inner-content .woocommerce .cart_totals table { width: 100%; border-collapse: collapse; }
.itools-inner-content .woocommerce .cart_totals table th { font-size: 16px !important; color: #555 !important; font-weight: 600 !important; padding: 10px 0 !important; background: none !important; text-align: left !important; }
.itools-inner-content .woocommerce .cart_totals table td { font-size: 18px !important; font-weight: 700 !important; color: #103070 !important; padding: 10px 0 !important; text-align: right !important; border: none !important; }
.itools-inner-content .woocommerce .cart_totals .order-total th,
.itools-inner-content .woocommerce .cart_totals .order-total td { font-size: 22px !important; border-top: 2px solid #edf0f6 !important; padding-top: 16px !important; }
.itools-inner-content .woocommerce .cart_totals .order-total td { color: #009fe3 !important; }
.itools-inner-content .woocommerce .checkout-button,
.itools-inner-content .woocommerce #place_order { background: #009fe3 !important; color: #fff !important; border: none !important; padding: 18px 28px !important; font-size: 19px !important; font-weight: 800 !important; border-radius: 10px !important; width: 100% !important; cursor: pointer !important; margin-top: 16px !important; letter-spacing: .5px !important; text-transform: uppercase !important; }
.itools-inner-content .woocommerce .checkout-button:hover,
.itools-inner-content .woocommerce #place_order:hover { background: #007bbf !important; }
.itools-inner-content .woocommerce form .form-row label { font-weight: 700 !important; font-size: 16px !important; color: #333 !important; }
.itools-inner-content .woocommerce form .form-row input.input-text,
.itools-inner-content .woocommerce form .form-row select { border: 2px solid #dde3ec !important; border-radius: 8px !important; padding: 12px 16px !important; width: 100% !important; font-size: 16px !important; }
.itools-inner-content .woocommerce form .form-row input.input-text:focus { border-color: #009fe3 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(0,159,227,.15) !important; }
.itools-inner-content .woocommerce #order_review { background: #fff; border-radius: 14px; box-shadow: 0 4px 24px rgba(0,0,0,.08); padding: 28px; }
.itools-inner-content .woocommerce #order_review h3 { color: #103070 !important; font-size: 20px !important; font-weight: 800 !important; }
.itools-inner-content .woocommerce .woocommerce-info { background: #e8f4fd; border-left: 4px solid #009fe3; color: #103070; font-size: 16px !important; border-radius: 0 8px 8px 0; padding: 14px 18px !important; }
.itools-inner-content .woocommerce .woocommerce-error { border-left: 4px solid #e53935; border-radius: 0 8px 8px 0; font-size: 16px !important; }
/* ============================================================
Checkout — Layout 2 columnas AACV
============================================================ */
/* Expandir contenedor del checkout */
.itools-inner-content .itools-inner-content-body { max-width: 1180px !important; margin: 0 auto !important; padding: 40px 24px 60px !important; }
/* Grid 2 columnas: formulario | resumen */
.itools-inner-content .woocommerce form.checkout { display: grid !important; grid-template-columns: 1fr 420px !important; grid-template-rows: auto !important; gap: 32px !important; align-items: start !important; }
/* Col izquierda: datos de facturación */
.itools-inner-content .woocommerce form.checkout #customer_details { grid-column: 1; grid-row: 1; }
.itools-inner-content .woocommerce .col-1,
.itools-inner-content .woocommerce .col-2 { float: none !important; width: 100% !important; }
/* Col derecha: tu pedido (sticky) */
.itools-inner-content .woocommerce form.checkout #order_review_heading,
.itools-inner-content .woocommerce form.checkout #order_review { grid-column: 2; }
.itools-inner-content .woocommerce form.checkout #order_review_heading { grid-row: 1; margin-bottom: 0 !important; padding: 0 !important; align-self: end !important; }
.itools-inner-content .woocommerce form.checkout #order_review { grid-row: 1 / 3; position: sticky !important; top: 100px !important; }
/* Tarjeta formulario */
.itools-inner-content .woocommerce form.checkout #customer_details { background: #fff !important; border-radius: 14px !important; box-shadow: 0 4px 24px rgba(0,0,0,.08) !important; padding: 32px !important; }
.itools-inner-content .woocommerce h3#ship-to-different-address { font-size: 18px !important; color: #103070 !important; font-weight: 800 !important; margin-top: 28px !important; padding-top: 24px !important; border-top: 2px solid #edf0f6 !important; }
.itools-inner-content .woocommerce h3 { font-size: 20px !important; font-weight: 800 !important; color: #103070 !important; margin-bottom: 20px !important; }
/* Tarjeta resumen de pedido */
.itools-inner-content .woocommerce #order_review_heading { font-size: 20px !important; font-weight: 800 !important; color: #103070 !important; display: none !important; }
.itools-inner-content .woocommerce #order_review { background: #fff !important; border-radius: 14px !important; box-shadow: 0 4px 24px rgba(0,0,0,.08) !important; padding: 28px 28px 32px !important; }
.itools-inner-content .woocommerce #order_review h3 { font-size: 20px !important; font-weight: 800 !important; color: #103070 !important; margin-bottom: 18px !important; padding-bottom: 12px !important; border-bottom: 2px solid #edf0f6 !important; }
/* Tabla resumen pedido */
.itools-inner-content .woocommerce table#order_review .shop_table { font-size: 16px !important; }
.itools-inner-content .woocommerce #order_review table.shop_table th { background: #f4f6fb !important; color: #103070 !important; padding: 12px 16px !important; font-size: 14px !important; text-transform: uppercase !important; letter-spacing: .5px !important; }
.itools-inner-content .woocommerce #order_review table.shop_table td { padding: 14px 16px !important; font-size: 16px !important; border-bottom: 1px solid #edf0f6 !important; }
.itools-inner-content .woocommerce #order_review .cart-subtotal th,
.itools-inner-content .woocommerce #order_review .cart-subtotal td { font-size: 15px !important; color: #555 !important; padding: 10px 16px !important; }
.itools-inner-content .woocommerce #order_review .order-total th,
.itools-inner-content .woocommerce #order_review .order-total td { font-size: 22px !important; font-weight: 800 !important; padding: 16px 16px !important; border-top: 2px solid #edf0f6 !important; }
.itools-inner-content .woocommerce #order_review .order-total td { color: #009fe3 !important; }
/* Métodos de pago */
.itools-inner-content .woocommerce #payment { background: #f8f9fa !important; border-radius: 10px !important; padding: 20px !important; margin-top: 16px !important; }
.itools-inner-content .woocommerce #payment ul.payment_methods li label { font-size: 16px !important; font-weight: 600 !important; color: #333 !important; }
.itools-inner-content .woocommerce #payment .payment_box { font-size: 15px !important; background: #edf0f6 !important; border-radius: 8px !important; padding: 14px !important; }
/* Labels y campos */
.itools-inner-content .woocommerce .woocommerce-billing-fields h3,
.itools-inner-content .woocommerce .woocommerce-shipping-fields h3 { font-size: 18px !important; color: #103070 !important; font-weight: 800 !important; margin-bottom: 20px !important; padding-bottom: 10px !important; border-bottom: 2px solid #edf0f6 !important; }
.itools-inner-content .woocommerce form .form-row { margin-bottom: 16px !important; }
.itools-inner-content .woocommerce form .form-row label { font-size: 15px !important; font-weight: 700 !important; color: #444 !important; margin-bottom: 6px !important; display: block !important; }
.itools-inner-content .woocommerce form .form-row abbr { color: #e53935 !important; }
.itools-inner-content .woocommerce form .form-row input.input-text,
.itools-inner-content .woocommerce form .form-row select,
.itools-inner-content .woocommerce form .form-row textarea { border: 2px solid #dde3ec !important; border-radius: 8px !important; padding: 12px 16px !important; width: 100% !important; font-size: 16px !important; transition: border-color .2s !important; background: #fff !important; }
.itools-inner-content .woocommerce form .form-row input.input-text:focus,
.itools-inner-content .woocommerce form .form-row select:focus { border-color: #009fe3 !important; outline: none !important; box-shadow: 0 0 0 3px rgba(0,159,227,.12) !important; }
/* Botón realizar pedido */
.itools-inner-content .woocommerce #place_order { background: linear-gradient(135deg, #103070, #009fe3) !important; color: #fff !important; border: none !important; padding: 20px 28px !important; font-size: 20px !important; font-weight: 800 !important; border-radius: 10px !important; width: 100% !important; cursor: pointer !important; margin-top: 20px !important; letter-spacing: .8px !important; text-transform: uppercase !important; box-shadow: 0 4px 20px rgba(0,159,227,.35) !important; transition: transform .2s, box-shadow .2s !important; }
.itools-inner-content .woocommerce #place_order:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 28px rgba(0,159,227,.45) !important; }
/* Responsive */
@media (max-width: 768px) {
.itools-inner-content .woocommerce form.checkout { grid-template-columns: 1fr !important; }
.itools-inner-content .woocommerce form.checkout #order_review_heading,
.itools-inner-content .woocommerce form.checkout #order_review { grid-column: 1 !important; position: static !important; }
}
/* ============================================================
Eventos — Grid 3 columnas paginado
============================================================ */
.itools-eventos-section { padding: 50px 0 70px !important; background: #f8f9fa !important; }
.itools-eventos-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
margin-bottom: 50px;
}
.itools-eventos-grid .itools-blog-card {
background: #fff;
border-radius: 14px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0,0,0,.08);
display: flex;
flex-direction: column;
transition: transform .25s, box-shadow .25s;
}
.itools-eventos-grid .itools-blog-card:hover {
transform: translateY(-6px);
box-shadow: 0 12px 32px rgba(28,47,118,.15);
}
/* ── Paginación ── */
.itools-eventos-pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 6px;
flex-wrap: wrap;
padding: 20px 0;
}
.itools-eventos-pagination .ep-num,
.itools-eventos-pagination .ep-arrow {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 0 12px;
background: #fff;
border: 2px solid #dde3ec;
border-radius: 10px;
color: #103070;
font-size: 16px;
font-weight: 700;
text-decoration: none !important;
transition: all .18s;
}
.itools-eventos-pagination .ep-num:hover,
.itools-eventos-pagination .ep-arrow:hover {
background: #103070;
color: #fff;
border-color: #103070;
transform: translateY(-2px);
}
.itools-eventos-pagination .ep-current {
background: linear-gradient(135deg, #103070, #009fe3) !important;
color: #fff !important;
border-color: #103070 !important;
box-shadow: 0 4px 14px rgba(0,159,227,.3);
}
.itools-eventos-pagination .ep-arrow {
font-size: 22px;
font-weight: 900;
}
.itools-eventos-pagination .ep-disabled {
opacity: .35;
cursor: not-allowed;
pointer-events: none;
}
.itools-eventos-pagination .ep-dots {
color: #888;
font-size: 18px;
padding: 0 6px;
}
/* ── Empty ── */
.itools-eventos-empty {
text-align: center;
padding: 80px 20px;
background: #fff;
border-radius: 14px;
box-shadow: 0 4px 20px rgba(0,0,0,.07);
}
.itools-eventos-empty h3 {
font-size: 26px;
color: #103070;
font-weight: 800;
margin-bottom: 10px;
}
.itools-eventos-empty p {
font-size: 17px;
color: #666;
}
/* ── Responsive ── */
@media (max-width: 1024px) {
.itools-eventos-grid { grid-template-columns: repeat(2, 1fr); gap: 22px; }
}
@media (max-width: 640px) {
.itools-eventos-grid { grid-template-columns: 1fr; gap: 20px; margin-bottom: 36px; }
.itools-eventos-section { padding: 36px 0 50px !important; }
.itools-eventos-pagination .ep-num,
.itools-eventos-pagination .ep-arrow {
min-width: 38px;
height: 38px;
font-size: 14px;
padding: 0 9px;
}
.itools-blog-more-btn { padding: 14px 28px; font-size: 15px; }
}
/* ============================================================
Contacto page - overrides robustos (wpautop-safe)
============================================================ */
.itools-inner-content .cto-wrap,
.itools-inner-content .cto-wrap * { box-sizing: border-box; }
.itools-inner-content .cto-hero { display: block !important; }
.itools-inner-content .cto-hero h1,
.itools-inner-content .cto-hero p,
.itools-inner-content .cto-hero-tag { position: relative; z-index: 2; }
.itools-inner-content .cto-info-grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 20px !important;
}
.itools-inner-content .cto-info-card {
display: block !important;
text-align: center !important;
padding: 28px 22px !important;
}
.itools-inner-content .cto-info-icon {
width: 60px !important; height: 60px !important;
margin: 0 auto 16px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: linear-gradient(135deg, #eef2ff, #dbeafe) !important;
border-radius: 14px !important;
font-size: 28px !important;
}
.itools-inner-content .cto-info-icon img.emoji {
width: 32px !important; height: 32px !important; margin: 0 !important;
}
.itools-inner-content .cto-info-card h3 {
font-size: 15px !important;
font-weight: 800 !important;
color: #103070 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
margin: 0 0 10px !important;
}
.itools-inner-content .cto-info-card p {
margin: 0 !important;
font-size: 15px !important;
color: #555 !important;
line-height: 1.7 !important;
}
.itools-inner-content .cto-info-card p a {
display: block !important;
color: #555 !important;
text-decoration: none !important;
font-size: 15px !important;
padding: 2px 0 !important;
}
.itools-inner-content .cto-info-card p a:hover { color: #009fe3 !important; }
.itools-inner-content .cto-info-card br { display: none !important; }
.itools-inner-content .cto-main {
display: grid !important;
grid-template-columns: 1.3fr 1fr !important;
gap: 32px !important;
}
.itools-inner-content .cto-form-wrap {
display: block !important;
background: #fff !important;
padding: 36px !important;
border-radius: 16px !important;
box-shadow: 0 4px 24px rgba(0,0,0,.09) !important;
}
.itools-inner-content .cto-form-wrap form { display: block !important; }
.itools-inner-content .cto-form-row {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 16px !important;
margin-bottom: 16px !important;
}
.itools-inner-content .cto-form-field { display: block !important; margin-bottom: 16px !important; }
.itools-inner-content .cto-form-field label {
display: block !important;
font-size: 14px !important;
font-weight: 700 !important;
color: #444 !important;
margin-bottom: 6px !important;
text-transform: uppercase !important;
letter-spacing: .5px !important;
}
.itools-inner-content .cto-form-field input,
.itools-inner-content .cto-form-field select,
.itools-inner-content .cto-form-field textarea {
width: 100% !important;
padding: 13px 16px !important;
border: 2px solid #dde3ec !important;
border-radius: 10px !important;
font-size: 15px !important;
background: #fff !important;
font-family: inherit !important;
}
.itools-inner-content .cto-form-submit {
background: linear-gradient(135deg, #103070, #009fe3) !important;
color: #fff !important;
border: none !important;
padding: 16px 32px !important;
font-size: 16px !important;
font-weight: 800 !important;
border-radius: 10px !important;
width: 100% !important;
cursor: pointer !important;
text-transform: uppercase !important;
}
.itools-inner-content .cto-aside {
display: block !important;
background: linear-gradient(135deg, #103070, #0050a0) !important;
color: #fff !important;
padding: 36px 32px !important;
border-radius: 16px !important;
}
.itools-inner-content .cto-aside h2 { color: #fff !important; margin: 0 0 8px !important; }
.itools-inner-content .cto-aside > p { color: rgba(255,255,255,.78) !important; margin-bottom: 26px !important; }
.itools-inner-content .cto-aside-item {
display: flex !important;
flex-direction: row !important;
align-items: flex-start !important;
gap: 14px !important;
padding: 16px 0 !important;
border-bottom: 1px solid rgba(255,255,255,.12) !important;
}
.itools-inner-content .cto-aside-item:last-child { border-bottom: none !important; }
.itools-inner-content .cto-aside-item-icon {
width: 42px !important; height: 42px !important;
flex-shrink: 0 !important;
background: rgba(255,255,255,.12) !important;
border-radius: 10px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border: 1px solid rgba(255,255,255,.2) !important;
font-size: 19px !important;
}
.itools-inner-content .cto-aside-item-text {
flex: 1 !important;
min-width: 0 !important;
display: block !important;
}
.itools-inner-content .cto-aside-item-text strong {
display: block !important;
font-size: 12px !important;
font-weight: 800 !important;
color: rgba(255,255,255,.65) !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
margin-bottom: 6px !important;
text-decoration: none !important;
}
.itools-inner-content .cto-aside-item-text a {
display: block !important;
font-size: 15px !important;
color: #fff !important;
text-decoration: none !important;
line-height: 1.45 !important;
padding: 1px 0 !important;
}
.itools-inner-content .cto-aside-item-text a:hover { color: #7dd3fc !important; }
.itools-inner-content .cto-aside-item-text br { display: none !important; }
.itools-inner-content .cto-wrap p:empty { display: none !important; }
.itools-inner-content .cto-sedes-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 26px !important;
}
.itools-inner-content .cto-sede-card {
display: flex !important;
flex-direction: column !important;
background: #fff !important;
border-radius: 16px !important;
overflow: hidden !important;
box-shadow: 0 4px 22px rgba(0,0,0,.08) !important;
}
.itools-inner-content .cto-sede-map {
position: relative !important;
height: 260px !important;
overflow: hidden !important;
}
.itools-inner-content .cto-sede-map iframe {
width: 100% !important; height: 100% !important;
border: 0 !important; display: block !important;
}
.itools-inner-content .cto-sede-body {
padding: 22px 24px 24px !important;
display: block !important;
}
.itools-inner-content .cto-sede-row {
display: flex !important;
align-items: flex-start !important;
gap: 10px !important;
margin-bottom: 10px !important;
font-size: 15px !important;
color: #555 !important;
}
.itools-inner-content .cto-sede-row .ic { flex-shrink: 0 !important; width: 22px !important; }
.itools-inner-content .cto-sede-actions {
display: flex !important;
gap: 10px !important;
margin-top: 16px !important;
padding-top: 16px !important;
border-top: 1px solid #edf0f6 !important;
}
.itools-inner-content .cto-sede-btn {
flex: 1 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 11px 10px !important;
font-size: 14px !important;
font-weight: 700 !important;
border-radius: 9px !important;
text-decoration: none !important;
}
@media (max-width: 1024px) {
.itools-inner-content .cto-info-grid { grid-template-columns: repeat(2, 1fr) !important; }
.itools-inner-content .cto-main { grid-template-columns: 1fr !important; }
.itools-inner-content .cto-sedes-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 640px) {
.itools-inner-content .cto-info-grid { grid-template-columns: 1fr !important; }
.itools-inner-content .cto-form-row { grid-template-columns: 1fr !important; }
.itools-inner-content .cto-hero { padding: 38px 22px !important; }
.itools-inner-content .cto-hero h1 { font-size: 28px !important; }
}
/* ============================================================
Servicios page - overrides robustos
============================================================ */
.itools-inner-content .svc-wrap,
.itools-inner-content .svc-wrap * { box-sizing: border-box; }
.itools-inner-content .svc-wrap p:empty { display: none !important; }
/* HERO */
.itools-inner-content .svc-hero {
display: grid !important;
grid-template-columns: 1.2fr 1fr !important;
gap: 40px !important;
align-items: center !important;
background: linear-gradient(135deg, #103070 0%, #0050a0 55%, #009fe3 100%) !important;
border-radius: 16px !important;
padding: 60px 56px !important;
margin-bottom: 48px !important;
position: relative !important;
overflow: hidden !important;
}
.itools-inner-content .svc-hero h1 {
font-size: 44px !important;
font-weight: 700 !important;
color: #fff !important;
margin: 0 0 16px !important;
line-height: 1.1 !important;
position: relative;
z-index: 2;
}
.itools-inner-content .svc-hero p {
font-size: 16px !important;
color: rgba(255,255,255,.88) !important;
line-height: 1.6 !important;
margin: 0 0 22px !important;
position: relative;
z-index: 2;
}
.itools-inner-content .svc-hero-left { position: relative; z-index: 2; }
.itools-inner-content .svc-hero-tag {
display: inline-block !important;
background: rgba(255,255,255,.15) !important;
color: #fff !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
padding: 6px 18px !important;
border-radius: 20px !important;
margin-bottom: 16px !important;
border: 1px solid rgba(255,255,255,.25) !important;
}
.itools-inner-content .svc-hero-stats {
display: flex !important;
gap: 18px !important;
flex-wrap: wrap !important;
position: relative;
z-index: 2;
}
.itools-inner-content .svc-hero-stat {
background: rgba(255,255,255,.1) !important;
border: 1px solid rgba(255,255,255,.18) !important;
border-radius: 12px !important;
padding: 14px 20px !important;
text-align: center;
}
.itools-inner-content .svc-hero-stat strong {
display: block !important;
font-size: 26px !important;
font-weight: 700 !important;
color: #fff !important;
line-height: 1 !important;
}
.itools-inner-content .svc-hero-stat span {
font-size: 12px !important;
color: rgba(255,255,255,.75) !important;
text-transform: uppercase !important;
letter-spacing: .5px !important;
}
.itools-inner-content .svc-hero-right {
position: relative;
z-index: 2;
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
.itools-inner-content .svc-hero-badge {
background: rgba(255,255,255,.12) !important;
border: 1px solid rgba(255,255,255,.25) !important;
border-radius: 14px !important;
padding: 18px 22px !important;
display: flex !important;
align-items: center !important;
gap: 14px !important;
color: #fff !important;
}
.itools-inner-content .svc-hero-badge-icon {
width: 46px !important;
height: 46px !important;
background: rgba(255,255,255,.15) !important;
border-radius: 11px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 24px !important;
flex-shrink: 0 !important;
}
.itools-inner-content .svc-hero-badge strong {
display: block !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #fff !important;
}
.itools-inner-content .svc-hero-badge span {
font-size: 13px !important;
color: rgba(255,255,255,.7) !important;
}
/* Section heads */
.itools-inner-content .svc-section-head { text-align: center !important; margin-bottom: 40px !important; }
.itools-inner-content .svc-section-head .tag {
display: inline-block !important;
background: rgba(0,159,227,.12) !important;
color: #009fe3 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
padding: 5px 16px !important;
border-radius: 20px !important;
margin-bottom: 12px !important;
border: 1px solid rgba(0,159,227,.25) !important;
}
.itools-inner-content .svc-section-head h2 {
font-size: 34px !important;
font-weight: 700 !important;
color: #103070 !important;
margin: 0 0 10px !important;
}
.itools-inner-content .svc-section-head p { font-size: 15px !important; color: #777 !important; margin: 0 !important; }
/* Services cards */
.itools-inner-content .svc-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 28px !important;
margin-bottom: 72px !important;
}
.itools-inner-content .svc-card {
display: block !important;
background: #fff !important;
border-radius: 16px !important;
padding: 34px 28px 32px !important;
box-shadow: 0 4px 22px rgba(0,0,0,.07) !important;
border: 1.5px solid #edf0f6 !important;
position: relative !important;
overflow: hidden !important;
}
.itools-inner-content .svc-card-icon {
width: 64px !important;
height: 64px !important;
background: linear-gradient(135deg, #eef2ff, #dbeafe) !important;
border-radius: 14px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 30px !important;
margin-bottom: 20px !important;
}
.itools-inner-content .svc-card h3 {
font-size: 20px !important;
font-weight: 700 !important;
color: #103070 !important;
margin: 0 0 12px !important;
}
.itools-inner-content .svc-card > p {
font-size: 14px !important;
color: #666 !important;
line-height: 1.6 !important;
margin: 0 0 16px !important;
}
.itools-inner-content .svc-card ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
.itools-inner-content .svc-card ul li {
font-size: 14px !important;
color: #444 !important;
padding: 5px 0 5px 22px !important;
position: relative !important;
list-style: none !important;
}
.itools-inner-content .svc-card ul li::before {
content: '✓' !important;
position: absolute !important;
left: 0 !important;
color: #009fe3 !important;
font-weight: 700 !important;
}
/* Process */
.itools-inner-content .svc-process {
background: #f8f9fb !important;
border-radius: 16px !important;
padding: 48px 40px !important;
margin-bottom: 72px !important;
}
.itools-inner-content .svc-process-grid {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 20px !important;
}
.itools-inner-content .svc-step { text-align: center !important; }
.itools-inner-content .svc-step-num {
width: 56px !important;
height: 56px !important;
background: linear-gradient(135deg, #103070, #009fe3) !important;
color: #fff !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 22px !important;
font-weight: 700 !important;
margin: 0 auto 16px !important;
box-shadow: 0 4px 16px rgba(0,159,227,.3) !important;
}
.itools-inner-content .svc-step h4 {
font-size: 17px !important;
font-weight: 700 !important;
color: #103070 !important;
margin: 0 0 6px !important;
}
.itools-inner-content .svc-step p {
font-size: 13px !important;
color: #666 !important;
margin: 0 !important;
line-height: 1.5 !important;
}
/* Form section */
.itools-inner-content .svc-form-section {
display: grid !important;
grid-template-columns: 1fr 1.2fr !important;
gap: 32px !important;
margin-bottom: 72px !important;
}
.itools-inner-content .svc-form-info {
background: linear-gradient(135deg, #103070, #0050a0) !important;
border-radius: 16px !important;
padding: 40px 36px !important;
color: #fff !important;
position: relative !important;
overflow: hidden !important;
}
.itools-inner-content .svc-form-info .tag {
display: inline-block !important;
background: rgba(255,255,255,.12) !important;
color: #fff !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
padding: 5px 14px !important;
border-radius: 20px !important;
margin-bottom: 14px !important;
border: 1px solid rgba(255,255,255,.25) !important;
position: relative;
z-index: 2;
}
.itools-inner-content .svc-form-info h2 {
font-size: 28px !important;
font-weight: 700 !important;
color: #fff !important;
margin: 0 0 14px !important;
line-height: 1.15 !important;
position: relative;
z-index: 2;
}
.itools-inner-content .svc-form-info > p {
font-size: 15px !important;
color: rgba(255,255,255,.82) !important;
line-height: 1.6 !important;
margin: 0 0 26px !important;
position: relative;
z-index: 2;
}
.itools-inner-content .svc-info-item {
display: flex !important;
align-items: flex-start !important;
gap: 14px !important;
padding: 14px 0 !important;
border-bottom: 1px solid rgba(255,255,255,.12) !important;
position: relative;
z-index: 2;
}
.itools-inner-content .svc-info-item:last-of-type { border-bottom: none !important; }
.itools-inner-content .svc-info-item-icon {
width: 40px !important;
height: 40px !important;
flex-shrink: 0 !important;
background: rgba(255,255,255,.14) !important;
border-radius: 10px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 18px !important;
border: 1px solid rgba(255,255,255,.18) !important;
}
.itools-inner-content .svc-info-item-text strong {
display: block !important;
font-size: 11px !important;
font-weight: 700 !important;
color: rgba(255,255,255,.6) !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
margin-bottom: 3px !important;
}
.itools-inner-content .svc-info-item-text span,
.itools-inner-content .svc-info-item-text a {
font-size: 15px !important;
color: #fff !important;
text-decoration: none !important;
line-height: 1.4 !important;
}
.itools-inner-content .svc-info-item-text a:hover { color: #7dd3fc !important; }
.itools-inner-content .svc-form-wrap {
background: #fff !important;
border-radius: 16px !important;
padding: 40px 38px !important;
box-shadow: 0 4px 24px rgba(0,0,0,.09) !important;
border: 1.5px solid #edf0f6 !important;
display: block !important;
}
.itools-inner-content .svc-form-head {
margin-bottom: 24px !important;
padding-bottom: 18px !important;
border-bottom: 2px solid #edf0f6 !important;
}
.itools-inner-content .svc-form-head h2 {
font-size: 24px !important;
font-weight: 700 !important;
color: #103070 !important;
margin: 0 0 6px !important;
}
.itools-inner-content .svc-form-head p { font-size: 13px !important; color: #777 !important; margin: 0 !important; }
.itools-inner-content .svc-form-row {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 14px !important;
margin-bottom: 14px !important;
}
.itools-inner-content .svc-form-field {
display: block !important;
margin-bottom: 14px !important;
}
.itools-inner-content .svc-form-field label {
display: block !important;
font-size: 12px !important;
font-weight: 700 !important;
color: #444 !important;
margin-bottom: 6px !important;
text-transform: uppercase !important;
letter-spacing: .5px !important;
}
.itools-inner-content .svc-form-field input,
.itools-inner-content .svc-form-field select,
.itools-inner-content .svc-form-field textarea {
width: 100% !important;
padding: 12px 16px !important;
border: 2px solid #dde3ec !important;
border-radius: 10px !important;
font-size: 14px !important;
font-family: inherit !important;
background: #fff !important;
}
.itools-inner-content .svc-form-submit {
background: linear-gradient(135deg, #103070, #009fe3) !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 700 !important;
padding: 16px 28px !important;
border-radius: 10px !important;
border: none !important;
cursor: pointer !important;
width: 100% !important;
letter-spacing: .5px !important;
text-transform: uppercase !important;
}
/* Brands */
.itools-inner-content .svc-brands {
background: #fff !important;
border-radius: 16px !important;
padding: 44px 48px !important;
box-shadow: 0 4px 22px rgba(0,0,0,.07) !important;
margin-bottom: 72px !important;
text-align: center !important;
border: 1.5px solid #edf0f6 !important;
}
.itools-inner-content .svc-brands h2 {
font-size: 28px !important;
font-weight: 700 !important;
color: #103070 !important;
margin: 0 0 8px !important;
}
.itools-inner-content .svc-brands .sub {
font-size: 14px !important;
color: #888 !important;
margin: 0 0 32px !important;
}
.itools-inner-content .svc-brands-logos {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 14px !important;
}
.itools-inner-content .svc-brand-chip {
background: #f4f6fb !important;
border: 1.5px solid #e0e6f0 !important;
border-radius: 10px !important;
padding: 13px 26px !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #103070 !important;
}
@media (max-width: 1024px) {
.itools-inner-content .svc-hero { grid-template-columns: 1fr !important; padding: 48px 32px !important; }
.itools-inner-content .svc-grid { grid-template-columns: repeat(2, 1fr) !important; }
.itools-inner-content .svc-process-grid { grid-template-columns: repeat(2, 1fr) !important; }
.itools-inner-content .svc-form-section { grid-template-columns: 1fr !important; }
}
@media (max-width: 640px) {
.itools-inner-content .svc-hero { padding: 36px 22px !important; }
.itools-inner-content .svc-hero h1 { font-size: 28px !important; }
.itools-inner-content .svc-grid { grid-template-columns: 1fr !important; }
.itools-inner-content .svc-process { padding: 32px 20px !important; }
.itools-inner-content .svc-process-grid { grid-template-columns: 1fr !important; }
.itools-inner-content .svc-form-wrap, .itools-inner-content .svc-form-info { padding: 28px 22px !important; }
.itools-inner-content .svc-form-row { grid-template-columns: 1fr !important; }
.itools-inner-content .svc-brands { padding: 32px 22px !important; }
}
/* Servicios card WhatsApp button */
.itools-inner-content .svc-card-wa {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
background: #25D366 !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 700 !important;
padding: 12px 18px !important;
border-radius: 10px !important;
text-decoration: none !important;
margin-top: 18px !important;
transition: background .2s, transform .2s !important;
letter-spacing: .3px !important;
border: none !important;
}
.itools-inner-content .svc-card-wa:hover {
background: #1fb558 !important;
transform: translateY(-2px) !important;
color: #fff !important;
}
.itools-inner-content .svc-card-wa svg {
flex-shrink: 0 !important;
fill: #fff !important;
}
/* ============================================================
Garantias page - overrides robustos
============================================================ */
.itools-inner-content .gar-wrap,
.itools-inner-content .gar-wrap * { box-sizing: border-box; }
.itools-inner-content .gar-wrap p:empty { display: none !important; }
.itools-inner-content .gar-wrap { max-width: 1080px !important; margin: 0 auto !important; }
/* HERO */
.itools-inner-content .gar-hero {
display: block !important;
background: linear-gradient(135deg, #103070 0%, #0050a0 55%, #009fe3 100%) !important;
border-radius: 16px !important;
padding: 56px 48px !important;
margin-bottom: 48px !important;
text-align: center !important;
position: relative !important;
overflow: hidden !important;
}
.itools-inner-content .gar-hero-tag {
display: inline-block !important;
background: rgba(255,255,255,.15) !important;
color: #fff !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 2px !important;
text-transform: uppercase !important;
padding: 6px 18px !important;
border-radius: 20px !important;
margin-bottom: 16px !important;
border: 1px solid rgba(255,255,255,.25) !important;
position: relative;
z-index: 2;
}
.itools-inner-content .gar-hero h1 {
font-size: 42px !important;
font-weight: 700 !important;
color: #fff !important;
margin: 0 0 14px !important;
line-height: 1.15 !important;
position: relative;
z-index: 2;
}
.itools-inner-content .gar-hero p {
font-size: 17px !important;
color: rgba(255,255,255,.85) !important;
max-width: 620px !important;
margin: 0 auto !important;
line-height: 1.6 !important;
position: relative;
z-index: 2;
}
/* Section headers */
.itools-inner-content .gar-section { margin-bottom: 56px !important; }
.itools-inner-content .gar-section-head {
display: flex !important;
align-items: center !important;
gap: 16px !important;
margin-bottom: 28px !important;
padding-bottom: 18px !important;
border-bottom: 2px solid #edf0f6 !important;
}
.itools-inner-content .gar-section-icon {
width: 54px !important;
height: 54px !important;
border-radius: 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 26px !important;
flex-shrink: 0 !important;
}
.itools-inner-content .gar-icon-blue { background: linear-gradient(135deg, #eef2ff, #dbeafe) !important; }
.itools-inner-content .gar-icon-green { background: linear-gradient(135deg, #ecfdf5, #d1fae5) !important; }
.itools-inner-content .gar-icon-orange { background: linear-gradient(135deg, #fff7ed, #fed7aa) !important; }
.itools-inner-content .gar-section-head h2 {
font-size: 28px !important;
font-weight: 700 !important;
color: #103070 !important;
margin: 0 !important;
}
/* Brand cards GRID (2 columns) */
.itools-inner-content .gar-brand-grid {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 22px !important;
margin-bottom: 24px !important;
}
.itools-inner-content .gar-brand-card {
border-radius: 16px !important;
padding: 32px 28px !important;
position: relative !important;
overflow: hidden !important;
transition: transform .25s, box-shadow .25s !important;
}
.itools-inner-content .gar-brand-card:hover {
transform: translateY(-4px) !important;
}
.itools-inner-content .gar-brand-card.dewalt {
background: linear-gradient(135deg, #103070 0%, #0050a0 100%) !important;
color: #fff !important;
box-shadow: 0 8px 28px rgba(28,47,118,.22) !important;
}
.itools-inner-content .gar-brand-card.bosch {
background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%) !important;
color: #fff !important;
box-shadow: 0 8px 28px rgba(192,57,43,.22) !important;
}
.itools-inner-content .gar-brand-name {
font-size: 26px !important;
font-weight: 700 !important;
color: #fff !important;
letter-spacing: 1px !important;
margin-bottom: 10px !important;
opacity: .95 !important;
}
.itools-inner-content .gar-brand-years {
font-size: 56px !important;
font-weight: 700 !important;
color: #fff !important;
line-height: 1 !important;
margin-bottom: 6px !important;
}
.itools-inner-content .gar-brand-years span {
font-size: 22px !important;
font-weight: 600 !important;
opacity: .8 !important;
}
.itools-inner-content .gar-brand-card p {
font-size: 14px !important;
color: rgba(255,255,255,.92) !important;
line-height: 1.5 !important;
margin: 0 0 14px !important;
}
.itools-inner-content .gar-brand-tag {
display: inline-block !important;
background: rgba(255,255,255,.2) !important;
border: 1px solid rgba(255,255,255,.35) !important;
border-radius: 20px !important;
padding: 5px 14px !important;
font-size: 13px !important;
font-weight: 700 !important;
color: #fff !important;
}
/* Info alert box */
.itools-inner-content .gar-info-box {
background: #fff8e1 !important;
border: 1.5px solid #fcd34d !important;
border-left: 5px solid #f59e0b !important;
border-radius: 10px !important;
padding: 16px 22px !important;
font-size: 14px !important;
color: #92400e !important;
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
}
.itools-inner-content .gar-info-box strong { color: #78350f !important; }
/* Mantenimiento cards */
.itools-inner-content .gar-mant-grid {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 20px !important;
margin-bottom: 24px !important;
}
.itools-inner-content .gar-mant-card {
background: #fff !important;
border-radius: 14px !important;
padding: 28px 24px !important;
box-shadow: 0 3px 16px rgba(0,0,0,.07) !important;
border: 1.5px solid #edf0f6 !important;
text-align: center !important;
transition: transform .2s, box-shadow .2s !important;
}
.itools-inner-content .gar-mant-card:hover {
transform: translateY(-4px) !important;
box-shadow: 0 12px 32px rgba(28,47,118,.12) !important;
}
.itools-inner-content .gar-mant-card .icon { font-size: 38px !important; margin-bottom: 14px !important; }
.itools-inner-content .gar-mant-card h4 {
font-size: 17px !important;
font-weight: 700 !important;
color: #103070 !important;
margin: 0 0 10px !important;
}
.itools-inner-content .gar-mant-card p {
font-size: 14px !important;
color: #666 !important;
margin: 0 !important;
line-height: 1.5 !important;
}
.itools-inner-content .gar-mant-text {
background: #fff !important;
border-radius: 14px !important;
padding: 28px 32px !important;
box-shadow: 0 3px 16px rgba(0,0,0,.07) !important;
font-size: 15px !important;
color: #555 !important;
line-height: 1.7 !important;
border: 1.5px solid #edf0f6 !important;
}
/* Contrato */
.itools-inner-content .gar-contrato-card {
background: #fff !important;
border-radius: 18px !important;
box-shadow: 0 4px 24px rgba(0,0,0,.09) !important;
overflow: hidden !important;
border: 1.5px solid #edf0f6 !important;
}
.itools-inner-content .gar-contrato-header {
background: linear-gradient(135deg, #103070, #0050a0) !important;
padding: 26px 32px !important;
display: flex !important;
align-items: center !important;
gap: 16px !important;
}
.itools-inner-content .gar-contrato-header h3 {
font-size: 20px !important;
font-weight: 700 !important;
color: #fff !important;
margin: 0 !important;
}
.itools-inner-content .gar-contrato-header p {
font-size: 13px !important;
color: rgba(255,255,255,.78) !important;
margin: 4px 0 0 !important;
}
.itools-inner-content .gar-contrato-body { padding: 34px !important; }
.itools-inner-content .gar-clause {
display: flex !important;
gap: 18px !important;
padding: 20px 0 !important;
border-bottom: 1px solid #f0f2f8 !important;
}
.itools-inner-content .gar-clause:last-child { border-bottom: none !important; padding-bottom: 0 !important; }
.itools-inner-content .gar-clause-num {
width: 36px !important;
height: 36px !important;
border-radius: 50% !important;
flex-shrink: 0 !important;
background: linear-gradient(135deg, #103070, #009fe3) !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 700 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin-top: 2px !important;
box-shadow: 0 3px 10px rgba(0,159,227,.3) !important;
}
.itools-inner-content .gar-clause-text {
font-size: 15px !important;
color: #444 !important;
line-height: 1.65 !important;
flex: 1 !important;
}
.itools-inner-content .gar-clause-text strong { color: #103070 !important; font-weight: 700 !important; }
/* CTA */
.itools-inner-content .gar-cta {
background: linear-gradient(135deg, #103070, #009fe3) !important;
border-radius: 16px !important;
padding: 48px !important;
text-align: center !important;
margin-top: 56px !important;
margin-bottom: 40px !important;
position: relative !important;
overflow: hidden !important;
}
.itools-inner-content .gar-cta h3 {
font-size: 28px !important;
font-weight: 700 !important;
color: #fff !important;
margin: 0 0 12px !important;
}
.itools-inner-content .gar-cta p {
font-size: 16px !important;
color: rgba(255,255,255,.85) !important;
margin: 0 0 26px !important;
}
.itools-inner-content .gar-cta-btns {
display: flex !important;
justify-content: center !important;
gap: 14px !important;
flex-wrap: wrap !important;
}
.itools-inner-content .gar-btn-w {
background: #fff !important;
color: #103070 !important;
font-size: 15px !important;
font-weight: 700 !important;
padding: 14px 28px !important;
border-radius: 10px !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
transition: background .2s !important;
}
.itools-inner-content .gar-btn-w:hover { background: #e8f4fd !important; color: #103070 !important; }
.itools-inner-content .gar-btn-wa {
background: #25D366 !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 700 !important;
padding: 14px 28px !important;
border-radius: 10px !important;
text-decoration: none !important;
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
transition: opacity .2s, transform .2s !important;
}
.itools-inner-content .gar-btn-wa:hover { opacity: .92 !important; transform: translateY(-2px) !important; color: #fff !important; }
/* Responsive */
@media (max-width: 900px) {
.itools-inner-content .gar-brand-grid { grid-template-columns: 1fr !important; }
.itools-inner-content .gar-mant-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 640px) {
.itools-inner-content .gar-hero { padding: 38px 22px !important; }
.itools-inner-content .gar-hero h1 { font-size: 28px !important; }
.itools-inner-content .gar-cta { padding: 32px 22px !important; }
.itools-inner-content .gar-contrato-body { padding: 22px !important; }
}
/* ============================================================
AACV - Recuperacion WooCommerce archivos y producto simple
============================================================ */
body.post-type-archive-product .site-main,
body.tax-product_cat .site-main {
width: min(1140px, calc(100% - 40px)) !important;
margin: 0 auto !important;
padding: 36px 0 64px !important;
}
body.post-type-archive-product .woocommerce-breadcrumb,
body.tax-product_cat .woocommerce-breadcrumb {
font-size: 14px !important;
color: #6b7280 !important;
margin: 0 0 20px !important;
}
body.post-type-archive-product .page-title,
body.tax-product_cat .page-title {
font-size: 38px !important;
line-height: 1.15 !important;
color: #1a2235 !important;
margin: 0 0 20px !important;
font-weight: 800 !important;
}
body.post-type-archive-product .woocommerce-result-count,
body.tax-product_cat .woocommerce-result-count {
margin: 0 0 22px !important;
color: #3f4756 !important;
font-weight: 600 !important;
}
body.post-type-archive-product .woocommerce-ordering,
body.tax-product_cat .woocommerce-ordering {
margin: -54px 0 28px auto !important;
width: min(280px, 100%) !important;
}
body.post-type-archive-product .woocommerce-ordering select,
body.tax-product_cat .woocommerce-ordering select {
width: 100% !important;
height: 42px !important;
border: 1px solid #d8dee8 !important;
border-radius: 8px !important;
padding: 0 14px !important;
background: #fff !important;
color: #1a2235 !important;
}
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)) !important;
gap: 24px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.post-type-archive-product ul.products li.product,
body.tax-product_cat ul.products li.product {
width: auto !important;
float: none !important;
margin: 0 !important;
padding: 18px !important;
background: #fff !important;
border: 1px solid #e6ebf2 !important;
border-radius: 14px !important;
box-shadow: 0 10px 28px rgba(16, 45, 105, .08) !important;
transition: transform .18s ease, box-shadow .18s ease !important;
}
body.post-type-archive-product ul.products li.product:hover,
body.tax-product_cat ul.products li.product:hover {
transform: translateY(-3px) !important;
box-shadow: 0 16px 36px rgba(16, 45, 105, .13) !important;
}
body.post-type-archive-product ul.products li.product a img,
body.tax-product_cat ul.products li.product a img {
width: 100% !important;
height: 210px !important;
object-fit: contain !important;
margin: 0 0 16px !important;
padding: 10px !important;
background: #f8fafc !important;
border-radius: 10px !important;
}
body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title {
font-size: 16px !important;
line-height: 1.35 !important;
min-height: 44px !important;
margin: 0 0 10px !important;
padding: 0 !important;
color: #1a2235 !important;
font-weight: 800 !important;
}
body.post-type-archive-product ul.products li.product .price,
body.tax-product_cat ul.products li.product .price {
display: block !important;
color: #0050a0 !important;
font-size: 18px !important;
line-height: 1.3 !important;
font-weight: 800 !important;
margin: 0 0 14px !important;
}
body.post-type-archive-product ul.products li.product .button,
body.tax-product_cat ul.products li.product .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 42px !important;
width: 100% !important;
margin: 0 !important;
padding: 10px 16px !important;
border-radius: 8px !important;
background: #0050a0 !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 800 !important;
text-transform: uppercase !important;
letter-spacing: .2px !important;
text-decoration: none !important;
}
body.post-type-archive-product ul.products li.product .button:hover,
body.tax-product_cat ul.products li.product .button:hover {
background: #0050a0 !important;
color: #fff !important;
}
body.single-product:not(.aacv-has-despiece) .site-main {
width: min(1140px, calc(100% - 40px)) !important;
margin: 0 auto !important;
padding: 34px 0 64px !important;
}
body.single-product:not(.aacv-has-despiece) div.product {
display: grid !important;
grid-template-columns: minmax(0, .95fr) minmax(340px, 1fr) !important;
gap: 40px !important;
align-items: start !important;
}
body.single-product:not(.aacv-has-despiece) .woocommerce-product-gallery,
body.single-product:not(.aacv-has-despiece) .summary.entry-summary {
float: none !important;
width: auto !important;
}
body.single-product:not(.aacv-has-despiece) .woocommerce-product-gallery img {
width: 100% !important;
max-height: 460px !important;
object-fit: contain !important;
padding: 16px !important;
border: 1px solid #e6ebf2 !important;
border-radius: 14px !important;
background: #fff !important;
}
body.single-product:not(.aacv-has-despiece) .product_title {
color: #1a2235 !important;
font-size: 32px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
body.single-product:not(.aacv-has-despiece) .summary.entry-summary .price {
color: #0050a0 !important;
font-size: 28px !important;
font-weight: 800 !important;
}
body.single-product:not(.aacv-has-despiece) .single_add_to_cart_button {
background: #0050a0 !important;
color: #fff !important;
border-radius: 8px !important;
min-height: 46px !important;
padding: 12px 24px !important;
font-weight: 800 !important;
}
body.single-product:not(.aacv-has-despiece) .single_add_to_cart_button:hover {
background: #0050a0 !important;
}
body.single-product:not(.aacv-has-despiece) .woocommerce-tabs {
grid-column: 1 / -1 !important;
width: 100% !important;
margin: 8px 0 0 !important;
padding: 28px !important;
border: 1px solid #e6ebf2 !important;
border-radius: 14px !important;
background: #fff !important;
clear: both !important;
}
body.single-product:not(.aacv-has-despiece) .woocommerce-tabs ul.tabs {
display: flex !important;
flex-wrap: wrap !important;
gap: 22px !important;
margin: 0 0 24px !important;
padding: 0 !important;
border-bottom: 1px solid #e6ebf2 !important;
}
body.single-product:not(.aacv-has-despiece) .woocommerce-tabs ul.tabs::before,
body.single-product:not(.aacv-has-despiece) .woocommerce-tabs ul.tabs::after {
display: none !important;
}
body.single-product:not(.aacv-has-despiece) .woocommerce-tabs ul.tabs li {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
body.single-product:not(.aacv-has-despiece) .woocommerce-tabs ul.tabs li::before,
body.single-product:not(.aacv-has-despiece) .woocommerce-tabs ul.tabs li::after {
display: none !important;
}
body.single-product:not(.aacv-has-despiece) .woocommerce-tabs ul.tabs li a {
display: block !important;
padding: 0 0 13px !important;
border-bottom: 3px solid transparent !important;
color: #1a2235 !important;
font-size: 16px !important;
font-weight: 800 !important;
text-decoration: none !important;
}
body.single-product:not(.aacv-has-despiece) .woocommerce-tabs ul.tabs li.active a {
border-bottom-color: #0050a0 !important;
color: #0050a0 !important;
}
body.single-product:not(.aacv-has-despiece) .woocommerce-tabs .panel {
margin: 0 !important;
padding: 0 !important;
}
body.single-product:not(.aacv-has-despiece) .woocommerce-tabs .panel h2 {
margin: 0 0 14px !important;
color: #1a2235 !important;
font-size: 28px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
body.single-product:not(.aacv-has-despiece) .woocommerce-tabs .panel p,
body.single-product:not(.aacv-has-despiece) .woocommerce-tabs .panel li {
color: #34405a !important;
font-size: 17px !important;
line-height: 1.7 !important;
}
body.single-product:not(.aacv-has-despiece) .related.products,
body.single-product:not(.aacv-has-despiece) .upsells.products {
grid-column: 1 / -1 !important;
width: 100% !important;
margin: 38px 0 0 !important;
clear: both !important;
}
body.single-product:not(.aacv-has-despiece) .related.products > h2,
body.single-product:not(.aacv-has-despiece) .upsells.products > h2 {
margin: 0 0 22px !important;
color: #1a2235 !important;
font-size: 30px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
text-align: left !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 22px !important;
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products::before,
body.single-product:not(.aacv-has-despiece) .related.products ul.products::after,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products::before,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products::after {
display: none !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product {
float: none !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
padding: 18px !important;
border: 1px solid #e6ebf2 !important;
border-radius: 14px !important;
background: #fff !important;
box-shadow: 0 10px 24px rgba(16, 45, 105, 0.08) !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product a,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product a {
text-decoration: none !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product a img,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product a img {
width: 100% !important;
height: 190px !important;
margin: 0 0 14px !important;
padding: 10px !important;
object-fit: contain !important;
border-radius: 10px !important;
background: #f8fafc !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product .woocommerce-loop-product__title,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product .woocommerce-loop-product__title {
min-height: 58px !important;
margin: 0 0 10px !important;
padding: 0 !important;
color: #1a2235 !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product .price,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product .price {
display: block !important;
margin: 0 0 14px !important;
color: #0050a0 !important;
font-size: 16px !important;
font-weight: 800 !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product .button,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 42px !important;
width: 100% !important;
margin: auto 0 0 !important;
padding: 10px 14px !important;
border-radius: 8px !important;
background: #0050a0 !important;
color: #fff !important;
font-size: 14px !important;
font-weight: 800 !important;
line-height: 1.15 !important;
text-align: center !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product .button:hover,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product .button:hover {
background: #0050a0 !important;
color: #fff !important;
}
@media (max-width: 768px) {
body.post-type-archive-product .site-main,
body.tax-product_cat .site-main,
body.single-product:not(.aacv-has-despiece) .site-main {
width: min(100% - 28px, 1140px) !important;
padding-top: 28px !important;
}
body.post-type-archive-product .woocommerce-ordering,
body.tax-product_cat .woocommerce-ordering {
margin: 0 0 22px !important;
width: 100% !important;
}
body.post-type-archive-product ul.products,
body.tax-product_cat ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
}
body.post-type-archive-product ul.products li.product,
body.tax-product_cat ul.products li.product {
padding: 12px !important;
}
body.post-type-archive-product ul.products li.product a img,
body.tax-product_cat ul.products li.product a img {
height: 150px !important;
}
body.single-product:not(.aacv-has-despiece) div.product {
grid-template-columns: 1fr !important;
gap: 24px !important;
}
body.single-product:not(.aacv-has-despiece) .woocommerce-tabs {
padding: 20px !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 14px !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product {
padding: 12px !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product a img,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product a img {
height: 150px !important;
}
}
/* AACV - Paleta global tomada del logo activo */
:root {
--aacv-logo-navy: #103070;
--aacv-logo-blue: #0050a0;
--aacv-logo-cyan: #009fe3;
--aacv-logo-soft: #e8f4fd;
}
body,
.woocommerce {
color: #1a2235;
}
a,
a:visited,
.woocommerce a,
.woocommerce a:visited {
color: var(--aacv-logo-blue) !important;
}
a:hover,
a:focus,
.woocommerce a:hover,
.woocommerce a:focus {
color: var(--aacv-logo-cyan) !important;
}
.woocommerce div.product .product_title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-loop-product__title,
.woocommerce-tabs .panel h2,
.related.products > h2,
.upsells.products > h2,
.cart_totals h2,
.woocommerce-checkout h3 {
color: var(--aacv-logo-navy) !important;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce-Price-amount,
.amount {
color: var(--aacv-logo-blue) !important;
}
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce #place_order,
.single_add_to_cart_button,
button[type="submit"],
input[type="submit"] {
background: var(--aacv-logo-blue) !important;
border-color: var(--aacv-logo-blue) !important;
color: #fff !important;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce #place_order:hover,
.single_add_to_cart_button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
background: var(--aacv-logo-cyan) !important;
border-color: var(--aacv-logo-cyan) !important;
color: #fff !important;
}
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
border-top-color: var(--aacv-logo-blue) !important;
}
.woocommerce-message::before,
.woocommerce-info::before,
.woocommerce-error::before,
.woocommerce-tabs ul.tabs li.active a {
color: var(--aacv-logo-blue) !important;
}
.woocommerce-tabs ul.tabs li.active a {
border-bottom-color: var(--aacv-logo-blue) !important;
}
body.post-type-archive-product ul.products li.product .woocommerce-loop-product__title,
body.tax-product_cat ul.products li.product .woocommerce-loop-product__title,
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product .woocommerce-loop-product__title,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product .woocommerce-loop-product__title {
color: var(--aacv-logo-navy) !important;
}
body.post-type-archive-product ul.products li.product .price,
body.tax-product_cat ul.products li.product .price,
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product .price,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product .price {
color: var(--aacv-logo-blue) !important;
}
/* AACV - Carrusel relacionado: 4 visibles en desktop, avance de 1 producto */
body.single-product .related.products.aacv-rel-slider-ready .aacv-rel-slider-wrap,
body.single-product .upsells.products.aacv-rel-slider-ready .aacv-rel-slider-wrap {
position: relative !important;
overflow: hidden !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
padding: 0 48px !important;
box-sizing: border-box !important;
}
body.single-product .related.products.aacv-rel-slider-ready,
body.single-product .upsells.products.aacv-rel-slider-ready {
max-width: 100% !important;
min-width: 0 !important;
overflow: hidden !important;
}
body.single-product .related.products.aacv-rel-slider-ready ul.products,
body.single-product .upsells.products.aacv-rel-slider-ready ul.products {
display: flex !important;
flex-wrap: nowrap !important;
grid-template-columns: none !important;
overflow: visible !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
gap: 22px;
}
body.single-product .related.products.aacv-rel-slider-ready ul.products::before,
body.single-product .related.products.aacv-rel-slider-ready ul.products::after,
body.single-product .upsells.products.aacv-rel-slider-ready ul.products::before,
body.single-product .upsells.products.aacv-rel-slider-ready ul.products::after {
display: none !important;
}
body.single-product .related.products.aacv-rel-slider-ready ul.products li.product,
body.single-product .upsells.products.aacv-rel-slider-ready ul.products li.product {
float: none !important;
width: auto !important;
min-width: 0 !important;
margin: 0 !important;
}
body.single-product .related.products.aacv-rel-slider-ready .aacv-rel-prev,
body.single-product .related.products.aacv-rel-slider-ready .aacv-rel-next,
body.single-product .upsells.products.aacv-rel-slider-ready .aacv-rel-prev,
body.single-product .upsells.products.aacv-rel-slider-ready .aacv-rel-next {
background: var(--aacv-logo-blue) !important;
box-shadow: 0 10px 22px rgba(16, 48, 112, 0.2) !important;
}
body.single-product .related.products.aacv-rel-slider-ready .aacv-rel-prev:hover,
body.single-product .related.products.aacv-rel-slider-ready .aacv-rel-next:hover,
body.single-product .upsells.products.aacv-rel-slider-ready .aacv-rel-prev:hover,
body.single-product .upsells.products.aacv-rel-slider-ready .aacv-rel-next:hover {
background: var(--aacv-logo-cyan) !important;
}
@media (max-width: 640px) {
body.single-product .related.products.aacv-rel-slider-ready .aacv-rel-slider-wrap,
body.single-product .upsells.products.aacv-rel-slider-ready .aacv-rel-slider-wrap {
padding: 0 36px !important;
}
body.single-product .related.products.aacv-rel-slider-ready .aacv-rel-prev,
body.single-product .related.products.aacv-rel-slider-ready .aacv-rel-next,
body.single-product .upsells.products.aacv-rel-slider-ready .aacv-rel-prev,
body.single-product .upsells.products.aacv-rel-slider-ready .aacv-rel-next {
width: 32px !important;
height: 32px !important;
font-size: 22px !important;
}
}
/* AACV - Titulos principales mas visibles */
body.single-product:not(.aacv-has-despiece) .product_title,
.woocommerce div.product .product_title {
font-size: clamp(36px, 3vw, 44px) !important;
line-height: 1.12 !important;
font-weight: 700 !important;
}
body.post-type-archive-product .page-title,
body.tax-product_cat .page-title {
font-size: clamp(40px, 3.2vw, 48px) !important;
line-height: 1.12 !important;
font-weight: 900 !important;
}
body.single-product:not(.aacv-has-despiece) .related.products > h2,
body.single-product:not(.aacv-has-despiece) .upsells.products > h2,
.related.products > h2,
.upsells.products > h2 {
font-size: clamp(34px, 2.8vw, 42px) !important;
line-height: 1.15 !important;
font-weight: 700 !important;
}
@media (max-width: 640px) {
body.single-product:not(.aacv-has-despiece) .product_title,
.woocommerce div.product .product_title,
body.post-type-archive-product .page-title,
body.tax-product_cat .page-title,
body.single-product:not(.aacv-has-despiece) .related.products > h2,
body.single-product:not(.aacv-has-despiece) .upsells.products > h2,
.related.products > h2,
.upsells.products > h2 {
font-size: 30px !important;
}
}
/* AACV - Footer siempre legible, incluso en enlaces visitados de WooCommerce */
body .itools-footer,
body .aacv-gc-footer {
color: #fff !important;
}
body .itools-footer p,
body .itools-footer span,
body .itools-footer li,
body .itools-footer .itools-footer-desc,
body .itools-footer .itools-footer-contact-item,
body .aacv-gc-footer p,
body .aacv-gc-footer span,
body .aacv-gc-footer li,
body .aacv-gc-footer .aacv-gc-footer-desc,
body .aacv-gc-footer .aacv-gc-footer-contact-item {
color: #f2f8ff !important;
}
body .itools-footer a,
body .itools-footer a:visited,
body.woocommerce .itools-footer a,
body.woocommerce .itools-footer a:visited,
body .itools-footer .itools-footer-col ul li a,
body .itools-footer .itools-footer-col ul li a:visited,
body .aacv-gc-footer a,
body .aacv-gc-footer a:visited,
body.woocommerce .aacv-gc-footer a,
body.woocommerce .aacv-gc-footer a:visited,
body .aacv-gc-footer .aacv-gc-footer-col ul li a,
body .aacv-gc-footer .aacv-gc-footer-col ul li a:visited {
color: #fff !important;
}
body .itools-footer a:hover,
body.woocommerce .itools-footer a:hover,
body .aacv-gc-footer a:hover,
body.woocommerce .aacv-gc-footer a:hover {
color: #009fe3 !important;
}
body .itools-footer h4,
body .itools-footer .itools-footer-col h4,
body .aacv-gc-footer h4,
body .aacv-gc-footer .aacv-gc-footer-col h4 {
color: #009fe3 !important;
}
body .itools-footer-bottom,
body .aacv-gc-footer-bottom {
color: #eaf6ff !important;
}
body .itools-footer-bottom a,
body .itools-footer-bottom a:visited,
body.woocommerce .itools-footer-bottom a,
body.woocommerce .itools-footer-bottom a:visited,
body .aacv-gc-footer-bottom a,
body .aacv-gc-footer-bottom a:visited,
body.woocommerce .aacv-gc-footer-bottom a,
body.woocommerce .aacv-gc-footer-bottom a:visited {
color: #009fe3 !important;
}
body .itools-footer-social a,
body .itools-footer-social a:visited,
body.woocommerce .itools-footer-social a,
body.woocommerce .itools-footer-social a:visited,
body .aacv-gc-footer-social a,
body .aacv-gc-footer-social a:visited,
body.woocommerce .aacv-gc-footer-social a,
body.woocommerce .aacv-gc-footer-social a:visited {
background: #009fe3 !important;
border-color: #009fe3 !important;
color: #fff !important;
}
body .itools-footer-social a svg,
body .aacv-gc-footer-social a svg {
fill: #fff !important;
}
/* AACV - Filtros laterales en categorias y tienda */
body.post-type-archive-product .site-main,
body.tax-product_cat .site-main,
body.tax-product_brand .site-main {
width: min(1600px, calc(100% - 48px)) !important;
max-width: min(1600px, calc(100% - 48px)) !important;
}
.aacv-shop-layout {
display: grid !important;
grid-template-columns: 300px minmax(0, 1fr) !important;
gap: 36px !important;
align-items: start !important;
clear: both !important;
}
.aacv-shop-filters {
position: sticky !important;
top: 136px !important;
align-self: start !important;
z-index: 10 !important;
}
.aacv-shop-filter-form {
display: block !important;
width: 100% !important;
}
.aacv-filter-title {
color: #1a2235 !important;
font-size: 30px !important;
font-weight: 500 !important;
line-height: 1.1 !important;
letter-spacing: 2px !important;
margin: 0 0 14px !important;
}
.aacv-filter-actions {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 8px !important;
margin: 0 0 10px !important;
}
.aacv-filter-clear,
.aacv-filter-submit {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 44px !important;
border: 0 !important;
border-radius: 4px !important;
background: #7b7f86 !important;
color: #fff !important;
font-family: var(--aacv-font-body, Roboto, Arial, sans-serif) !important; font-weight: 800 !important; font-size: 16px !important;
text-decoration: none !important;
cursor: pointer !important;
}
.aacv-filter-submit {
background: #0050a0 !important;
}
.aacv-filter-clear:hover,
.aacv-filter-submit:hover {
background: #009fe3 !important;
color: #fff !important;
}
.aacv-filter-box,
.aacv-filter-group {
background: #f2f3f5 !important;
border: 1px solid #d7dce5 !important;
border-radius: 4px !important;
margin: 0 0 8px !important;
overflow: hidden !important;
}
.aacv-filter-box {
padding: 14px !important;
}
.aacv-filter-label,
.aacv-filter-group summary {
color: #1a2235 !important;
font-family: var(--aacv-font-body, Roboto, Arial, sans-serif) !important; font-weight: 600 !important; font-size: 20px !important;
}
.aacv-filter-group summary {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 14px 16px !important;
cursor: pointer !important;
list-style: none !important;
}
.aacv-filter-group summary::-webkit-details-marker {
display: none !important;
}
.aacv-filter-group summary::after {
content: "\25BE" !important;
color: #103070 !important;
font-size: 22px !important;
line-height: 1 !important;
}
.aacv-filter-group[open] summary::after {
transform: rotate(180deg) !important;
}
.aacv-price-line {
height: 10px !important;
margin: 14px 0 10px !important;
border-radius: 999px !important;
background: #d7dce5 !important;
position: relative !important;
}
.aacv-price-line span {
display: block !important;
width: 72% !important;
height: 100% !important;
border-radius: inherit !important;
background: #009fe3 !important;
}
.aacv-price-inputs {
display: grid !important;
grid-template-columns: 1fr 1fr !important;
gap: 10px !important;
}
.aacv-price-inputs label span {
display: block !important;
color: #3f4756 !important;
font-size: 12px !important;
font-weight: 700 !important;
margin: 0 0 4px !important;
}
.aacv-price-inputs input {
width: 100% !important;
min-height: 38px !important;
border: 1px solid #d7dce5 !important;
border-radius: 4px !important;
background: #fff !important;
color: #1a2235 !important;
font-size: 14px !important;
font-weight: 600 !important;
padding: 7px 8px !important;
}
.aacv-filter-options {
max-height: 280px !important;
overflow: auto !important;
padding: 0 16px 14px !important;
}
.aacv-filter-check {
display: flex !important;
align-items: center !important;
gap: 9px !important;
color: #1a2235 !important;
font-size: 14px !important;
font-weight: 600 !important;
padding: 7px 0 !important;
}
.aacv-filter-check input {
accent-color: #0050a0 !important;
}
.aacv-shop-results {
min-width: 0 !important;
}
.aacv-shop-results .woocommerce-result-count {
float: none !important;
margin: 0 0 24px !important;
color: #1a2235 !important;
}
.aacv-shop-results .woocommerce-ordering {
float: none !important;
margin: -58px 0 28px auto !important;
width: min(360px, 100%) !important;
}
body.post-type-archive-product .aacv-shop-results ul.products,
body.tax-product_cat .aacv-shop-results ul.products,
body.tax-product_brand .aacv-shop-results ul.products {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important;
}
body.aacv-hide-duplicate-entry-title h1.entry-title,
body.aacv-hide-duplicate-entry-title .entry-title {
display: none !important;
}
body.aacv-hide-duplicate-entry-title .site-main {
padding-top: 34px !important;
}
@media (max-width: 1280px) {
.aacv-shop-layout {
grid-template-columns: 280px minmax(0, 1fr) !important;
gap: 24px !important;
}
body.post-type-archive-product .aacv-shop-results ul.products,
body.tax-product_cat .aacv-shop-results ul.products,
body.tax-product_brand .aacv-shop-results ul.products {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
}
@media (max-width: 900px) {
body.post-type-archive-product .site-main,
body.tax-product_cat .site-main,
body.tax-product_brand .site-main {
width: min(100% - 28px, 1140px) !important;
max-width: min(100% - 28px, 1140px) !important;
}
.aacv-shop-layout {
grid-template-columns: 1fr !important;
gap: 22px !important;
}
.aacv-shop-filters {
position: static !important;
}
.aacv-shop-results .woocommerce-ordering {
margin: 0 0 22px !important;
width: 100% !important;
}
body.post-type-archive-product .aacv-shop-results ul.products,
body.tax-product_cat .aacv-shop-results ul.products,
body.tax-product_brand .aacv-shop-results ul.products {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
/* AACV - Servicio Tecnico: sin titulo duplicado y hero ancho */
body.page-id-2762 .page-header,
body.page-id-2762 h1.entry-title {
display: none !important;
}
body.page-id-2762 .site-main,
body.page-id-2762 .page-content {
width: 100% !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-top: 0 !important;
}
body.page-id-2762 .aacv-st-wrap {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 clamp(24px, 4.2vw, 78px) 60px !important;
}
body.page-id-2762 .aacv-st-wrap > :not(.aacv-st-hero) {
max-width: 1180px !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.page-id-2762 .aacv-st-hero {
width: 100% !important;
max-width: none !important;
margin: 34px auto 42px !important;
padding: 48px clamp(36px, 5vw, 64px) !important;
}
@media (max-width: 640px) {
body.page-id-2762 .aacv-st-wrap {
padding: 0 16px 48px !important;
}
body.page-id-2762 .aacv-st-hero {
margin-top: 22px !important;
padding: 36px 22px !important;
border-radius: 16px !important;
}
}
/* === FIX CONTRASTE /contacto/ aside (sin wrapper .itools-inner-content) === */
.cto-aside h2,
.cto-aside h3,
.cto-aside h4 { color: #ffffff !important; }
.cto-aside > p { color: rgba(255,255,255,0.85) !important; }
.cto-aside-item-text strong {
color: #ffffff !important;
opacity: 0.92;
font-weight: 800 !important;
letter-spacing: 1px;
text-transform: uppercase;
}
.cto-aside-item-text,
.cto-aside-item-text a,
.cto-aside-item-text span,
.cto-aside-item-text p,
.cto-aside p,
.cto-aside a {
color: #ffffff !important;
text-decoration: none !important;
}
.cto-aside-item-text a:hover,
.cto-aside a:hover { color: #7dd3fc !important; }
/* === /FIX CONTRASTE === */
/* ============================================================
GLOBAL TYPOGRAPHY OVERRIDE — Arial site-wide
Match consorcioaacv.com/online — uses Arial, sans-serif
============================================================ */
html,
html body,
html body *,
html body *::before,
html body *::after,
input, select, textarea, button,
.elementor-widget-container,
.elementor *,
.elementor-button,
.elementor-heading-title,
.elementor-text-editor,
h1, h2, h3, h4, h5, h6,
p, a, span, div, li, ul, ol,
.menu, .menu *, nav, nav *,
.woocommerce, .woocommerce *,
.aacv-pop-modal, .aacv-pop-modal * {
font-family: var(--aacv-font-body, Roboto, Arial, sans-serif) !important;
}
/* === /GLOBAL TYPOGRAPHY OVERRIDE === */
/* AACV-REL-SLIDER-V2: mostrar 4 productos completos, avance 1 a 1 (sin mascara) */
body.single-product .related.products.aacv-rel-slider-ready .aacv-rel-slider-wrap,
body.single-product .upsells.products.aacv-rel-slider-ready .aacv-rel-slider-wrap {
overflow: hidden !important;
padding: 0 56px !important;
}
body.single-product .related.products.aacv-rel-slider-ready ul.products,
body.single-product .upsells.products.aacv-rel-slider-ready ul.products {
overflow: hidden !important;
}
body.single-product .related.products.aacv-rel-slider-ready ul.products li.product,
body.single-product .upsells.products.aacv-rel-slider-ready ul.products li.product {
flex-shrink: 0 !important;
}
/* AACV-POPUP-VISITED-FIX: forzar texto blanco en botones del popup independiente de :visited */
.aacv-pop-modal .aacv-pop-btn,
.aacv-pop-modal a.aacv-pop-btn,
.aacv-pop-modal a.aacv-pop-btn:visited,
.aacv-pop-modal a.aacv-pop-btn:link,
.aacv-pop-modal a.aacv-pop-btn:active,
.aacv-pop-modal a.aacv-pop-btn:hover,
.aacv-pop-modal a.aacv-pop-btn:focus { color: #ffffff !important; text-decoration: none !important; }
/* AACV-FOOTER-VISITED-FIX: forzar blanco/cyan en links del footer iTools sin importar :visited o WooCommerce */
.itools-footer .itools-footer-col ul li a,
.itools-footer .itools-footer-col ul li a:link,
.itools-footer .itools-footer-col ul li a:visited,
.itools-footer .itools-footer-col ul li a:active,
.itools-footer .itools-footer-bottom a,
.itools-footer .itools-footer-bottom a:link,
.itools-footer .itools-footer-bottom a:visited,
body.woocommerce .itools-footer .itools-footer-col ul li a,
body.woocommerce-page .itools-footer .itools-footer-col ul li a {
color: #fff !important;
}
.itools-footer .itools-footer-col ul li a:hover,
body.woocommerce .itools-footer .itools-footer-col ul li a:hover,
body.woocommerce-page .itools-footer .itools-footer-col ul li a:hover {
color: #009fe3 !important;
text-decoration: none !important;
}
/* AACV-GC-FOOTER-VISITED-FIX: forzar blanco en links del footer global aacv-gc en cualquier pagina (incl. WooCommerce) */
.aacv-gc-footer .aacv-gc-footer-col ul li a,
.aacv-gc-footer .aacv-gc-footer-col ul li a:link,
.aacv-gc-footer .aacv-gc-footer-col ul li a:visited,
.aacv-gc-footer .aacv-gc-footer-col ul li a:active,
.aacv-gc-footer .aacv-gc-footer-bottom a,
.aacv-gc-footer .aacv-gc-footer-bottom a:link,
.aacv-gc-footer .aacv-gc-footer-bottom a:visited,
body.woocommerce .aacv-gc-footer .aacv-gc-footer-col ul li a,
body.woocommerce-page .aacv-gc-footer .aacv-gc-footer-col ul li a {
color: #fff !important;
}
.aacv-gc-footer .aacv-gc-footer-col ul li a:hover,
body.woocommerce .aacv-gc-footer .aacv-gc-footer-col ul li a:hover,
body.woocommerce-page .aacv-gc-footer .aacv-gc-footer-col ul li a:hover {
color: #009fe3 !important;
text-decoration: none !important;
}
/* ============================================================
AACV-PRODUCT-SUMMARY-V2 — espaciado y estilos limpios single-product
Aplicado SOLO a body.single-product .summary (no afecta otras paginas)
============================================================ */
/* Container summary */
body.single-product .summary.entry-summary {
padding: 0 0 0 12px !important;
}
/* TITULO mas grande con line-height comodo */
body.single-product .summary h1.product_title.entry-title {
font-family: var(--aacv-font-title, "Inter", "Helvetica Neue", Arial, sans-serif) !important;
font-size: 30px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
color: #1a2235 !important;
margin: 0 0 18px !important;
letter-spacing: -0.5px !important;
}
/* PRECIO mas prominente */
body.single-product .summary p.price,
body.single-product .summary .price {
font-family: var(--aacv-font-title, "Inter", "Helvetica Neue", Arial, sans-serif) !important;
font-size: 32px !important;
font-weight: 800 !important;
color: var(--aacv-primary, #103070) !important;
line-height: 1 !important;
margin: 0 0 22px !important;
padding-bottom: 18px !important;
border-bottom: 1px solid #e5e7eb !important;
}
body.single-product .summary p.price del,
body.single-product .summary .price del {
color: #9ca3af !important;
font-size: 20px !important;
font-weight: 500 !important;
margin-right: 10px !important;
text-decoration: line-through !important;
}
body.single-product .summary p.price ins,
body.single-product .summary .price ins {
background: transparent !important;
text-decoration: none !important;
}
/* DESCRIPCION corta limpia */
body.single-product .summary .woocommerce-product-details__short-description {
color: #4b5563 !important;
font-size: 15px !important;
line-height: 1.65 !important;
margin: 0 0 24px !important;
}
body.single-product .summary .woocommerce-product-details__short-description p {
margin: 0 0 8px !important;
}
/* CART FORM: cantidad + boton anadir al carrito en MISMA fila */
body.single-product .summary form.cart {
display: flex !important;
align-items: stretch !important;
gap: 12px !important;
margin: 0 0 14px !important;
flex-wrap: nowrap !important;
}
body.single-product .summary form.cart .quantity {
flex-shrink: 0 !important;
margin: 0 !important;
}
body.single-product .summary form.cart input.qty {
height: 52px !important;
width: 78px !important;
padding: 0 12px !important;
text-align: center !important;
font-size: 16px !important;
font-weight: 700 !important;
border: 1.5px solid #e5e7eb !important;
border-radius: 10px !important;
background: #fff !important;
color: #1a2235 !important;
box-sizing: border-box !important;
}
body.single-product .summary form.cart input.qty:focus {
outline: none !important;
border-color: var(--aacv-primary, #103070) !important;
box-shadow: 0 0 0 3px rgba(16,48,112,0.1) !important;
}
body.single-product .summary form.cart button.single_add_to_cart_button {
flex: 1 1 auto !important;
height: 52px !important;
background: var(--aacv-primary, #103070) !important;
color: #fff !important;
border: none !important;
border-radius: 10px !important;
padding: 0 24px !important;
font-family: var(--aacv-font-body, "Roboto", Arial, sans-serif) !important;
font-size: 15px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
cursor: pointer !important;
box-shadow: 0 4px 12px rgba(16,48,112,0.2) !important;
transition: opacity .2s, transform .2s !important;
}
body.single-product .summary form.cart button.single_add_to_cart_button:hover {
opacity: .92 !important;
transform: translateY(-1px) !important;
}
/* BOTONES CUSTOM: WhatsApp + Ficha alineados con misma altura */
body.single-product .summary .aacv-btn-whatsapp,
body.single-product .summary .aacv-btn-ficha {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
width: calc(50% - 6px) !important;
height: 52px !important;
padding: 0 18px !important;
margin: 0 !important;
border-radius: 10px !important;
font-family: var(--aacv-font-body, "Roboto", Arial, sans-serif) !important;
font-size: 14px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-decoration: none !important;
line-height: 1 !important;
box-sizing: border-box !important;
transition: opacity .2s, transform .2s !important;
vertical-align: top !important;
}
body.single-product .summary .aacv-btn-whatsapp { margin-right: 6px !important; }
body.single-product .summary .aacv-btn-ficha { margin-left: 6px !important; }
body.single-product .summary .aacv-btn-whatsapp,
body.single-product .summary .aacv-btn-whatsapp:link,
body.single-product .summary .aacv-btn-whatsapp:visited,
body.single-product .summary .aacv-btn-whatsapp:active {
background: #25D366 !important;
color: #fff !important;
box-shadow: 0 4px 12px rgba(37,211,102,0.25) !important;
}
body.single-product .summary .aacv-btn-whatsapp:hover {
background: #1eb555 !important;
color: #fff !important;
transform: translateY(-1px) !important;
}
body.single-product .summary .aacv-btn-ficha,
body.single-product .summary .aacv-btn-ficha:link,
body.single-product .summary .aacv-btn-ficha:visited,
body.single-product .summary .aacv-btn-ficha:active {
background: #f3f4f6 !important;
color: #374151 !important;
border: 1.5px solid #e5e7eb !important;
}
body.single-product .summary .aacv-btn-ficha:not(.aacv-btn-ficha--disabled):hover {
background: var(--aacv-primary, #103070) !important;
color: #fff !important;
border-color: var(--aacv-primary, #103070) !important;
transform: translateY(-1px) !important;
}
body.single-product .summary .aacv-btn-ficha--disabled {
opacity: 0.65 !important;
cursor: not-allowed !important;
}
body.single-product .summary .aacv-btn-whatsapp svg,
body.single-product .summary .aacv-btn-ficha svg {
width: 18px !important;
height: 18px !important;
flex-shrink: 0 !important;
}
/* Margen extra entre cart form y los 2 botones custom */
body.single-product .summary form.cart + .aacv-btn-whatsapp,
body.single-product .summary form.cart + .aacv-btn-ficha {
margin-top: 14px !important;
}
/* PRODUCT META limpio */
body.single-product .summary .product_meta {
margin-top: 26px !important;
padding-top: 18px !important;
border-top: 1px solid #e5e7eb !important;
font-size: 13px !important;
color: #6b7280 !important;
line-height: 1.8 !important;
}
body.single-product .summary .product_meta > span {
display: block !important;
margin-bottom: 4px !important;
}
body.single-product .summary .product_meta a {
color: var(--aacv-primary, #103070) !important;
font-weight: 600 !important;
text-decoration: none !important;
}
body.single-product .summary .product_meta a:hover {
text-decoration: underline !important;
}
/* Mobile */
@media (max-width: 600px) {
body.single-product .summary { padding: 24px 0 0 !important; }
body.single-product .summary h1.product_title { font-size: 24px !important; }
body.single-product .summary p.price { font-size: 26px !important; }
body.single-product .summary form.cart { flex-wrap: wrap !important; }
body.single-product .summary form.cart .quantity { width: 100% !important; }
body.single-product .summary form.cart input.qty { width: 100% !important; }
body.single-product .summary .aacv-btn-whatsapp,
body.single-product .summary .aacv-btn-ficha {
width: 100% !important;
margin: 0 0 10px !important;
}
}
/* AACV-PRODUCT-BTNS-STACK: forzar botones whatsapp + ficha apilados full-width (mas limpio) */
body.single-product .summary .aacv-btn-whatsapp,
body.single-product .summary .aacv-btn-ficha {
display: flex !important;
width: 100% !important;
margin: 10px 0 0 !important;
}
body.single-product .summary form.cart + .aacv-btn-whatsapp {
margin-top: 14px !important;
}
/* AACV-PRODUCT-ACTIONS-LAYOUT: poner WhatsApp+Ficha en su propia fila, lado a lado */
body.single-product .summary form.cart { flex-wrap: wrap !important; }
body.single-product .summary form.cart .aacv-product-buttons {
flex: 0 0 100% !important;
width: 100% !important;
display: flex !important;
flex-direction: row !important;
gap: 12px !important;
margin-top: 14px !important;
}
body.single-product .summary form.cart .aacv-product-buttons .aacv-btn-whatsapp,
body.single-product .summary form.cart .aacv-product-buttons .aacv-btn-ficha {
flex: 1 1 0 !important;
width: auto !important;
margin: 0 !important;
}
/* ============================================================
AACV-PRODUCT-CARDS-V3 — Diseño unificado de cards
Aplica a: .itools-product-card (home) + ul.products li.product (WC)
============================================================ */
/* --- WOOCOMMERCE PRODUCT CARDS (tienda, categorías, related) --- */
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product,
body.archive.woocommerce ul.products li.product {
background: #fff !important;
border: 1px solid #e5e7eb !important;
border-radius: 14px !important;
padding: 18px !important;
margin-bottom: 24px !important;
list-style: none !important;
display: flex !important;
flex-direction: column !important;
transition: transform .25s cubic-bezier(.4,0,.2,1), box-shadow .25s !important;
box-shadow: 0 1px 3px rgba(15,23,42,0.04) !important;
position: relative !important;
overflow: hidden !important;
}
body.woocommerce ul.products li.product:hover,
body.woocommerce-page ul.products li.product:hover {
transform: translateY(-4px) !important;
box-shadow: 0 14px 32px rgba(15,23,42,0.08) !important;
border-color: #d1d5db !important;
}
/* Imagen producto */
body.woocommerce ul.products li.product img,
body.woocommerce-page ul.products li.product img {
width: 100% !important;
height: auto !important;
aspect-ratio: 1 / 1 !important;
object-fit: contain !important;
background: #fafafa !important;
border-radius: 10px !important;
padding: 14px !important;
box-sizing: border-box !important;
transition: transform .35s cubic-bezier(.4,0,.2,1) !important;
margin: 0 0 14px !important;
box-shadow: none !important;
}
body.woocommerce ul.products li.product:hover img,
body.woocommerce-page ul.products li.product:hover img {
transform: scale(1.05) !important;
}
/* Title */
body.woocommerce ul.products li.product h2.woocommerce-loop-product__title,
body.woocommerce ul.products li.product h3.woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product h2.woocommerce-loop-product__title,
body.woocommerce-page ul.products li.product h3.woocommerce-loop-product__title {
font-family: var(--aacv-font-body, "Roboto", Arial, sans-serif) !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #1f2937 !important;
line-height: 1.35 !important;
margin: 0 0 10px !important;
padding: 0 2px !important;
min-height: 42px !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
body.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
text-decoration: none !important;
color: inherit !important;
display: block !important;
}
/* Precio */
body.woocommerce ul.products li.product .price,
body.woocommerce-page ul.products li.product .price {
font-family: var(--aacv-font-title, "Inter", "Helvetica Neue", Arial, sans-serif) !important;
color: var(--aacv-primary, #103070) !important;
font-size: 20px !important;
font-weight: 800 !important;
margin: 0 0 14px !important;
padding: 0 2px !important;
line-height: 1.2 !important;
display: flex !important;
flex-wrap: wrap !important;
align-items: baseline !important;
gap: 8px !important;
}
body.woocommerce ul.products li.product .price del {
color: #9ca3af !important;
font-size: 14px !important;
font-weight: 500 !important;
text-decoration: line-through !important;
order: 1 !important;
}
body.woocommerce ul.products li.product .price ins {
background: transparent !important;
text-decoration: none !important;
order: 2 !important;
}
body.woocommerce ul.products li.product .price .amount,
body.woocommerce ul.products li.product .price .woocommerce-Price-amount {
color: inherit !important;
}
/* Sale badge */
body.woocommerce ul.products li.product .onsale,
body.woocommerce-page ul.products li.product .onsale {
position: absolute !important;
top: 12px !important;
left: 12px !important;
right: auto !important;
background: var(--aacv-primary, #103070) !important;
color: #fff !important;
font-family: var(--aacv-font-body, "Roboto", Arial, sans-serif) !important;
font-size: 12px !important;
font-weight: 800 !important;
padding: 5px 11px !important;
border-radius: 999px !important;
box-shadow: 0 4px 10px rgba(16,48,112,0.25) !important;
margin: 0 !important;
min-width: auto !important;
min-height: auto !important;
line-height: 1.2 !important;
z-index: 3 !important;
text-transform: none !important;
}
/* Botón añadir al carrito */
body.woocommerce ul.products li.product a.button.add_to_cart_button,
body.woocommerce ul.products li.product a.button.product_type_simple,
body.woocommerce ul.products li.product a.button.product_type_variable,
body.woocommerce-page ul.products li.product a.button.add_to_cart_button {
margin-top: auto !important;
background: var(--aacv-primary, #103070) !important;
color: #fff !important;
border: none !important;
border-radius: 10px !important;
padding: 11px 16px !important;
font-family: var(--aacv-font-body, "Roboto", Arial, sans-serif) !important;
font-size: 13px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-align: center !important;
text-decoration: none !important;
display: block !important;
width: 100% !important;
box-sizing: border-box !important;
transition: opacity .2s, transform .2s !important;
box-shadow: 0 3px 10px rgba(16,48,112,0.18) !important;
}
body.woocommerce ul.products li.product a.button.add_to_cart_button:hover,
body.woocommerce-page ul.products li.product a.button.add_to_cart_button:hover {
opacity: .92 !important;
transform: translateY(-1px) !important;
color: #fff !important;
}
/* Estado "Ver producto" (variable / out-of-stock) */
body.woocommerce ul.products li.product a.button.added_to_cart {
display: none !important;
}
/* --- HOME ITOOLS CARDS — refinamientos visuales --- */
.itools-product-card {
border: 1px solid #e5e7eb !important;
box-shadow: 0 1px 3px rgba(15,23,42,0.04) !important;
border-radius: 14px !important;
transition: transform .25s cubic-bezier(.4,0,.2,1), box-shadow .25s, border-color .25s !important;
overflow: hidden !important;
}
.itools-product-card:hover {
transform: translateY(-4px) !important;
box-shadow: 0 14px 32px rgba(15,23,42,0.08) !important;
border-color: #d1d5db !important;
}
.itools-product-card__img-wrap {
transition: transform .35s cubic-bezier(.4,0,.2,1) !important;
}
.itools-product-card:hover .itools-product-card__img-wrap img {
transform: scale(1.05) !important;
}
.itools-product-card__img-wrap img {
transition: transform .35s cubic-bezier(.4,0,.2,1) !important;
}
/* Sale badge home (-13%) consistente con WC */
.itools-discount-badge {
background: var(--aacv-primary, #103070) !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 800 !important;
padding: 5px 11px !important;
border-radius: 999px !important;
box-shadow: 0 4px 10px rgba(16,48,112,0.25) !important;
top: 12px !important;
left: 12px !important;
text-transform: none !important;
letter-spacing: 0 !important;
line-height: 1.2 !important;
}
.itools-outofstock-badge {
background: #6b7280 !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 800 !important;
padding: 5px 11px !important;
border-radius: 999px !important;
top: 12px !important;
right: 12px !important;
line-height: 1.2 !important;
}
/* Marca de la card del home más sutil */
.itools-product-card__brand {
color: #6b7280 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
margin-bottom: 4px !important;
}
/* Nombre del producto */
.itools-product-card__name {
font-family: var(--aacv-font-body, "Roboto", Arial, sans-serif) !important;
font-size: 14px !important;
font-weight: 700 !important;
color: #1f2937 !important;
line-height: 1.35 !important;
margin: 0 0 12px !important;
}
.itools-product-card__name a {
color: inherit !important;
text-decoration: none !important;
}
/* Mobile: 2 columnas */
@media (max-width: 600px) {
body.woocommerce ul.products li.product {
padding: 12px !important;
}
body.woocommerce ul.products li.product .price { font-size: 17px !important; }
body.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
font-size: 13px !important;
min-height: 36px !important;
}
}
/* ============================================================
AACV-BLOG-ARCHIVE-V1 — Estilo blog/categoria archive + paginacion
============================================================ */
/* Boton CTA "Ver todo el blog" en home */
.itools-blog-cta {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
padding: 14px 32px !important;
background: var(--aacv-primary, #103070) !important;
color: #fff !important;
font-family: var(--aacv-font-body, "Roboto", Arial, sans-serif) !important;
font-size: 15px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
text-decoration: none !important;
border-radius: 10px !important;
box-shadow: 0 4px 14px rgba(16,48,112,0.25) !important;
transition: transform .25s cubic-bezier(.4,0,.2,1), box-shadow .25s !important;
}
.itools-blog-cta:hover {
transform: translateY(-2px) !important;
box-shadow: 0 10px 28px rgba(16,48,112,0.35) !important;
color: #fff !important;
}
.itools-blog-cta__arrow {
display: inline-block;
transition: transform .25s;
}
.itools-blog-cta:hover .itools-blog-cta__arrow {
transform: translateX(6px);
}
/* ============================================================
PAGINA BLOG (page_for_posts) y CATEGORIA POSTS
============================================================ */
body.blog,
body.archive.category,
body.archive.tag {
background: #f8fafc !important;
}
/* Container general del archive de blog */
body.blog .site-main,
body.archive.category .site-main,
body.archive.tag .site-main,
body.blog main.site-main,
body.archive.category main.site-main {
max-width: 1280px !important;
margin: 30px auto 60px !important;
padding: 0 24px !important;
}
/* Hero / Titulo del blog */
body.blog .page-header,
body.archive.category .page-header,
body.archive.tag .page-header {
text-align: center !important;
padding: 40px 0 32px !important;
margin-bottom: 24px !important;
border: none !important;
}
body.blog .page-title,
body.archive.category .page-title,
body.archive.tag .page-title,
body.blog h1.entry-title,
body.archive.category h1.archive-title {
font-family: var(--aacv-font-title, "Inter", "Helvetica Neue", Arial, sans-serif) !important;
font-size: 42px !important;
font-weight: 800 !important;
color: var(--aacv-primary, #103070) !important;
line-height: 1.1 !important;
letter-spacing: -1px !important;
margin: 0 0 12px !important;
display: block !important;
}
body.blog .archive-description,
body.archive.category .archive-description,
body.archive.tag .archive-description,
body.archive .term-description {
color: #6b7280 !important;
font-size: 17px !important;
max-width: 640px !important;
margin: 0 auto !important;
line-height: 1.5 !important;
}
/* Filtro de categorias (custom inyectado) */
.aacv-blog-cats {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 8px !important;
margin: 0 0 32px !important;
padding: 16px 0 !important;
border-bottom: 1px solid #e5e7eb !important;
}
.aacv-blog-cats a {
padding: 8px 18px !important;
background: #fff !important;
color: #1f2937 !important;
border: 1px solid #e5e7eb !important;
border-radius: 999px !important;
font-family: var(--aacv-font-body, "Roboto", Arial, sans-serif) !important;
font-size: 13px !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: background .2s, color .2s, border-color .2s !important;
}
.aacv-blog-cats a:hover,
.aacv-blog-cats a.is-active {
background: var(--aacv-primary, #103070) !important;
color: #fff !important;
border-color: var(--aacv-primary, #103070) !important;
}
/* Grid de posts */
body.blog .entries-wrap,
body.archive.category .entries-wrap,
body.archive.tag .entries-wrap {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
gap: 24px !important;
}
/* Post card */
body.blog article.post,
body.blog article[class*="post-"],
body.archive.category article.post,
body.archive.tag article.post,
body.archive article[class*="hentry"] {
background: #fff !important;
border: 1px solid #e5e7eb !important;
border-radius: 14px !important;
overflow: hidden !important;
box-shadow: 0 1px 3px rgba(15,23,42,0.04) !important;
transition: transform .25s cubic-bezier(.4,0,.2,1), box-shadow .25s !important;
margin: 0 0 24px !important;
padding: 0 !important;
display: flex !important;
flex-direction: column !important;
}
body.blog article.post:hover,
body.archive.category article.post:hover,
body.archive.tag article.post:hover {
transform: translateY(-4px) !important;
box-shadow: 0 14px 32px rgba(15,23,42,0.08) !important;
border-color: #d1d5db !important;
}
/* Post thumbnail */
body.blog article.post .post-thumbnail,
body.archive article.post .post-thumbnail,
body.archive .entry-media,
body.blog .entry-media {
width: 100% !important;
aspect-ratio: 16 / 10 !important;
overflow: hidden !important;
background: #f3f4f6 !important;
margin: 0 !important;
display: block !important;
}
body.blog article.post .post-thumbnail img,
body.blog article.post img.wp-post-image,
body.archive article.post .post-thumbnail img,
body.archive article.post img.wp-post-image {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
display: block !important;
transition: transform .35s cubic-bezier(.4,0,.2,1) !important;
}
body.blog article.post:hover img.wp-post-image,
body.archive article.post:hover img.wp-post-image {
transform: scale(1.05) !important;
}
/* Post body */
body.blog article.post .entry-header,
body.blog article.post .entry-summary,
body.blog article.post .entry-content,
body.blog article.post .entry-meta,
body.blog article.post .entry-footer,
body.archive article.post .entry-header,
body.archive article.post .entry-summary,
body.archive article.post .entry-content,
body.archive article.post .entry-meta,
body.archive article.post .entry-footer {
padding: 0 22px !important;
background: transparent !important;
border: none !important;
margin: 0 !important;
}
body.blog article.post .entry-header,
body.archive article.post .entry-header {
padding-top: 22px !important;
}
body.blog article.post .entry-meta,
body.archive article.post .entry-meta {
font-size: 12px !important;
color: #6b7280 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
font-weight: 600 !important;
margin-bottom: 8px !important;
padding-top: 22px !important;
}
body.blog article.post .entry-meta a,
body.archive article.post .entry-meta a {
color: var(--aacv-primary, #103070) !important;
text-decoration: none !important;
}
/* Title del post */
body.blog article.post h2.entry-title,
body.blog article.post h2,
body.archive article.post h2.entry-title,
body.archive article.post h2 {
font-family: var(--aacv-font-title, "Inter", "Helvetica Neue", Arial, sans-serif) !important;
font-size: 22px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
margin: 4px 0 12px !important;
color: #1a2235 !important;
letter-spacing: -0.4px !important;
}
body.blog article.post h2 a,
body.archive article.post h2 a {
color: inherit !important;
text-decoration: none !important;
}
body.blog article.post h2 a:hover,
body.archive article.post h2 a:hover {
color: var(--aacv-primary, #103070) !important;
}
body.blog article.post .entry-summary p,
body.blog article.post .entry-content p,
body.archive article.post .entry-summary p {
font-size: 14px !important;
line-height: 1.6 !important;
color: #4b5563 !important;
margin: 0 0 14px !important;
}
/* Boton "leer mas" */
body.blog article.post .read-more,
body.blog article.post a.more-link,
body.archive article.post a.more-link {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 9px 18px !important;
background: var(--aacv-primary, #103070) !important;
color: #fff !important;
border-radius: 8px !important;
font-size: 13px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
text-decoration: none !important;
margin: 8px 22px 22px !important;
transition: opacity .2s, transform .2s !important;
}
body.blog article.post a.more-link:hover,
body.archive article.post a.more-link:hover {
opacity: .9 !important;
transform: translateY(-1px) !important;
color: #fff !important;
}
/* ============================================================
PAGINACION GENERICA (blog + archive + tienda WooCommerce)
============================================================ */
.woocommerce nav.woocommerce-pagination,
nav.navigation.pagination,
.pagination,
.nav-links {
display: flex !important;
justify-content: center !important;
align-items: center !important;
gap: 6px !important;
margin: 40px 0 !important;
padding: 0 !important;
flex-wrap: wrap !important;
}
.woocommerce nav.woocommerce-pagination ul,
nav.navigation.pagination .nav-links,
.pagination ul {
display: flex !important;
align-items: center !important;
gap: 6px !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
flex-wrap: wrap !important;
}
.woocommerce nav.woocommerce-pagination li,
.pagination li {
margin: 0 !important;
display: flex !important;
border: none !important;
}
/* Item: numero o flecha */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
nav.navigation.pagination .nav-links a.page-numbers,
nav.navigation.pagination .nav-links span.page-numbers,
.pagination .page-numbers,
nav.navigation.pagination a,
nav.navigation.pagination span {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
min-width: 42px !important;
height: 42px !important;
padding: 0 12px !important;
background: #fff !important;
color: #1f2937 !important;
border: 1px solid #e5e7eb !important;
border-radius: 10px !important;
font-family: var(--aacv-font-body, "Roboto", Arial, sans-serif) !important;
font-size: 14px !important;
font-weight: 600 !important;
text-decoration: none !important;
transition: background .2s, color .2s, border-color .2s, transform .2s !important;
box-sizing: border-box !important;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
nav.navigation.pagination .nav-links a.page-numbers:hover,
.pagination a.page-numbers:hover {
background: var(--aacv-primary, #103070) !important;
color: #fff !important;
border-color: var(--aacv-primary, #103070) !important;
transform: translateY(-1px) !important;
}
/* Página actual */
.woocommerce nav.woocommerce-pagination ul li span.current,
nav.navigation.pagination .nav-links span.current,
.pagination span.current,
.page-numbers.current {
background: var(--aacv-primary, #103070) !important;
color: #fff !important;
border-color: var(--aacv-primary, #103070) !important;
cursor: default !important;
box-shadow: 0 4px 12px rgba(16,48,112,0.25) !important;
}
/* Flechas Next/Prev */
.woocommerce nav.woocommerce-pagination ul li a.next,
.woocommerce nav.woocommerce-pagination ul li a.prev,
.page-numbers.next,
.page-numbers.prev {
font-size: 18px !important;
font-weight: 700 !important;
padding: 0 14px !important;
}
/* Dots / ellipsis */
.page-numbers.dots {
border-color: transparent !important;
background: transparent !important;
}
/* Mobile */
@media (max-width: 600px) {
body.blog .page-title,
body.archive .page-title { font-size: 30px !important; }
body.blog article.post h2 { font-size: 18px !important; }
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.pagination .page-numbers {
min-width: 36px !important;
height: 36px !important;
font-size: 13px !important;
padding: 0 8px !important;
}
}
/* ============================================================
AACV-CARDS-HOME-STYLE-V1 — cards WooCommerce con look home iTools
- Icono carrito junto al precio (no boton full-width)
- Categoria/marca como label arriba
- Mismo radius/sombra/hover
============================================================ */
/* Card base ya estilizada en V3 — refuerzos extra */
body.woocommerce ul.products,
body.woocommerce-page ul.products {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 24px !important;
list-style: none !important;
padding: 0 !important;
margin: 0 0 40px !important;
}
@media (max-width: 1024px) {
body.woocommerce ul.products,
body.woocommerce-page ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
body.woocommerce ul.products,
body.woocommerce-page ul.products { grid-template-columns: 1fr !important; }
}
/* Forzar que cada card sea full width del slot del grid (sin floats heredados) */
body.woocommerce ul.products li.product,
body.woocommerce-page ul.products li.product {
width: auto !important;
float: none !important;
margin: 0 !important;
}
/* Convertir el boton "Anadir al carrito" en icono carrito junto al precio */
body.woocommerce ul.products li.product {
position: relative !important;
}
/* Wrapper del bottom (precio + icono) */
body.woocommerce ul.products li.product .price {
margin-bottom: 0 !important;
padding-right: 56px !important; /* espacio para el icono carrito */
position: relative !important;
}
/* Boton AÑADIR AL CARRITO -> convertir en icono cuadrado solo */
body.woocommerce ul.products li.product a.button.add_to_cart_button,
body.woocommerce ul.products li.product a.button.product_type_simple,
body.woocommerce ul.products li.product a.button.product_type_variable,
body.woocommerce-page ul.products li.product a.button.add_to_cart_button {
position: absolute !important;
bottom: 18px !important;
right: 18px !important;
margin: 0 !important;
width: 42px !important;
height: 42px !important;
padding: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: #fff !important;
color: var(--aacv-primary, #103070) !important;
border: 2px solid var(--aacv-primary, #103070) !important;
border-radius: 8px !important;
font-size: 0 !important;
text-indent: -9999px !important;
box-shadow: none !important;
transition: background 0.2s, color 0.2s, transform 0.2s !important;
overflow: hidden !important;
}
body.woocommerce ul.products li.product a.button.add_to_cart_button:hover,
body.woocommerce-page ul.products li.product a.button.add_to_cart_button:hover {
background: var(--aacv-primary, #103070) !important;
color: #fff !important;
transform: scale(1.05) !important;
}
/* Icono carrito SVG via background-image */
body.woocommerce ul.products li.product a.button.add_to_cart_button::after,
body.woocommerce-page ul.products li.product a.button.add_to_cart_button::after {
content: "" !important;
display: block !important;
width: 22px !important;
height: 22px !important;
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: contain !important;
text-indent: 0 !important;
flex-shrink: 0 !important;
transition: filter 0.2s !important;
}
body.woocommerce ul.products li.product a.button.add_to_cart_button:hover::after,
body.woocommerce-page ul.products li.product a.button.add_to_cart_button:hover::after {
filter: brightness(0) invert(1) !important;
}
/* Loading state del boton (cuando WooCommerce esta procesando) */
body.woocommerce ul.products li.product a.button.add_to_cart_button.loading {
opacity: 0.7 !important;
}
body.woocommerce ul.products li.product a.button.added_to_cart {
display: none !important;
}
/* Layout interno de la card: title + precio + icono */
body.woocommerce ul.products li.product .woocommerce-loop-product__title {
margin: 0 0 8px !important;
min-height: auto !important;
padding-right: 0 !important;
}
/* Footer de card con padding extra para el icono */
body.woocommerce ul.products li.product {
padding-bottom: 24px !important;
}
/* ============================================================
AACV-CONTACTO-PAGE-V1 — fix /contacto/ (page-id-941)
============================================================ */
/* Ocultar titulo "Contacto" duplicado del WP page-header */
body.page-id-941 .page-header,
body.page-id-941 > .page-header,
body.page-id-941 main .page-header,
body.page-id-941 h1.entry-title:not(.cto-hero h1) {
display: none !important;
}
/* El page-header solo cuando esta dentro del main del theme */
body.page-id-941 .site-main > .page-header {
display: none !important;
}
/* Container general */
body.page-id-941 .site-main,
body.page-id-941 main.site-main,
body.page-id-941 .entry-content,
body.page-id-941 .page-content {
max-width: 1280px !important;
margin: 30px auto 60px !important;
padding: 0 24px !important;
background: transparent !important;
}
/* Forzar grid 4 columnas en cards info (con responsive) */
body.page-id-941 .cto-info-grid {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 1024px) {
body.page-id-941 .cto-info-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
@media (max-width: 600px) {
body.page-id-941 .cto-info-grid {
grid-template-columns: 1fr !important;
}
}
/* Tipografia consistente (Inter titulos + Roboto cuerpo) */
body.page-id-941 .cto-hero h1,
body.page-id-941 .cto-form-head h2,
body.page-id-941 .cto-info-card h3 {
font-family: var(--aacv-font-title, "Inter", "Helvetica Neue", Arial, sans-serif) !important;
}
body.page-id-941 .cto-hero p,
body.page-id-941 .cto-info-card p,
body.page-id-941 .cto-info-card a,
body.page-id-941 input,
body.page-id-941 textarea,
body.page-id-941 select {
font-family: var(--aacv-font-body, "Roboto", Arial, sans-serif) !important;
}
/* Cards de info: links en blanco azul correcto sin :visited rosa */
body.page-id-941 .cto-info-card a,
body.page-id-941 .cto-info-card a:link,
body.page-id-941 .cto-info-card a:visited {
color: #555 !important;
}
body.page-id-941 .cto-info-card a:hover {
color: var(--aacv-primary, #103070) !important;
}
/* ============================================================ */
/* AACV - Productos Relacionados: tarjetas estilo HOME exacto */
/* Replica .itools-product-card del aacv-home-itools */
/* ============================================================ */
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product {
display: block !important;
position: relative !important;
padding: 0 !important;
margin: 0 !important;
border: 0.8px solid #e3e8ef !important;
border-radius: 6px !important;
background: #fff !important;
box-shadow: none !important;
overflow: hidden !important;
box-sizing: border-box !important;
min-width: 0 !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product > a:first-child,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product > a:first-child {
display: block !important;
text-decoration: none !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product a img,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product a img {
display: block !important;
width: 100% !important;
max-width: 100% !important;
aspect-ratio: 1 / 1 !important;
height: auto !important;
max-height: none !important;
object-fit: contain !important;
background: #fafafa !important;
padding: 22px !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
box-sizing: border-box !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product .woocommerce-loop-product__title,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product .woocommerce-loop-product__title {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
height: 36px !important;
margin: 14px 14px 4px !important;
padding: 0 !important;
color: #1f2937 !important;
font-size: 13px !important;
font-weight: 700 !important;
line-height: 1.35 !important;
text-transform: uppercase !important;
text-overflow: ellipsis !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product .price,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product .price {
display: block !important;
margin: 8px 14px 14px !important;
padding: 0 50px 0 0 !important;
color: var(--aacv-logo-blue, #0050a0) !important;
font-size: 16px !important;
font-weight: 800 !important;
line-height: 1.2 !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product .price del,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product .price del {
margin-right: 6px !important;
color: #9ca3af !important;
font-weight: 500 !important;
font-size: 13px !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product .price ins,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product .price ins {
text-decoration: none !important;
background: transparent !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product .button,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product .button {
position: absolute !important;
bottom: 14px !important;
right: 14px !important;
top: auto !important;
left: auto !important;
width: 38px !important;
height: 38px !important;
min-height: 38px !important;
padding: 0 !important;
margin: 0 !important;
border-radius: 6px !important;
background: #ffffff !important;
border: 1.6px solid var(--aacv-logo-navy, #103070) !important;
color: transparent !important;
font-size: 0 !important;
line-height: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
box-shadow: none !important;
transition: background 0.2s ease, border-color 0.2s ease !important;
box-sizing: border-box !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product .button::before,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product .button::before {
content: "" !important;
display: inline-block !important;
width: 20px !important;
height: 20px !important;
background-color: var(--aacv-logo-navy, #103070) !important;
-webkit-mask-image: url("data:image/svg+xml;utf8,") !important;
-webkit-mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
-webkit-mask-size: contain !important;
mask-image: url("data:image/svg+xml;utf8,") !important;
mask-repeat: no-repeat !important;
mask-position: center !important;
mask-size: contain !important;
transition: background-color 0.2s ease !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product .button:hover,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product .button:hover {
background: var(--aacv-logo-navy, #103070) !important;
border-color: var(--aacv-logo-navy, #103070) !important;
}
body.single-product:not(.aacv-has-despiece) .related.products ul.products li.product .button:hover::before,
body.single-product:not(.aacv-has-despiece) .upsells.products ul.products li.product .button:hover::before {
background-color: #ffffff !important;
}
body.single-product .related.products ul.products li.product .added_to_cart,
body.single-product .upsells.products ul.products li.product .added_to_cart {
display: none !important;
}
body.single-product .related.products.aacv-rel-slider-ready .aacv-rel-slider-wrap,
body.single-product .upsells.products.aacv-rel-slider-ready .aacv-rel-slider-wrap {
padding: 0 44px !important;
}
body.single-product .related.products.aacv-rel-slider-ready ul.products,
body.single-product .upsells.products.aacv-rel-slider-ready ul.products {
gap: 14px !important;
}
/* ============================================================ */
/* AACV - Fix tamano titulo despiece (.aacv-sn-prod-title) */
/* Override regla inline h2{font-size:52px !important} */
/* Especificidad mayor: clase + tag */
/* ============================================================ */
.aacv-sn-prod-details .aacv-sn-prod-title,
h2.aacv-sn-prod-title {
font-size: 22px !important;
line-height: 1.3 !important;
font-weight: 800 !important;
}
@media (max-width: 768px) {
.aacv-sn-prod-details .aacv-sn-prod-title,
h2.aacv-sn-prod-title {
font-size: 18px !important;
}
}
/* ============================================================ */
/* AACV - Fix color del numero en hotspots del despiece */
/* a{color:var(--aacv-logo-blue) !important} estaba pisando */
/* el color:#fff del plugin. Especificidad mayor (a + clase). */
/* ============================================================ */
a.aacv-desp-hot,
a.aacv-desp-hot:visited,
a.aacv-desp-hot:hover,
a.aacv-desp-hot:focus {
color: #ffffff !important;
}
/* ============================================================ */
/* AACV - Fix color texto boton CONTACTA UN ASESOR del despiece */
/* a{color:var(--aacv-logo-blue) !important} pisaba el blanco. */
/* ============================================================ */
a.aacv-sn-prod-btn--wa,
a.aacv-sn-prod-btn--wa:visited,
a.aacv-sn-prod-btn--wa:hover,
a.aacv-sn-prod-btn--wa:focus,
a.aacv-sn-prod-btn--wa .ico,
a.aacv-sn-prod-btn--wa span {
color: #ffffff !important;
}