/* components.css — sistema apro-* extraído del Customizer EN VIVO de aspiradoraspro.org */
/* Fuente: <style id="wp-custom-css"> de la portada de aspiradoras. */
/* RE-TINTADO a azul de marca #0088E6 (recolor_components.py, 2026-08-24). */
/* Conservados: pros verde (semántico), contras rojo, naranjas/estrellas y teal Amazon. */
.wpcf7-form p {
  margin-bottom: 20px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  box-sizing: border-box;
}

.wpcf7 textarea {
  min-height: 150px;
}

.wpcf7 input[type="submit"] {
  background-color: #0073aa;
  color: white;
  padding: 10px 30px;
  border: none;
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #005f8d;
}

@media (max-width: 768px) {
  h1.entry-title {
    font-size: 22px !important;
  }
}


/* Efecto hover para el botón Amazon */
.wp-block-button__link.amazon-btn{
  transition: all .3s ease-in-out;
}
.wp-block-button__link.amazon-btn:hover{
  box-shadow: 0 0 0 4px rgba(255,164,28,.4);
  animation: amazonPulse .8s infinite alternate;
}
@keyframes amazonPulse{
  0%{ transform: scale(1); }
  100%{ transform: scale(1.05); }
}



/* ═══ SKIN AMAZON · BLOQUES HOSTINGER AFFILIATE · v1 (auto) ═══ */
:root{--az-ink:#0F1111;--az-gray:#565959;--az-link:#007185;--az-link-hover:#C7511F;--az-border:#D5D9D9;--az-divider:#E7E7E7;--az-bg:#F7F8F8;--az-btn:#FFD814;--az-btn-border:#FCD200}
.hostinger-affiliate-block-single-type{border:1px solid var(--az-border)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;padding:20px 24px!important;margin:28px 0!important;font-family:"Amazon Ember",Arial,Helvetica,sans-serif!important;display:grid!important;grid-template-columns:240px 1fr;gap:24px;align-items:start}
@media(max-width:640px){.hostinger-affiliate-block-single-type{grid-template-columns:1fr}}
.hostinger-affiliate-block-single-type__image{display:flex;align-items:center;justify-content:center;padding:8px!important}
.hostinger-affiliate-block-single-type__image img{max-width:220px!important;max-height:220px!important;object-fit:contain!important}
.hostinger-affiliate-block-single-type__product-title h3,.hostinger-affiliate-block-single-type__product-title a{color:var(--az-link)!important;font-size:18px!important;font-weight:400!important;line-height:1.35!important;text-decoration:none!important;margin:0 0 6px!important}
.hostinger-affiliate-block-single-type__product-title a:hover h3,.hostinger-affiliate-block-single-type__product-title a:hover{color:var(--az-link-hover)!important;text-decoration:underline!important}
.hostinger-affiliate-block-single-type__product-description{border-top:1px solid var(--az-divider);margin-top:10px;padding-top:10px}
.hostinger-affiliate-block-single-type__product-description ul{margin:0!important;padding-left:18px!important}
.hostinger-affiliate-block-single-type__product-description li{font-size:13.5px!important;color:var(--az-ink)!important;line-height:1.55!important;margin:4px 0!important}
.hostinger-affiliate-block-single-type__product-actions{display:flex!important;align-items:center!important;gap:16px!important;flex-wrap:wrap!important;border-top:1px solid var(--az-divider);margin-top:12px;padding-top:14px}
.hostinger-affiliate-block-single-type__product-price{font-size:28px!important;font-weight:500!important;color:var(--az-ink)!important;line-height:1!important}
.hostinger-affiliate-block-single-type__product-prime img{height:22px!important;width:auto!important;display:block}
.hostinger-affiliate-block-single-type__product-amazon-button,a.hostinger-affiliate-block-single-type__product-amazon-button{background:var(--az-btn)!important;border:1px solid var(--az-btn-border)!important;border-radius:20px!important;color:var(--az-ink)!important;font-size:14px!important;font-weight:500!important;padding:9px 24px!important;text-decoration:none!important;box-shadow:0 2px 5px rgba(15,17,17,.15)!important;display:inline-block!important;transition:background .15s}
.hostinger-affiliate-block-single-type__product-amazon-button:hover{background:#F7CA00!important;color:var(--az-ink)!important}
.hostinger-affiliate-table-wrap{border:1px solid var(--az-border)!important;border-radius:8px!important;overflow-x:auto!important;margin:28px 0!important;background:#fff!important;font-family:"Amazon Ember",Arial,Helvetica,sans-serif!important}
.hostinger-affiliate-table__cell{border-bottom:1px solid var(--az-divider)!important;border-left:1px solid var(--az-divider)!important;padding:13px 16px!important;background:#fff!important;vertical-align:top}
.hostinger-affiliate-table__cell:first-child{border-left:none!important}
.hostinger-affiliate-table__value--is-feature-label{font-weight:700!important;font-size:13px!important;color:var(--az-ink)!important}
.hostinger-affiliate-table__cell:has(.hostinger-affiliate-table__value--is-feature-label){background:var(--az-bg)!important}
.hostinger-affiliate-table__value--is-title a{color:var(--az-link)!important;font-size:13.5px!important;font-weight:400!important;line-height:1.4!important;text-decoration:none!important}
.hostinger-affiliate-table__value--is-title a:hover{color:var(--az-link-hover)!important;text-decoration:underline!important}
.hostinger-affiliate-table__value--is-thumbnail img{max-width:140px!important;max-height:140px!important;object-fit:contain!important;margin:0 auto!important;display:block!important}
.hostinger-affiliate-table__value--is-price{font-size:21px!important;font-weight:500!important;color:var(--az-ink)!important}
.hostinger-affiliate-table__value--is-amazon-button a{background:var(--az-btn)!important;border:1px solid var(--az-btn-border)!important;border-radius:20px!important;color:var(--az-ink)!important;font-size:13px!important;font-weight:500!important;padding:7px 18px!important;text-decoration:none!important;box-shadow:0 2px 5px rgba(15,17,17,.15)!important;display:inline-block!important;white-space:nowrap}
.hostinger-affiliate-table__value--is-amazon-button a:hover{background:#F7CA00!important}
.hostinger-affiliate-table__value--is-product-label{background:#232F3E!important;color:#fff!important;font-size:11.5px!important;font-weight:700!important;padding:4px 10px!important;border-radius:6px 6px 6px 0!important;display:inline-block!important}
/* ═══ FIN SKIN AMAZON v1 ═══ */

/* ═══ SKIN AMAZON v2 — FIX TABLAS (el plugin no carga su propio CSS) ═══ */
/* Escritorio: solo tabla desktop, en grid de columnas */
@media (min-width:768px){
  .hostinger-affiliate-table--is-mobile{display:none!important}
  .hostinger-affiliate-table--is-desktop{display:grid!important;width:100%}
  .hostinger-affiliate-table--is-desktop.hostinger-affiliate-table--have-4-columns{grid-template-columns:140px repeat(4,1fr)}
  .hostinger-affiliate-table--is-desktop.hostinger-affiliate-table--have-3-columns{grid-template-columns:140px repeat(3,1fr)}
  .hostinger-affiliate-table--is-desktop.hostinger-affiliate-table--have-2-columns{grid-template-columns:140px repeat(2,1fr)}
}
/* Móvil: ocultar desktop, las tarjetas móviles apiladas y con borde */
@media (max-width:767px){
  .hostinger-affiliate-table--is-desktop{display:none!important}
  .hostinger-affiliate-table--is-mobile{display:block!important;border:1px solid var(--az-border)!important;border-radius:8px!important;margin:14px 0!important;padding:8px 4px!important;background:#fff!important}
  .hostinger-affiliate-table-wrap{border:none!important}
}
/* Celdas: centrado vertical y proporciones */
.hostinger-affiliate-table__cell{display:flex!important;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12px 14px!important;min-height:0!important}
/* Celdas de etiqueta (primera columna): gris, negrita, alineadas a la izquierda */
.hostinger-affiliate-table__cell:not([class*="product-index"]){background:var(--az-bg)!important;align-items:flex-start;text-align:left;font-weight:700;font-size:13px}
.hostinger-affiliate-table__cell p{margin:0!important;font-size:13.5px!important;line-height:1.45!important}
/* Imágenes y contenido compactos */
.hostinger-affiliate-table__value{width:100%}
.hostinger-affiliate-table__value--is-thumbnail img{max-width:120px!important;max-height:120px!important}
/* Caja individual: limpiar párrafos vacíos y proporciones del título */
.hostinger-affiliate-block-single-type__product-title p{margin:0!important;font-size:12px!important;color:var(--az-gray)!important}
.hostinger-affiliate-block-single-type__product-title h3{margin:0 0 4px!important}
.hostinger-affiliate-block-single-type__image a br{display:none}
/* Botón: proporción más contenida */
.hostinger-affiliate-block-single-type__product-amazon-button,a.hostinger-affiliate-block-single-type__product-amazon-button{padding:8px 20px!important;font-size:13.5px!important}
/* ═══ FIN FIX v2 ═══ */

/* ═══ COMPONENTES ARTÍCULO (rescatados: TOC, pros-contras, FAQ) — global para blindar contra wpautop ═══ */

.toc-container {
  width: 100%;
  max-width: 1000px;
  margin: 40px auto;
  font-family: 'Montserrat', sans-serif;
}


.toc-item {
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 10px;
  background-color: #ffffff;
}


.toc-title {
  font-weight: 700;
  font-size: 22px;
  padding: 20px;
  margin: 0;
  text-align: center;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: relative;
}


.toc-title::after {
  content: '+';
  font-size: 28px;
  position: absolute;
  right: 25px;
  transition: transform 0.3s ease;
}


.toc-item.active .toc-title::after {
  content: '–';
}


.toc-content {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  padding: 20px;
  display: none;
  line-height: 1.6;
}


.toc-item.active .toc-content {
  display: block;
}


.toc-content a {
  display: block;
  padding: 18px 20px;
  margin: 10px 0;
  background: #e3f2fd;
  border-radius: 8px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s;
}


.toc-content a:hover {
  background-color: #bbdefb;
}


  .tabla-pros-contras {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    font-family: Arial, sans-serif;
    justify-content: space-between;
    box-sizing: border-box;
  }


  .tabla-col {
    flex: 1 1 48%;
    min-width: 300px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
  }


  .tabla-col h3 {
    padding: 12px 15px;
    color: #fff;
    margin: 0;
    font-size: 18px;
  }


  .positivo h3 { background-color: #0088E6; }
  .negativo h3 { background-color: #000; }


  .tabla-col ul {
    list-style: none;
    padding: 20px;
    margin: 0;
    flex-grow: 1;
  }


  .tabla-col li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 15px;
  }


  .icono {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 10px;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    flex-shrink: 0;
  }


  .positivo .icono { background-color: #0088E6; }
  .negativo .icono { background-color: #000; }


  @media (max-width: 768px) {
    .tabla-col { flex: 1 1 100%; }
  }


.faq-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 0 60px 0;
  font-family: 'Montserrat', sans-serif;
  text-align: left;
}


.faq-item {
  border: 1px solid #e1e1e1;
  margin-bottom: 10px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #ffffff;
}


.faq-question {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 22px;
  cursor: pointer;
  padding: 20px;
  margin: 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
}


.faq-question::after {
  content: '+';
  font-size: 28px;
  transition: transform 0.3s ease;
}


.faq-item.active .faq-question::after {
  content: '–';
}


.faq-answer {
  font-family: 'Fira Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  padding: 0 20px 20px 20px;
  display: none;
  line-height: 1.6;
}


.faq-item.active .faq-answer {
  display: block;
}

/* ═══ FIN COMPONENTES ARTÍCULO ═══ */

/* ═══ FIX v3 — visibilidad responsive UAGB + tablas 5-6 col + imágenes ═══ */
/* Clases de visibilidad de Spectra/UAGB (sus assets no cargan en todas las páginas) */
@media (min-width:1025px){.uag-hide-desktop{display:none!important}}
@media (min-width:768px) and (max-width:1024px){.uag-hide-tab{display:none!important}}
@media (max-width:767px){.uag-hide-mob{display:none!important}}
/* Tablas del plugin con 5 y 6 columnas */
@media (min-width:768px){
  .hostinger-affiliate-table--is-desktop.hostinger-affiliate-table--have-5-columns{grid-template-columns:130px repeat(5,1fr)}
  .hostinger-affiliate-table--is-desktop.hostinger-affiliate-table--have-6-columns{grid-template-columns:120px repeat(6,1fr)}
}
/* Seguridad de imágenes: nunca desbordar ni gigantes en contenido */
.entry-content img,article img{max-width:100%;height:auto}
/* Galería Spectra sin su JS: rejilla ordenada como fallback (si slick no inicializa) */
.spectra-image-gallery:not(.slick-initialized) .spectra-image-gallery__media-wrapper{display:grid!important;grid-template-columns:repeat(3,1fr);gap:10px}
.spectra-image-gallery:not(.slick-initialized) img{max-height:260px;object-fit:contain;width:100%}
@media (max-width:640px){.spectra-image-gallery:not(.slick-initialized) .spectra-image-gallery__media-wrapper{grid-template-columns:repeat(2,1fr)}}
/* ═══ FIN FIX v3 ═══ */

/* ═══ FIX v3.1 — galería carrusel (contenedor correcto) + banners desktop/mobile ═══ */
/* Galería Spectra sin slick: rejilla sobre el contenedor real */
.uagb-slick-carousel:not(.slick-initialized){display:grid!important;grid-template-columns:repeat(3,1fr);gap:12px;align-items:center}
.uagb-slick-carousel:not(.slick-initialized) .spectra-image-gallery__media-wrapper{display:block!important;margin:0!important}
.uagb-slick-carousel:not(.slick-initialized) img{width:100%!important;max-height:240px!important;object-fit:contain!important;height:auto}
@media (max-width:640px){.uagb-slick-carousel:not(.slick-initialized){grid-template-columns:repeat(2,1fr)}}
/* Pares de hero banner desktop/mobile (clases propias de los artículos) */
@media (min-width:768px){.banner.mobile{display:none!important}}
@media (max-width:767px){.banner.desktop{display:none!important}}
/* ═══ FIN FIX v3.1 ═══ */

/* ═══ FIX v3.2 — área mínima para que el lazy-load dispare en galerías ═══ */
.uagb-slick-carousel:not(.slick-initialized) picture{display:block!important}
.uagb-slick-carousel:not(.slick-initialized) img{min-height:140px;background:#f7f8f8;border-radius:6px}
/* ═══ FIN FIX v3.2 ═══ */

/* ═══ COMPONENTES v3 APRO (artículos nuevos — estética Amazon sobria) ═══ */
.apro-capsula{border:1px solid #D5D9D9;border-left:4px solid #232F3E;border-radius:8px;background:#F7F8F8;padding:16px 22px;margin:0 0 26px;font-size:15px;line-height:1.65}
.apro-capsula p{margin:0}
.apro-tabla-wrap{overflow-x:auto;margin:24px 0;border:1px solid #D5D9D9;border-radius:8px;background:#fff}
table.apro-tabla{width:100%;border-collapse:collapse;font-size:14px;min-width:520px;margin:0}
.apro-tabla th{background:#F7F8F8;font-weight:700;text-align:left;padding:11px 14px;border-bottom:1px solid #E7E7E7;font-size:13px;color:#0F1111}
.apro-tabla td{padding:11px 14px;border-bottom:1px solid #E7E7E7;vertical-align:top;color:#0F1111}
.apro-tabla tr:last-child td{border-bottom:none}
.apro-tabla td:first-child{background:#F7F8F8;font-weight:700;width:32%;font-size:13px}
.apro-win{color:#0088E6;font-weight:700}
.apro-pc{display:flex;flex-wrap:wrap;gap:16px;margin:20px 0}
.apro-pc__col{flex:1 1 300px;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:16px 18px}
.apro-pc__col h4{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.6px}
.apro-pc__col--pros h4{color:#007600}
.apro-pc__col--cons h4{color:#B12704}
.apro-pc__col ul{list-style:none;margin:0;padding:0}
.apro-pc__col li{padding:4px 0 4px 26px;position:relative;font-size:14px;line-height:1.55}
.apro-pc__col--pros li::before{content:"✓";position:absolute;left:2px;color:#007600;font-weight:700}
.apro-pc__col--cons li::before{content:"✕";position:absolute;left:2px;color:#B12704;font-weight:700}
.apro-veredicto{border:1px solid #D5D9D9;border-radius:8px;overflow:hidden;margin:26px 0}
.apro-veredicto__head{background:#232F3E;color:#fff;font-size:12.5px;font-weight:700;padding:9px 18px;letter-spacing:.5px}
.apro-veredicto__body{padding:16px 20px;background:#fff;font-size:14.5px;line-height:1.65}
.apro-veredicto__body p{margin:0 0 10px}
.apro-veredicto__body p:last-child{margin:0}
/* ═══ FIN COMPONENTES v3 APRO ═══ */

/* Imagen lateral reseñas (Code+Cowork 2026-07) */
.apro-review-aside{float:right;width:300px;max-width:40%;margin:6px 0 16px 24px}
.apro-review-aside a{display:block;line-height:0}
.apro-review-aside img{width:100%;height:auto;display:block;border-radius:8px}
@media(max-width:768px){.apro-review-aside{float:none;width:auto;max-width:320px;margin:0 auto 20px}}

/* Fix wpautop: quitar <p> fantasma entre columnas pros/contras (Cowork 2026-07) */
.tabla-pros-contras>p{display:none!important}

/* Fix wpautop huecos + carrusel Spectra (Cowork 2026-07) */
.entry-content p:empty{display:none!important}
.spectra-image-gallery__layout--carousel .uagb-slick-carousel{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}
.spectra-image-gallery__layout--carousel .uagb-slick-carousel>*{flex:0 0 auto;width:300px;scroll-snap-align:start}
.spectra-image-gallery__layout--carousel .uagb-slick-carousel img{width:100%;height:200px;object-fit:cover;border-radius:8px;display:block}

/* Ocultar control lightbox Spectra muerto (Cowork 2026-07) */
.spectra-image-gallery__control-lightbox{display:none!important}

/* ===== CTA Amazon + índice (aspiradoraspro 2026-08) ===== */
.apro-cta-wrap{text-align:center;margin:26px 0;}
.apro-cta-amz{display:inline-block;background:linear-gradient(90deg,#fcb900 42%,#ff6900 100%);color:#111 !important;font-weight:700;font-size:19px;line-height:1.25;text-decoration:none;padding:14px 34px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.18);transition:transform .08s ease,box-shadow .15s ease;}
.apro-cta-amz:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(0,0,0,.25);color:#111 !important;}
html{scroll-padding-top:90px;}


/* ===== Homepage: rejilla 3-col 'mejores' (corregida 2026-08) ===== */
.apro-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start;margin:24px 0;}
.apro-grid-3 .hostinger-affiliate-block-single-type{height:auto;}
.apro-grid-3 img{max-height:230px;width:auto;object-fit:contain;}
@media(max-width:900px){.apro-grid-3{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.apro-grid-3{grid-template-columns:1fr;}}

/* Home 2026 fix v2 — reveal siempre visible (layout de cards ahora en apro-cards-skin) */
.apro-home .reveal{opacity:1 !important;transform:none !important}

/* Home 2026 fix v3 — titulo pagina, hero full-bleed, headings blancos, finder */
.page-id-5776 .default-header{display:none !important}
.apro-home .hero{width:100vw !important;position:relative;left:50%;right:50%;margin-left:-50vw !important;margin-right:-50vw !important}
.apro-home .hero h1,.apro-home .hero .kicker,.apro-home .hero p{color:#fff !important}
.apro-home .finder h3,.apro-home .finder .sub,.apro-home .finder .q,.apro-home .finder .opt{color:#fff !important}
.apro-home .finder{max-width:860px !important;margin-left:auto !important;margin-right:auto !important;padding:26px !important}
.apro-home .finder h3{font-size:20px !important}


/* Home 2026 fix v3b — quitar franja blanca entre nav y hero en portada */
.page-id-5776 .container.flex{padding-top:0 !important}
.page-id-5776 .entry-content{margin-top:0 !important}


/* Home 2026 fix v3c — ocultar banner vacio del tema en portada (gap nav-hero) */
.page-id-5776 .entry-content > .banner{display:none !important}


/* ===== apro-cards-skin — look mockup v3 para cards Home 2026 (2026-08-11) ===== */
.apro-home .grid3 .apro-item{background:#fff;border:1px solid #e9eaee;border-radius:16px;box-shadow:0 6px 24px rgba(15,20,40,.08);padding:18px;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}
.apro-home .grid3 .apro-item:hover{box-shadow:0 16px 44px rgba(15,20,40,.16);transform:translateY(-3px)}
.apro-home .grid3 .apro-item>.wp-block-group__inner-container{display:flex;flex-direction:column;flex:1}
.apro-home .grid3 .apro-item .hostinger-affiliate-block-single-type{border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;flex:1}
.apro-home .grid3 .apro-item .hostinger-affiliate-block-single-type__image{margin:0 0 14px}
.apro-home .grid3 .apro-item .hostinger-affiliate-block-single-type__image img{height:150px!important;width:auto!important;max-width:100%!important;object-fit:contain!important;margin:0 auto!important;display:block!important;border-radius:12px}
.apro-home .grid3 .apro-item .hostinger-affiliate-block-single-type__product-data{display:flex;flex-direction:column;flex:1}
.apro-home .grid3 .apro-item .hostinger-affiliate-block-single-type__product-title{font-size:16.5px;font-weight:700;line-height:1.25;letter-spacing:-.01em;margin:0 0 8px;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.apro-home .grid3 .apro-item .hostinger-affiliate-block-single-type__product-price{font-size:22px!important;font-weight:800!important;letter-spacing:-.02em;color:#0b0c10}
.apro-home .grid3 .apro-item .hostinger-affiliate-block-single-type__product-actions{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:12px}
.apro-home .grid3 .apro-item .hostinger-affiliate-block-single-type__product-actions a,
.apro-home .grid3 .apro-item .hostinger-affiliate-block-single-type__product-actions button{background:linear-gradient(90deg,#fcb900 40%,#ff6a00 100%)!important;color:#3a1c00!important;font-weight:700!important;border:0!important;border-radius:12px!important;padding:12px!important;text-align:center;width:100%;text-decoration:none;transition:filter .15s,transform .15s}
.apro-home .grid3 .apro-item .hostinger-affiliate-block-single-type__product-actions a:hover,
.apro-home .grid3 .apro-item .hostinger-affiliate-block-single-type__product-actions button:hover{filter:brightness(1.03);transform:translateY(-1px)}
.apro-home .grid3 .apro-item .apro-cardmeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:2px 0 12px}
.apro-home .grid3 .apro-item .apro-cardmeta .ptype{font-size:12px;font-weight:600;color:#0088E6;text-transform:uppercase;letter-spacing:.06em}
.apro-home .grid3 .apro-item .apro-cardmeta .stars{color:#f5a623;font-size:14px;letter-spacing:1px}
.apro-home .grid3 .apro-item .apro-cardmeta .stars small{color:#7b7f8a;margin-left:6px;font-weight:500}
.apro-home .grid3 .apro-item .apro-cardmeta .cmp{margin-left:auto;border:1px solid #e9eaee;background:#fff;border-radius:12px;padding:6px 12px;font-size:13px;font-weight:600;color:#3a3d46;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:.2s}
.apro-home .grid3 .apro-item .apro-cardmeta .cmp:hover{border-color:#0088E6}
.apro-home .grid3 .apro-item .apro-cardmeta .cmp .box{width:16px;height:16px;border:1.5px solid #7b7f8a;border-radius:5px}
.apro-home .grid3 .apro-item .apro-cardmeta .cmp.on{background:#e7f3fe;border-color:#0088E6;color:#006db8}
.apro-home .grid3 .apro-item .apro-cardmeta .cmp.on .box{background:#0088E6;border-color:#0088E6}
.apro-home .apro-deals .apro-item .apro-cardmeta .ptype{color:#c2410c}
/* ===== fin apro-cards-skin ===== */

/* mobile nav gap fix — el mu-plugin fija body{padding-top:64px} para el nav fijo; en movil el nav se oculta, quitar el hueco */
@media(max-width:980px){body{padding-top:0 !important}}

/* Home 2026 v7 — buscador pill + secciones gris full-bleed */
.apro-nav .search input{background:transparent !important;border:0 !important;box-shadow:none !important;outline:0 !important;padding:0 !important;margin:0 !important;height:auto !important}
.apro-home section[style*="--bg2"]{width:100vw !important;position:relative;left:50%;right:50%;margin-left:-50vw !important;margin-right:-50vw !important}
.apro-home section[style*="--bg2"] > .wrap{max-width:1080px;margin-left:auto !important;margin-right:auto !important;padding-left:24px;padding-right:24px;box-sizing:border-box}

/* apro-cmp-grid — fila de cards de comparación en reseñas (imagen+precio+botón del plugin) 2026-08-14 */
.apro-cmp-grid > .wp-block-group__inner-container{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;align-items:stretch}
.apro-cmp-grid .hostinger-affiliate-block-single-type{display:flex !important;flex-direction:column !important;background:#fff;border:1px solid #e9eaee;border-radius:16px;box-shadow:0 6px 24px rgba(15,20,40,.08);padding:16px;height:100%;transition:box-shadow .18s,transform .18s}
.apro-cmp-grid .hostinger-affiliate-block-single-type:hover{box-shadow:0 16px 44px rgba(15,20,40,.16);transform:translateY(-3px)}
.apro-cmp-grid .hostinger-affiliate-block-single-type__image img{height:150px !important;width:auto !important;max-width:100% !important;object-fit:contain !important;margin:0 auto !important;display:block}
.apro-cmp-grid .hostinger-affiliate-block-single-type__product-data{display:flex !important;flex-direction:column;flex:1}
.apro-cmp-grid .hostinger-affiliate-block-single-type__product-title{font-size:15px;font-weight:700;line-height:1.3;min-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.apro-cmp-grid .hostinger-affiliate-block-single-type__product-price{font-size:20px !important;font-weight:800 !important;color:#0b0c10}
.apro-cmp-grid .hostinger-affiliate-block-single-type__product-actions{margin-top:auto}
.apro-cmp-grid .hostinger-affiliate-block-single-type__product-actions a,.apro-cmp-grid .hostinger-affiliate-block-single-type__product-actions button{background:linear-gradient(90deg,#fcb900 40%,#ff6a00 100%) !important;color:#3a1c00 !important;font-weight:700 !important;border:0 !important;border-radius:12px !important;padding:11px !important;width:100%;text-align:center;text-decoration:none}

/* az-table global (comparativa premium) — dedup del inline de 1300/5422/5396 2026-08-14 */
.az-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #e7e7e7;border-radius:0;margin:0 0 24px 0;background:#fff}
.az-table{min-width:980px;width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-family:Arial, sans-serif;color:#111;margin:0}
.az-table th,.az-table td{border-bottom:1px solid #ddd;padding:12px;text-align:center;font-size:13px;line-height:1.35;vertical-align:middle}
.az-table thead th{background:#f4f4f4;font-weight:bold;border-bottom:1px solid #e7e7e7}
.az-table thead th:first-child,.az-table td.az-feat{text-align:left}
.az-feat{background:#fafafa;font-weight:bold;width:170px}
.az-col{width:220px}
.az-table tbody tr:nth-child(odd) td{background:#fff}
.az-table tbody tr:nth-child(even) td{background:#fbfbfb}
.az-table tbody tr:hover td{background:#f6f6f6}
.az-title{display:inline-block;font-size:14px;font-weight:700;color:#007185;text-decoration:none}
.az-title:hover{text-decoration:underline}
.az-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:8px;text-decoration:none !important;background:linear-gradient(#FFA41C,#FF9900);border:1px solid #E08800;box-shadow:0 1px 0 rgba(255,255,255,.6) inset;font-weight:700;color:#111 !important;transition:background .2s ease,transform .2s ease;white-space:nowrap}
.az-btn:hover,.az-btn:focus,.az-btn:active,.az-btn:visited{color:#111 !important}
.az-btn:hover{background:linear-gradient(#FFB84D,#FFB84D);transform:translateY(-1px)}
.az-cards{display:none;font-family:Arial, sans-serif}
.az-card{border:1px solid #e7e7e7;background:#fff;border-radius:10px;padding:14px}
.az-card h3{margin:0 0 6px 0;font-size:16px;line-height:1.25}
.az-card .az-head{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.az-card ul{list-style:none;padding:0;margin:10px 0 0 0}
.az-card ul li{padding:6px 0;border-top:1px dashed #e9e9e9;font-size:13px;line-height:1.35}
.az-card .cta{margin-top:12px}
@media (max-width:680px){.az-wrap{display:none}.az-cards{display:grid;gap:12px}}

/* quitar carets del menu maqueta (mu-plugin) — no tocar el icono del buscador 2026-08-15 */
.apro-nav .menu a svg{display:none !important}

/* apro-cmp-grid v2 — cards más anchas (3+2 centrado) + imágenes con más sitio 2026-08-15 */
.apro-cmp-grid .hostinger-affiliate-block-single-type{flex:0 1 280px !important;max-width:300px;padding:16px !important}
.apro-cmp-grid .hostinger-affiliate-block-single-type__image{height:170px;display:flex;align-items:center;justify-content:center}
.apro-cmp-grid .hostinger-affiliate-block-single-type__image img{height:auto !important;max-height:160px !important;width:auto !important;max-width:100% !important;object-fit:contain !important;margin:0 auto !important}


/* ── Aviso de salud (disclaimer YMYL, pie de guías) — sonrisaperfecta ── */
.sp-aviso-salud{background:#eef5ff;border:1px solid #cfe4fb;border-left:4px solid #0088E6;border-radius:10px;padding:14px 18px;margin:30px 0;font-size:14.5px;line-height:1.65;color:#33404d}
.sp-aviso-salud strong{color:#0f2a44}
.sp-aviso-salud a{color:#0069b3;text-decoration:underline}
.sp-aviso-salud::before{content:"⚠️";margin-right:8px}