/* ------------------ BOTON VER MAS ------------------ */

a.button{
margin:0;
}
/* HOVER PRODUCTO */

ul.products li.product:hover{
transform:translateY(-6px);
box-shadow:0 10px 20px rgba(0,0,0,0.15);
}

/* ------------------ ZOOM IMAGEN ------------------ */

ul.products li.product img{
transition:transform .35s ease;
}

ul.products li.product:hover img{
transform:scale(1.08);
}

/* ------------------ BOTON HOVER ------------------ */

ul.products li.product .button{
background:#111;
color:white;
border-radius:6px;
padding:8px 14px;
font-size:14px;
display:block;
margin-top:10px;
text-align:center;
transition:all .3s ease;
}

ul.products li.product .button:hover{
background:#ff6600;
}

/* ------------------ PRECIO ------------------ */

ul.products li.product .price{
display:block;
margin-bottom:8px;
}

.woocommerce ul.products li.product .price{
margin-top:35px !important;
display:block;
}

/* ------------------ TITULO PRODUCTO ------------------ */

ul.products li.product .woocommerce-loop-product__title{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

/* ------------------ MOVIL PRODUCTOS ------------------ */

/* ------------------ BOTON FIJO MOVIL ------------------ */

@media (max-width:768px){

ul.products li.product{
position:relative;
display:flex;
flex-direction:column;
justify-content:flex-start;
padding-bottom:64px;
}

ul.products li.product .price{
display:block;
margin:6px 0 12px 0;
z-index:1;
}

ul.products li.product a.button,
ul.products li.product .add_to_cart_button,
ul.products li.product .product_type_variable{
position:absolute;
left:12px;
right:12px;
bottom:12px;
width:auto;
text-align:center;
z-index:2;
}

ul.products li.product a.button{
padding:10px 12px;
border-radius:8px;
}

}

/* ------------------ OCULTAR BOTONES MOVIL ------------------ */

@media (max-width:768px){

.home ul.products li.product a.button,
.home ul.products li.product .add_to_cart_button,
.home ul.products li.product .product_type_variable{
display:none !important;
}

}

/* ------------------ TARJETAS CATEGORIAS ------------------ */

.woocommerce ul.products li.product-category{
background:#ffffff;
border-radius:14px;
overflow:hidden;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
transition:transform 0.25s ease, box-shadow 0.25s ease;
padding:0;
}

.woocommerce ul.products li.product-category:hover{
transform:translateY(-6px);
box-shadow:0 12px 25px rgba(0,0,0,0.15);
}

.woocommerce ul.products li.product-category img{
width:100%;
height:220px;
object-fit:cover;
}
.woocommerce ul.products li.product-category h2{
font-size:18px;
font-weight:600;
text-align:center;
padding:15px;
color:#222;
}

.woocommerce ul.products li.product-category .count{
display:none;
}

}

/* ------------------ AJUSTE TITULOS SECCIONES ------------------ */

h2:has(+ .woocommerce),
.section-title,
.wcfm-section-title{
margin-top:60px !important;
}

@media (max-width:768px){
ul.products li.product .product_type_variable{
display:none !important;
}
}
/* TITULO PRODUCTO COMPLETO EN MOVIL */

@media (max-width:768px){

ul.products li.product .woocommerce-loop-product__title{
display:block;
line-height:1.3;
height:auto !important;
max-height:none !important;
overflow:visible;
white-space:normal;
margin-bottom:6px;
}

}
/* MOSTRAR TIENDA EN TARJETAS SOLO MOVIL */

@media (max-width:768px){

ul.products li.product .store,
ul.products li.product .wcfmmp_sold_by_container,
ul.products li.product .dokan-store-name{
display:block !important;
}

}
/* TARJETAS IGUALES AL INICIO SOLO MOVIL */

@media (max-width:768px){

ul.products li.product{
padding:12px !important;
margin-bottom:12px !important;
height:auto !important;
min-height:auto !important;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
}

/* controlar imagen */

ul.products li.product img{
max-height:160px;
object-fit:contain;
margin-bottom:8px;
}

/* titulo compacto */

ul.products li.product .woocommerce-loop-product__title{
font-size:14px;
line-height:1.25;
margin-bottom:6px;
}

/* precio */

ul.products li.product .price{
margin-bottom:6px;
font-size:15px;
}
.wp-block-button__link {
  color: white !important;
}

/* Botón rojo */
.boton-rojo a,
.boton-rojo .wp-block-button__link {
  background-color: #e53935 !important;
  color: white !important;
}

/* Botón verde */
.boton-verde a,
.boton-verde .wp-block-button__link {
  background-color: #25D366 !important;
  color: white !important;
}
}
/* Contenedor de botones */
.wp-block-buttons {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 20px !important;
  flex-wrap: nowrap !important;
}

/* Cada botón */
.wp-block-button {
  width: auto !important;
  flex: 1 !important;
}

/* Botones estilo */
.wp-block-button__link {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  padding: 12px !important;
  font-size: 14px !important;
}
.wp-block-buttons {
  margin-top: 25px !important;
}
.product-card {
  border-radius: 12px;
}

.product-title {
  font-size: 18px;
  color: #333;
}
/* SOLO TIENDA */
.post-type-archive-product ul.products {
    display: grid !important;
    grid-template-columns: repeat(6, 1fr);
    gap: 12px;
}

/* PRODUCTO */
.post-type-archive-product ul.products li.product {
    width: 100% !important;
    margin: 0 !important;
    padding: 6px;
    background: #fff;
    border-radius: 8px;
}

/* IMAGEN MÁS COMPACTA */
.post-type-archive-product ul.products li.product img {
    width: 100%;
    height: 100px;
    object-fit: contain;
}

/* TÍTULO (HASTA 4 LÍNEAS) */
.post-type-archive-product ul.products li.product h2,
.post-type-archive-product ul.products li.product .woocommerce-loop-product__title {
    font-size: 12px;
    line-height: 1.1;

    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;

    overflow: hidden;
}

/* PRECIO */
.post-type-archive-product ul.products li.product .price {
    font-size: 12px;
    margin-top: 2px;
}

/* =========================
   MOSTRAR TIENDA EN CATALOGO
   ========================= */

.post-type-archive-product .wcfmmp_sold_by_wrapper{
    display: block !important;
}

/* seguir ocultando lo demás */
.post-type-archive-product .star-rating,
.post-type-archive-product .button,
.post-type-archive-product .added_to_cart {
    display: none !important;
}

/* REDUCIR ESPACIOS INTERNOS */
.post-type-archive-product ul.products li.product * {
    margin-bottom: 2px !important;
}
/* SOLO TIENDA */
.post-type-archive-product ul.products {
    display: grid !important;
    
    /* 👇 ESTO DISTRIBUYE AUTOMÁTICAMENTE */
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    
    gap: 12px;
}
/* ===== BOTONES AZULES PRINCIPALES ===== */
.button,
.add_to_cart_button,
.woocommerce a.button,
.woocommerce button.button {
    background: #2563eb !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    width: 100%;
    transition: all 0.25s ease;
}

/* ===== HOVER ===== */
.button:hover,
.add_to_cart_button:hover {
    background: #1d4ed8 !important;
    transform: scale(1.03);
}

/* ===== BOTÓN "VER MÁS" ===== */
.ver-mas,
button.ver-mas {
    background: #1e3a8a !important;
    color: #fff !important;
    border-radius: 999px !important;
}

/* ===== OPCIONAL: EFECTO CLICK ===== */
.button:active {
    transform: scale(0.97);
}
/* ===== CONTENEDOR PRODUCTOS ===== */
.products li,
.wps-product,
.woocommerce ul.products li.product {
    background: #ffffff !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 12px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    transition: all 0.25s ease;
}

/* ===== HOVER (EFECTO AMAZON) ===== */
.products li:hover,
.woocommerce ul.products li.product:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 22px rgba(0,0,0,0.12);
}

/* ===== ELIMINAR MARCOS INTERNOS (CLAVE) ===== */
.products li img,
.woocommerce ul.products li.product img {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* ===== IMAGEN MÁS LIMPIA ===== */
.woocommerce ul.products li.product img {
    border-radius: 12px;
    padding: 10px;
}

/* ===== TÍTULO ===== */
.woocommerce ul.products li.product h2 {
    font-size: 14px;
    font-weight: 500;
    color: #111;
    min-height: 38px;
}

/* ===== PRECIO ===== */
.price {
    font-weight: 700;
    color: #111 !important;
}

/* ===== ESPACIADO ENTRE PRODUCTOS ===== */
.woocommerce ul.products {
    gap: 14px !important;
}

/* CREAR FICHA LIMPIA */
.woocommerce ul.products li.product {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 12px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important;
}

/* FUERZA TOTAL CONTRA MARCOS */


.wps-slider-section,
.wps-product,
.wps-wrapper {
    border: none !important;
    box-shadow: none !important;
}

/* BOTONES MÁS INTENSOS */
.add_to_cart_button,
.button,
.woocommerce a.button,
button,
input[type="button"],
input[type="submit"] {
    background: linear-gradient(135deg, #ffcc00, #ffb300) !important;
    color: #111 !important;
    border: none !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    padding: 12px !important;
    width: 100%;
    box-shadow: 0 6px 14px rgba(255, 187, 0, 0.4);
    transition: all 0.2s ease;
}
/* ============================= */
/* BOTONES CARRITO (ARREGLADO) */
/* ============================= */

.woocommerce-mini-cart__buttons a,
.woocommerce-cart__checkout-button {
    width: auto !important;           /* ❌ quita el 100% */
    display: inline-block !important;
    padding: 10px 16px !important;    /* 🔥 más pequeño */
    font-size: 14px !important;
    border-radius: 8px !important;    /* menos exagerado */
    margin: 6px 4px !important;
}

/* CONTENEDOR BOTONES */
.woocommerce-mini-cart__buttons {
    display: flex !important;
    justify-content: space-between;
    gap: 10px;
}

/* OPCIONAL: que no tapen el total */
.woocommerce-mini-cart__total {
    margin-bottom: 10px !important;
}

/* MOBILE (ahí sí pueden ser grandes) */
@media (max-width:768px){
    .woocommerce-mini-cart__buttons a {
        width: 100% !important;
        display: block !important;
    }
}

/* ===== TARJETA GLOBAL ===== */
.woocommerce ul.products li.product,
.wpsf-product{
background:#fff;
border-radius:14px;
padding:12px;
transition:all .25s ease;
border:1px solid #eee;
display:flex;
flex-direction:column;
height:100%;
}

/* HOVER */
.woocommerce ul.products li.product:hover,
.wpsf-product:hover{
transform:translateY(-6px);
box-shadow:0 12px 30px rgba(0,0,0,.12);
border-color:#f0d27a;
}

/* ===== IMAGEN ===== */
.woocommerce ul.products li.product img,
.wpsf-product-img{
max-height:200px;
object-fit:contain;
transition:transform .3s ease;
}

.woocommerce ul.products li.product:hover img,
.wpsf-product:hover .wpsf-product-img{
transform:scale(1.08);
}

/* CONTENEDOR IMAGEN */
.woocommerce ul.products li.product a img{
margin:0 auto;
}

/* ===== TITULOS (CLAVE GLOBAL) ===== */
.woocommerce ul.products li.product h2,
.wpsf-product-title{
display:block !important;
height:64px !important;
overflow:hidden !important;
line-height:1.3;
text-align:center;
font-size:14px;
font-weight:500;
}

/* ===== PRECIO ===== */
.woocommerce ul.products li.product .price,
.wpsf-product .price{
text-align:center;
margin:6px 0;
}

.price del{
color:#999;
font-size:13px;
}

.price ins{
color:#000;
font-weight:700;
font-size:18px;
text-decoration:none;
}

/* ===== BOTONES ===== */
.woocommerce ul.products li.product .button,
.wpsf-product .button{
display:block;
width:100%;
text-align:center;
margin-top:auto;
background:linear-gradient(180deg,#f7d774,#e3b83c);
color:#000;
font-weight:700;
border-radius:30px;
padding:10px 0;
border:none;
transition:all .2s ease;
}

/* HOVER BOTON */
.woocommerce ul.products li.product .button:hover,
.wpsf-product .button:hover{
background:#e0b42f;
transform:scale(1.03);
}
/* CONTENEDOR DE CANTIDAD */
.woocommerce .quantity{
display:flex;
align-items:center;
gap:8px;
}

/* BOTONES + Y - */
.woocommerce .quantity .qty,
.woocommerce .quantity input.qty{
width:45px;
height:45px;
text-align:center;
font-size:16px;
border-radius:8px;
border:1px solid #ddd;
}

/* BOTONES PERSONALIZADOS */
.woocommerce .quantity button,
.woocommerce .quantity .minus,
.woocommerce .quantity .plus{
width:40px;
height:40px;

border-radius:8px;
border:none;

background:#f1f1f1;
color:#333;

font-size:18px;
font-weight:600;

display:flex;
align-items:center;
justify-content:center;

cursor:pointer;
transition:all .2s ease;
}

/* HOVER */
.woocommerce .quantity .minus:hover,
.woocommerce .quantity .plus:hover{
background:#ffd814;
color:#000;
transform:scale(1.05);
}

/* EFECTO CLICK */
.woocommerce .quantity .minus:active,
.woocommerce .quantity .plus:active{
transform:scale(0.95);
}
/* CONTENEDOR GENERAL */
.woocommerce .quantity{
display:flex !important;
align-items:center !important;
justify-content:center;
gap:10px;
}

/* INPUT NUMERO */
.woocommerce .quantity input.qty{
width:45px;
height:45px;
text-align:center;
font-size:16px;
border-radius:8px;
border:1px solid #ddd;
display:flex;
align-items:center;
justify-content:center;
}

/* BOTONES + Y - (CENTRADO REAL) */
.woocommerce .quantity .minus,
.woocommerce .quantity .plus{
width:42px !important;
height:42px !important;

display:flex !important;
align-items:center !important;
justify-content:center !important;

padding:0 !important;
line-height:1 !important;

border-radius:50%;
border:none;

background:#e6c15a;
color:#000;

font-size:18px;
font-weight:bold;

cursor:pointer;
}

/* HOVER */
.woocommerce .quantity .minus:hover,
.woocommerce .quantity .plus:hover{
background:#ffd814;
transform:scale(1.08);
}

/* CENTRAR ICONO DENTRO */
.woocommerce a.remove::before,
.woocommerce a.remove i{
display:flex !important;
align-items:center;
justify-content:center;
}
.woocommerce a.remove{
background:#ff4d4d;
color:#fff !important;
}
/* ===== FIX TITULO SOLO MOVIL ===== */@media (max-width:768px){ul.products li.product .woocommerce-loop-product__title{display:block !important;height:auto !important;max-height:none !important;min-height:auto !important;overflow:visible !important;white-space:normal !important;line-height:1.25 !important;word-break:break-word !important;}/* QUITAR LIMITES ANTERIORES (CLAVE) */ul.products li.product .woocommerce-loop-product__title{-webkit-line-clamp:unset !important;-webkit-box-orient:unset !important;}}
/* Loader tipo Amazon mejorado */
.dgwt-wcas-preloader {
    width: 40px;
    height: 40px;
    border: 4px solid rgba(0,0,0,0.1);
    border-top: 4px solid #FFC107; /* amarillo marca */
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin: auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Fondo oscurecido más elegante */
.dgwt-wcas-overlay {
    background: rgba(0, 0, 0, 0.5);
}

/* Barra de búsqueda estilo Amazon */
.dgwt-wcas-search-form {
    border-radius: 30px !important;
    overflow: hidden;
    border: 2px solid #FFC107;
}

/* Input */
.dgwt-wcas-search-input {
    padding: 12px 20px;
    font-size: 16px;
}

/* Hover efecto premium */
.dgwt-wcas-search-form:focus-within {
    box-shadow: 0 0 0 3px rgba(255,193,7,0.3);
}
/* Oculta loader original */
.dgwt-wcas-preloader svg,
.dgwt-wcas-preloader img {
    display: none !important;
}

/* Loader premium */
.dgwt-wcas-preloader {
    position: relative;
    width: 45px;
    height: 45px;
    margin: auto;
}

.dgwt-wcas-preloader::before {
    content: '';
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 4px solid rgba(0,0,0,0.08);
    border-top: 4px solid #FFC107;
    position: absolute;
    animation: spin 0.7s linear infinite;
}

/* Glow */
.dgwt-wcas-preloader::after {
    content: '';
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: absolute;
    box-shadow: 0 0 15px rgba(255,193,7,0.6);
}

/* Animación */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* Ocultar buscador SOLO en la página de inicio */
.home #masthead .dgwt-wcas-search-form {
    display: none !important;
}
/* =========================
   💀 PRECIO ANTERIOR (GRIS)
========================= */
body del,
body del span,
body del bdi {
    color: #8a8a8a !important;
    opacity: 0.85 !important;
}

/* =========================
   🔴 PRECIO EN OFERTA (ROJO)
========================= */
body ins,
body ins span,
body ins bdi {
    color: #d90000 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

/* =========================
   ⚫ PRECIO NORMAL (NEGRO)
========================= */
body .price,
body .amount,
body .woocommerce-Price-amount {
    color: #000000 !important;
}

/* ⚠️ EXCEPCIÓN: si hay oferta, que el rojo gane */
body ins .amount,
body ins bdi {
    color: #d90000 !important;
}

/* =========================
   🔴 BADGE DESCUENTO
========================= */
body .onsale,
body span.onsale,
body .woocommerce span.onsale,
body .products .onsale,
body .elementor .onsale {
    background: #d90000 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    padding: 4px 8px !important;
}

/* =========================
   📱 MOBILE FIX
========================= */
@media (max-width: 768px) {

    body ins {
        font-size: 16px !important;
    }

    body del {
        font-size: 13px !important;
    }

    body .onsale {
        font-size: 11px !important;
    }
}
.seller-page {
    font-family: Arial, sans-serif;
    text-align: center;
}

/* HERO */
.seller-hero {
    padding: 60px 20px;
    background: #f8f8f8;
}

.zona {
    color: #d90000;
    font-weight: 600;
}

/* BOTONES */
.btn-main {
    display: inline-block;
    margin-top: 15px;
    background: #e0c14b;
    color: #111;
    padding: 12px 20px;
    border-radius: 25px;
    font-weight: 700;
    text-decoration: none;
}

.btn-main:hover {
    background: #f7ca00;
}

.btn-manual {
    display: inline-block;
    margin-top: 20px;
    background: #111;
    color: #fff;
    padding: 10px 18px;
    border-radius: 25px;
    text-decoration: none;
}

/* ABOUT */
.seller-about {
    padding: 40px 20px;
    max-width: 800px;
    margin: auto;
    text-align: left;
}

.about-list {
    list-style: none;
    padding: 0;
}

.important {
    color: #d90000;
    font-weight: 600;
}

/* STEPS */
.seller-steps {
    padding: 40px 20px;
    background: #fafafa;
}

.steps div {
    margin: 8px 0;
}

/* GANANCIAS */
.seller-income {
    padding: 40px;
}

.income-box {
    background: #f8f8f8;
    padding: 15px;
    border-radius: 8px;
}

/* FORM */
.seller-form {
    padding: 50px 20px;
    background: #f8f8f8;
}

.zona-form {
    color: #d90000;
}

.warning {
    margin-top: 10px;
}

/* ONBOARDING */
.seller-onboarding {
    padding: 40px 20px;
}

.onboarding-box {
    background: #f8f8f8;
    padding: 15px;
    border-radius: 8px;
}

/* FINAL */
.seller-final {
    padding: 40px;
}
/* CONTENEDOR */
.custom-header-buttons {
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    z-index: 10;
    pointer-events: none;
}

/* BOTONES BASE */
.btn-header {
    position: absolute;
    background: linear-gradient(135deg, #ffcc00, #ff9900);
    color: #111;
    padding: 12px 20px;
    border-radius: 30px;
    font-weight: 700;
    text-decoration: none;
    pointer-events: auto;
    box-shadow: 0 6px 15px rgba(0,0,0,0.2);
    transition: all 0.25s ease;
}

/* POSICIONES DESKTOP */
.btn-header.vender {
    left: 40px;
}

.btn-header.membresia {
    right: 40px;
}

/* HOVER */
.btn-header:hover {
    transform: scale(1.08);
    box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

/* 📱 MOBILE FIX (CLAVE) */
@media (max-width: 768px) {

    .custom-header-buttons {
        position: relative; /* deja de ser absoluto */
        top: auto;
        display: flex;
        justify-content: center;
        gap: 12px;
        margin-top: -20px; /* lo sube un poco sin romper */
    }

    .btn-header {
        position: static;
        padding: 10px 14px;
        font-size: 13px;
    }
}
.btn-header.vender {
    animation: pulse 1.8s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}
/* BASE */
.seller-ultra {
  font-family: 'Segoe UI', sans-serif;
  text-align: center;
}

/* HERO */
.hero-ultra {
  background: linear-gradient(135deg, #dbeafe, #e0f2fe, #f0f9ff);
  padding: 90px 20px;
}

.hero-ultra h1 {
  font-size: 40px;
  font-weight: 900;
  color: #0f172a;
}

.sub {
  color: #334155;
  font-size: 18px;
}

.zona {
  color: #2563eb;
  font-weight: 700;
  margin-top: 10px;
}

/* BOTON PRINCIPAL */
.btn-primary {
  display: inline-block;
  margin-top: 25px;
  background: linear-gradient(135deg, #ff6a00, #ff2d00);
  color: #fff;
  padding: 16px 32px;
  border-radius: 40px;
  font-weight: 900;
  text-decoration: none;
  box-shadow: 0 12px 30px rgba(255,60,0,0.35);
  transition: 0.25s;
}

.btn-primary:hover {
  transform: scale(1.08);
}

/* PULSE */
.pulse {
  animation: pulse 1.6s infinite;
}
@keyframes pulse {
  50% { transform: scale(1.05); }
}

/* SECCIONES */
.section {
  padding: 60px 20px;
}
.light {
  background: #f8fafc;
}
.alt {
  background: #f1f5f9;
}

/* GRID */
.grid-4 {
  display: grid;
  gap: 10px;
  max-width: 600px;
  margin: auto;
}

.pill {
  background: #fff;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.05);
}

/* CARDS */
.cards-3 {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.card {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  width: 260px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* STEPS */
.steps-grid {
  display: grid;
  gap: 10px;
}

.step span {
  background: #ff2d00;
  color: #fff;
  border-radius: 50%;
  padding: 5px 10px;
  margin-right: 5px;
}

/* SAT */
.sat {
  color: #15803d;
  font-weight: 800;
}

/* GANANCIAS */
.income-box {
  background: linear-gradient(135deg, #d4fc79, #96e6a1);
  padding: 20px;
  border-radius: 12px;
  display: inline-block;
}

/* ONBOARDING */
.flow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.flow-card {
  background: #fff;
  padding: 25px;
  border-radius: 14px;
  width: 260px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
}

.arrow {
  font-size: 30px;
  color: #22c55e;
  font-weight: bold;
}

/* BOTONES PASOS */
.btn-step {
  display: inline-block;
  margin-top: 10px;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: #fff;
  padding: 10px 18px;
  border-radius: 25px;
  font-weight: 700;
  text-decoration: none;
}

.btn-step.dark {
  background: #111;
}

.tutorial-btn {
  display: inline-block;
  margin-top: 10px;
  color: #dc2626;
  font-weight: 900;
  text-decoration: none;
}

/* REGLAS */
.rules {
  color: #dc2626;
  font-weight: 700;
}

/* FINAL */
.final {
  padding-bottom: 80px;
}

/* MOBILE */
@media (max-width: 768px) {
  .cards-3 {
    flex-direction: column;
    align-items: center;
  }
}
.onboarding-final {
  text-align:center;
  padding:50px 20px;
}

.status-box {
  background:#fff3cd;
  color:#856404;
  padding:20px;
  border-radius:10px;
  margin:20px 0;
}

.btn {
  display:inline-block;
  background:#ff4d00;
  color:#fff;
  padding:12px 25px;
  border-radius:30px;
  text-decoration:none;
}

.cards {
  display:flex;
  gap:20px;
  justify-content:center;
  flex-wrap:wrap;
}

.card {
  background:#fff;
  padding:20px;
  border-radius:12px;
  width:250px;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
}
html {
  scroll-behavior: smooth;
}
/* BOTONES */
.btn-primary {
  background: linear-gradient(135deg, #ff6a00, #ff3c00);
  color: white;
  padding: 16px 28px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  box-shadow: 0 10px 25px rgba(255, 80, 0, 0.4);
  transition: 0.3s;
}

.btn-primary:hover {
  transform: scale(1.05);
}

/* MODAL */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.65);
  backdrop-filter: blur(6px);
  justify-content: center;
  align-items: center;
}

.modal-content {
  background: #fff;
  padding: 30px;
  border-radius: 16px;
  width: 95%;
  max-width: 700px;
  max-height: 90vh;
  overflow-y: auto;
  animation: fadeIn 0.4s ease;
}

.cerrar {
  float: right;
  font-size: 28px;
  cursor: pointer;
}

/* ANIMACIÓN */
@keyframes fadeIn {
  from {opacity:0; transform:translateY(30px);}
  to {opacity:1; transform:translateY(0);}
}
/* BOTÓN CÓDIGO VERIFICACIÓN */
.wcfmmp_become_vendor_form .wcfm_email_verified_button,
.wcfm_email_verified_button {
  white-space: nowrap !important;
  width: auto !important;
  padding: 10px 18px !important;
  font-size: 14px !important;
  display: inline-block !important;
}

/* OPCIONAL: que no se desborde en móvil */
@media (max-width: 600px) {
  .wcfmmp_become_vendor_form .wcfm_email_verified_button {
    font-size: 12px !important;
    padding: 8px 12px !important;
  }
}
body.page-id-XX header.entry-header.page-title {
    display: none !important;
}body.page-id-XX .site-content,
body.page-id-XX .content-area {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
body.page-id-XX .ast-container,
body.page-id-XX .elementor-section:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* Arreglar iconos de mostrar/ocultar contraseña en móvil */
@media (max-width: 768px) {

    input[type="password"] {
        padding-right: 40px !important; /* espacio para el icono */
    }

    .password-input,
    .woocommerce-password-strength {
        position: relative;
    }

    .show-password-input,
    .password-input i,
    .woocommerce-password-toggle {
        position: absolute !important;
        right: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;

        width: 20px !important;
        height: 20px !important;
        font-size: 16px !important;

        line-height: 20px !important;
        padding: 0 !important;
    }

    /* Evita que el botón amarillo tape todo */
    .show-password-input {
        background: transparent !important;
    }
}
.show-password-input {
    transform: scale(0.7) !important;
} 
.btn-secondary {
  background: linear-gradient(135deg, #22c55e, #15803d);
  color: #ffffff;
  padding: 16px 26px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: 0.3px;
  display: inline-flex;
  align-items: center;
  gap: 10px;

  /* EFECTO PREMIUM */
  box-shadow: 
    0 10px 25px rgba(34, 197, 94, 0.35),
    inset 0 1px 0 rgba(255,255,255,0.25);

  transition: all 0.25s ease;
  position: relative;
  overflow: hidden;
}

/* EFECTO BRILLO DINÁMICO */
.btn-secondary::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,0.4),
    transparent
  );
  transform: skewX(-25deg);
  transition: 0.6s;
}

.btn-secondary:hover::before {
  left: 130%;
}

/* HOVER */
.btn-secondary:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 
    0 15px 35px rgba(34, 197, 94, 0.5),
    inset 0 1px 0 rgba(255,255,255,0.3);
}

/* CLICK */
.btn-secondary:active {
  transform: scale(0.97);
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.zona-premium {
  margin-top: 15px;
  font-weight: 600;
  color: #dc2626;
  font-size: 15px;

  background: rgba(220, 38, 38, 0.08);
  padding: 10px 16px;
  border-radius: 10px;
  display: inline-block;

  box-shadow: 0 0 0 rgba(220,38,38,0.4);
  animation: glowZona 2s infinite ease-in-out;
}

@keyframes glowZona {
  0% {
    box-shadow: 0 0 0 rgba(220,38,38,0.2);
  }
  50% {
    box-shadow: 0 0 12px rgba(220,38,38,0.4);
  }
  100% {
    box-shadow: 0 0 0 rgba(220,38,38,0.2);
  }
}
@media (max-width: 768px) {

    .woocommerce ul.products li.product h2,
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        display: block !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: unset !important;
        overflow: visible !important;
        white-space: normal !important;
        height: auto !important;
        max-height: none !important;
    }

}
/* =========================
   FIX MOSTRAR TIENDA MOVIL
   ========================= */

@media (max-width:768px){

    /* Mostrar tienda WCFM */
    ul.products li.product .wcfmmp_sold_by_container,
    ul.products li.product .wcfmmp_sold_by_wrapper,
    ul.products li.product .store,
    ul.products li.product .dokan-store-name{
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

}

/* FIX PARA ARCHIVO DE PRODUCTOS */
.post-type-archive-product .wcfmmp_sold_by_wrapper{
    display: block !important;
}
@media (max-width:768px){

    /* elimina todo lo que esté debajo del nombre excepto el link */
    .wcfmmp_sold_by_container *:not(a){
        display:none !important;
    }

}
/* =========================
   REDUCIR TEXTO GLOBAL MOVIL
   ========================= */

@media (max-width:768px){

    /* TITULO */
    ul.products li.product .woocommerce-loop-product__title{
        font-size:12px !important;
        line-height:1.2 !important;
    }

    /* PRECIO */
    ul.products li.product .price{
        font-size:13px !important;
    }

    /* PRECIO OFERTA */
    ul.products li.product .price ins{
        font-size:14px !important;
    }

    /* PRECIO ANTERIOR */
    ul.products li.product .price del{
        font-size:11px !important;
    }

    /* TIENDA */
    .wcfmmp_sold_by_container{
        font-size:10px !important;
    }

    .wcfmmp_sold_by_container a{
        font-size:11px !important;
    }

    /* BOTONES */
    ul.products li.product .button,
    ul.products li.product .add_to_cart_button{
        font-size:12px !important;
        padding:8px 10px !important;
    }

}
/* =========================
   FORZAR TIENDA GLOBAL FINAL
   ========================= */

/* CATÁLOGO */
.post-type-archive-product .wcfmmp_sold_by_wrapper,
.post-type-archive-product .wcfmmp_sold_by_container{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
}

/* PRODUCTOS GENERALES */
.woocommerce ul.products li.product .wcfmmp_sold_by_wrapper,
.woocommerce ul.products li.product .wcfmmp_sold_by_container{
    display:block !important;
}

/* MÓVIL (ANULA TODO LO ANTERIOR) */
@media (max-width:768px){

    ul.products li.product .store,
    ul.products li.product .wcfmmp_sold_by_container,
    ul.products li.product .wcfmmp_sold_by_wrapper{
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;
    }

}
/* =========================
   COMPACTAR TARJETAS GLOBAL
   ========================= */

/* reducir altura general */
ul.products li.product{
    padding:12px !important;
}

/* quitar espacios innecesarios */
ul.products li.product .woocommerce-loop-product__title{
    margin-bottom:5px !important;
    line-height:1.2 !important;
}

ul.products li.product .price{
    margin:4px 0 !important;
}

/* TIENDA MÁS COMPACTA */
.wcfmmp_sold_by_container,
.wcfmmp_sold_by_wrapper{
    margin-top:4px !important;
    margin-bottom:0 !important;
    padding:0 !important;
    line-height:1.2 !important;
}

/* LOGO MÁS PEQUEÑO */
.wcfmmp_sold_by_container img{
    width:16px !important;
    height:16px !important;
    margin-bottom:2px !important;
}

/* TEXTO TIENDA */
.wcfmmp_sold_by_container{
    font-size:11px !important;
}

/* ELIMINAR ESPACIO DE ESTRELLAS (CLAVE) */
.post-type-archive-product .star-rating{
    display:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
}

/* eliminar hueco invisible */
.wcfmmp_sold_by_container .star-rating{
    display:none !important;
    height:0 !important;
    margin:0 !important;
}

/* BOTÓN MÁS PEGADO (si aparece) */
ul.products li.product .button{
    margin-top:6px !important;
}
/* =========================
   ELIMINAR ESTRELLAS WCFM TOTAL
   ========================= */

/* estrellas dentro de tienda */
.wcfmmp_sold_by_container .star-rating,
.wcfmmp_sold_by_wrapper .star-rating{
    display:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
}

/* por si son íconos o svg */
.wcfmmp_sold_by_container svg,
.wcfmmp_sold_by_wrapper svg,
.wcfmmp_sold_by_container i,
.wcfmmp_sold_by_wrapper i{
    display:none !important;
}

/* eliminar cualquier texto o bloque debajo del nombre */
.wcfmmp_sold_by_container *:not(a):not(img){
    display:none !important;
}
/* =========================
   ESTILO AMAZON FINAL
   ========================= */

/* TARJETA */
ul.products li.product{
    padding:12px !important;
}

/* TITULO */
ul.products li.product .woocommerce-loop-product__title{
    font-size:13px !important;
    line-height:1.2 !important;
    margin-bottom:4px !important;
}

/* PRECIO */
ul.products li.product .price{
    margin:4px 0 !important;
    font-size:14px !important;
}

/* =========================
   TIENDA (LINEA COMPACTA)
   ========================= */

.wcfmmp_sold_by_container,
.wcfmmp_sold_by_wrapper{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:5px !important;
    margin-top:4px !important;
    margin-bottom:0 !important;
    padding:0 !important;
    font-size:12px !important;
    line-height:1 !important;
}

/* LOGO */
.wcfmmp_sold_by_container img{
    width:14px !important;
    height:14px !important;
    border-radius:50%;
    object-fit:cover;
}

/* TEXTO */
.wcfmmp_sold_by_container{
    color:#666 !important;
}

/* LINK */
.wcfmmp_sold_by_container a{
    color:#0ea5e9 !important;
    font-weight:500 !important;
    text-decoration:none !important;
}

/* CAMBIO DE TEXTO */
.wcfmmp_sold_by_container::before{
    content:"de ";
    color:#777;
}

/* OCULTAR "Store:" ORIGINAL */
.wcfmmp_sold_by_container span{
    display:none !important;
}

/* EVITAR SALTOS */
.wcfmmp_sold_by_container br{
    display:none !important;
}
/* =========================
   MEJORAR VISIBILIDAD TIENDA (SIN CRECER)
   ========================= */

.wcfmmp_sold_by_container{
    font-size:12.5px !important; /* un poco más grande */
    font-weight:500 !important;
    color:#444 !important;
    letter-spacing:0.2px;
}

/* NOMBRE TIENDA */
.wcfmmp_sold_by_container a{
    color:#0ea5e9 !important;
    font-weight:600 !important;
}

/* LOGO MÁS VISIBLE SIN CRECER ALTURA */
.wcfmmp_sold_by_container img{
    width:15px !important;
    height:15px !important;
    filter: contrast(1.1) saturate(1.1);
}

/* MEJOR ALINEACIÓN (CLAVE) */
.wcfmmp_sold_by_container,
.wcfmmp_sold_by_wrapper{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    line-height:1 !important;
}

/* EFECTO SUTIL (NO CAMBIA ALTURA) */
.wcfmmp_sold_by_container a:hover{
    opacity:0.8;
}
/* =========================
   VISIBILIDAD EXTRA (SIN CRECER)
   ========================= */

/* contenedor */
.wcfmmp_sold_by_container{
    font-size:12.5px !important;     /* igual altura visual */
    font-weight:600 !important;      /* más peso = más visible */
    color:#222 !important;           /* más contraste */
    letter-spacing:0.15px;
    line-height:1 !important;
}

/* nombre tienda */
.wcfmmp_sold_by_container a{
    color:#0284c7 !important;        /* azul más fuerte */
    font-weight:700 !important;      /* más destaque */
    text-decoration:none !important;
}

/* logo (sin crecer, pero más “vivo”) */
.wcfmmp_sold_by_container img{
    width:15px !important;
    height:15px !important;
    filter: contrast(1.25) saturate(1.3) brightness(1.05);
}

/* micro-separación más limpia */
.wcfmmp_sold_by_container,
.wcfmmp_sold_by_wrapper{
    display:flex !important;
    align-items:center !important;
    gap:5px !important;
}

/* "de" más tenue para que el nombre destaque */
.wcfmmp_sold_by_container::before{
    color:#888 !important;
}
.wcfmmp_sold_by_container a{
    text-shadow:0 0 0.3px rgba(0,0,0,0.3);
}
/* =========================
   STORE EFECTO ORO
   ========================= */

/* reemplazar "de" por Store */
.wcfmmp_sold_by_container::before{
    content:"Store:";
    font-size:11px;
    font-weight:700;
    margin-right:4px;

    /* 🔥 EFECTO ORO */
    background: linear-gradient(90deg, #d4af37, #ffd700, #c9a227);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    /* fallback por si no carga */
    color:#d4af37;
}
/* ===== EMPAREJAR Y DAR ESTILO PREMIUM A LAS FICHAS ===== */

.info-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:28px;
  max-width:1200px;
  margin:0 auto;
  align-items:stretch;
}

.info-card,
.flow-card{
  min-height:280px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  text-align:center;
  border-radius:24px;
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 12px 30px rgba(15,23,42,.08);
  position:relative;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.info-card::before,
.flow-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:7px;
  background:linear-gradient(90deg,#ff9900,#ff5b2e,#16a34a);
}

.info-card:hover,
.flow-card:hover{
  transform:translateY(-8px) scale(1.02);
  box-shadow:0 22px 45px rgba(15,23,42,.16);
  border-color:rgba(255,153,0,.35);
}

.info-card:active,
.flow-card:active{
  transform:scale(.98);
}

.info-card h3,
.flow-card h3{
  color:#0f172a;
  font-size:24px;
  line-height:1.25;
}

.info-card p,
.flow-card p{
  color:#475569;
  font-size:16px;
  line-height:1.7;
}

/* FICHAS PASO A PASO MÁS PAREJAS */
.flow{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:32px;
  max-width:1150px;
  margin:0 auto;
  align-items:stretch;
}

.flow-card{
  width:auto;
  min-height:360px;
  padding:38px 30px;
}

/* BOTONES DENTRO DE FICHAS */
.flow-card .btn-step,
.flow-card .tutorial-btn{
  margin-top:auto;
  align-self:center;
}

/* COLORES DIFERENTES POR FICHA */
.info-card:nth-child(1)::before{background:linear-gradient(90deg,#2563eb,#38bdf8);}
.info-card:nth-child(2)::before{background:linear-gradient(90deg,#ff9900,#f97316);}
.info-card:nth-child(3)::before{background:linear-gradient(90deg,#16a34a,#22c55e);}
.info-card:nth-child(4)::before{background:linear-gradient(90deg,#9333ea,#c084fc);}
.info-card:nth-child(5)::before{background:linear-gradient(90deg,#0f766e,#14b8a6);}
.info-card:nth-child(6)::before{background:linear-gradient(90deg,#dc2626,#f97316);}

.flow-card:nth-child(1)::before{background:linear-gradient(90deg,#16a34a,#22c55e);}
.flow-card:nth-child(2)::before{background:linear-gradient(90deg,#111827,#374151);}
.flow-card:nth-child(3)::before{background:linear-gradient(90deg,#dc2626,#f97316);}

/* RESPONSIVE */
@media(max-width:900px){
  .info-grid,
  .flow{
    grid-template-columns:1fr;
  }

  .info-card,
  .flow-card{
    min-height:auto;
  }
}
/* ===== FIX FINAL BOTONES HERO CLICK MARKET ===== */

.seller-ultra .hero-buttons{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:28px !important;
  max-width:920px !important;
  margin:0 auto 22px auto !important;
  align-items:stretch !important;
}

.seller-ultra .hero-buttons .btn-primary,
.seller-ultra .hero-buttons .btn-secondary{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  height:92px !important;
  min-height:92px !important;
  padding:0 28px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  box-sizing:border-box !important;
  line-height:1.2 !important;
  border-radius:22px !important;
  font-size:22px !important;
  font-weight:800 !important;
}

/* Evita que el brillo del botón verde cambie el tamaño visual */
.seller-ultra .hero-buttons .btn-secondary::before{
  pointer-events:none !important;
}

/* MÓVIL */
@media(max-width:768px){
  .seller-ultra .hero-buttons{
    grid-template-columns:1fr !important;
    max-width:100% !important;
  }

  .seller-ultra .hero-buttons .btn-primary,
  .seller-ultra .hero-buttons .btn-secondary{
    height:82px !important;
    min-height:82px !important;
    font-size:19px !important;
  }
}
/* ===== MEJORA PREMIUM + URGENCIA ===== */

.hero-ultra{
  position:relative;
  overflow:hidden;
}

.hero-ultra::before{
  content:"OFERTA PARA NUEVOS VENDEDORES";
  position:absolute;
  top:22px;
  right:-45px;
  background:linear-gradient(135deg,#dc2626,#f97316);
  color:white;
  padding:10px 55px;
  font-size:13px;
  font-weight:900;
  letter-spacing:.8px;
  transform:rotate(35deg);
  box-shadow:0 8px 20px rgba(220,38,38,.35);
}

.hero-inner h1{
  background:linear-gradient(135deg,#0f172a,#1e293b,#111827);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.zona-premium{
  animation:pulseUrgencia 1.8s infinite;
}

@keyframes pulseUrgencia{
  0%{transform:scale(1);box-shadow:0 0 0 rgba(249,115,22,.25)}
  50%{transform:scale(1.03);box-shadow:0 0 25px rgba(249,115,22,.35)}
  100%{transform:scale(1);box-shadow:0 0 0 rgba(249,115,22,.25)}
}

.btn-primary{
  position:relative;
  overflow:hidden;
  animation:botonUrgente 1.7s infinite;
}

@keyframes botonUrgente{
  0%,100%{box-shadow:0 12px 28px rgba(255,153,0,.25)}
  50%{box-shadow:0 18px 38px rgba(255,91,46,.45)}
}

.btn-primary::after{
  content:"";
  position:absolute;
  top:0;
  left:-75%;
  width:50%;
  height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);
  transform:skewX(-25deg);
  animation:shine 2.4s infinite;
}

@keyframes shine{
  0%{left:-75%}
  55%{left:130%}
  100%{left:130%}
}

.micro::after{
  content:" · Cupos activos por tiempo limitado";
  color:#dc2626;
  font-weight:900;
}

.legend-card{
  background:
    radial-gradient(circle at top left,rgba(255,255,255,.95),transparent 35%),
    linear-gradient(145deg,#ffffff,#f1f5f9 45%,#dbe1ea);
}

.legend-card:hover{
  border-color:#f59e0b;
}

.legend-card h3::after{
  content:"";
  display:block;
  width:45px;
  height:3px;
  background:linear-gradient(90deg,#f59e0b,#facc15);
  margin:12px auto 0;
  border-radius:999px;
}

.info-click:first-of-type{
  background:linear-gradient(180deg,#ffffff,#fff7ed);
  border-radius:28px;
}

.info-click:first-of-type h2::after{
  content:" — empieza hoy";
  color:#dc2626;
}

.final-btn{
  animation:botonUrgente 1.7s infinite;
}

@media(max-width:768px){
  .hero-ultra::before{
    font-size:10px;
    right:-55px;
    top:18px;
  }

  .micro::after{
    display:block;
    margin-top:6px;
  }
}
/* CLICK SERVICES - Formulario publicar servicio */

.hp-template--listing-submit-page .hp-page__content,
.hp-template--listing-submit-page .hp-form {
    max-width: 850px !important;
    margin: 0 auto !important;
}

.hp-template--listing-submit-page .hp-form__field {
    margin-bottom: 16px !important;
}

.hp-template--listing-submit-page .hp-form__field label {
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
}

.hp-template--listing-submit-page .hp-form__description {
    font-size: 13px !important;
    margin-bottom: 6px !important;
    color: #6b7280 !important;
}

.hp-template--listing-submit-page input,
.hp-template--listing-submit-page textarea,
.hp-template--listing-submit-page select {
    padding: 11px 14px !important;
    min-height: 46px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
}

.hp-template--listing-submit-page textarea {
    min-height: 120px !important;
}

.hp-template--listing-submit-page .hp-form__button {
    padding: 14px 28px !important;
    border-radius: 50px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

.hp-template--listing-submit-page h1 {
    font-size: 34px !important;
    margin-bottom: 25px !important;
}
/* ===== CLICK SERVICES FORM COMPACTO ===== */

.hp-template--listing-submit-page .hp-page__content{
    max-width: 760px !important;
    margin: 0 auto !important;
    padding: 20px !important;
}

/* TITULO */
.hp-template--listing-submit-page h1{
    font-size: 42px !important;
    margin-bottom: 25px !important;
    text-align: left !important;
}

/* ESPACIO ENTRE CAMPOS */
.hp-template--listing-submit-page .hp-form__field{
    margin-bottom: 14px !important;
}

/* LABELS */
.hp-template--listing-submit-page label{
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 2px !important;
    display:block;
}

/* DESCRIPCIONES */
.hp-template--listing-submit-page .hp-field__description{
    font-size: 12px !important;
    color: #6b7280 !important;
    margin-top: 2px !important;
    margin-bottom: 6px !important;
    line-height: 1.4 !important;
}

/* INPUTS */
.hp-template--listing-submit-page input,
.hp-template--listing-submit-page textarea,
.hp-template--listing-submit-page select{

    width:100% !important;
    max-width:100% !important;

    padding: 10px 14px !important;

    border-radius: 12px !important;

    min-height: 44px !important;

    font-size: 14px !important;

    background:#fff !important;
}

/* TEXTAREA */
.hp-template--listing-submit-page textarea{
    min-height:120px !important;
}

/* BOTON */
.hp-template--listing-submit-page .button,
.hp-template--listing-submit-page button{

    border-radius: 50px !important;

    padding: 14px 24px !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    width:100% !important;
}

/* IMAGENES */
.hp-template--listing-submit-page .hp-field--file{
    margin-bottom:18px !important;
}
/* CLICK SERVICES - FORMULARIO COMPACTO CENTRADO */

.hp-template--listing-submit-page .hp-page__content {
    max-width: 760px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 20px !important;
}

.hp-template--listing-submit-page h1 {
    font-size: 36px !important;
    margin-bottom: 18px !important;
    text-align: left !important;
}

.hp-template--listing-submit-page .hp-form {
    width: 100% !important;
    max-width: 760px !important;
    margin: 0 auto !important;
    display: block !important;
}

.hp-template--listing-submit-page .hp-form__field {
    margin-bottom: 10px !important;
}

.hp-template--listing-submit-page label {
    font-size: 14px !important;
    font-weight: 700 !important;
    margin-bottom: 3px !important;
}

.hp-template--listing-submit-page .hp-field__description,
.hp-template--listing-submit-page .hp-form__description {
    font-size: 12px !important;
    line-height: 1.2 !important;
    margin: 2px 0 4px !important;
}

.hp-template--listing-submit-page input,
.hp-template--listing-submit-page select,
.hp-template--listing-submit-page textarea {
    width: 100% !important;
    max-width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 7px 12px !important;
    border-radius: 10px !important;
    font-size: 14px !important;
}

.hp-template--listing-submit-page textarea {
    height: 90px !important;
    min-height: 90px !important;
}

.hp-template--listing-submit-page button,
.hp-template--listing-submit-page .button,
.hp-template--listing-submit-page .hp-form__button {
    width: 100% !important;
    max-width: 100% !important;
    height: 44px !important;
    padding: 10px 20px !important;
    border-radius: 40px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    margin-top: 10px !important;
}
/* CONTENEDOR DEL ANUNCIO */
.hp-listing {
    display: grid !important;
    grid-template-columns: 260px 1fr 220px !important;
    align-items: center !important;
    gap: 30px !important;

    background: #fff !important;
    border-radius: 24px !important;
    padding: 30px !important;
    margin-bottom: 25px !important;

    box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;
}

/* IMAGEN */
.hp-listing img {
    width: 260px !important;
    height: 190px !important;
    object-fit: cover !important;
    border-radius: 18px !important;
}

/* CENTRO - DATOS */
.hp-listing__content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.hp-listing__title {
    font-size: 30px !important;
    font-weight: 800 !important;
    margin-bottom: 12px !important;
    color: #111827 !important;
}

.hp-listing__details {
    font-size: 15px !important;
    color: #6b7280 !important;
}

/* BOTON DERECHA */
.hp-listing__footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* BOTON COTIZAR */
.hp-listing__footer a,
.hp-listing__actions a,
.hp-listing .button {
    background: linear-gradient(135deg,#25D366,#18b955) !important;
    color: #fff !important;

    padding: 16px 28px !important;
    border-radius: 16px !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    box-shadow: 0 10px 25px rgba(37,211,102,.35) !important;
}

/* MOBILE */
@media(max-width:768px){

.hp-listing{
    grid-template-columns:1fr !important;
}

.hp-listing img{
    width:100% !important;
    height:220px !important;
}

}
/* =========================
   CLICK MARKET PLACEHOLDER
   IMAGEN AUTOMÁTICA CUANDO
   EL USUARIO NO SUBE FOTO
========================= */

.hp-listing__image img[src*="placeholders/image-landscape.svg"] {

    content: url("https://clicksmarket.shop/wp-content/uploads/2026/05/click_market_square.png") !important;

    width: 260px !important;
    height: 190px !important;

    object-fit: contain !important;
    object-position: center !important;

    background: #ffffff !important;

    border-radius: 18px !important;

    padding: 10px !important;

    display: block !important;
}
/* =========================
   CLICK MARKET - TARJETAS
   VERTICALES OPTIMIZADAS
========================= */

.hp-template--listings-view-page .hp-listing {
    display: flex !important;
    flex-direction: column !important;

    width: 340px !important;
    max-width: 340px !important;

    background: #ffffff !important;

    border-radius: 28px !important;

    overflow: hidden !important;

    padding: 18px !important;

    box-shadow: 0 12px 35px rgba(0,0,0,.08) !important;

    margin: 0 auto 35px auto !important;
}

/* Imagen arriba */
.hp-template--listings-view-page .hp-listing__image {
    width: 100% !important;
    height: 240px !important;

    border-radius: 20px !important;

    overflow: hidden !important;

    margin-bottom: 18px !important;
}

.hp-template--listings-view-page .hp-listing__image img {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    border-radius: 20px !important;
}

/* Contenido abajo */
.hp-template--listings-view-page .hp-listing__content {
    width: 100% !important;
    text-align: center !important;
}

/* Título */
.hp-template--listings-view-page .hp-listing__title {
    font-size: 34px !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;

    word-break: break-word !important;
}

.hp-template--listings-view-page .hp-listing__title a {
    white-space: normal !important;
}

/* Categoría y fecha */
.hp-template--listings-view-page .hp-listing__details,
.hp-template--listings-view-page .hp-listing__attributes {
    text-align: center !important;
}

/* Responsive */
@media (max-width: 768px) {

    .hp-template--listings-view-page .hp-listing {
        width: 100% !important;
        max-width: 100% !important;
    }

    .hp-template--listings-view-page .hp-listing__image {
        height: 220px !important;
    }

    .hp-template--listings-view-page .hp-listing__title {
        font-size: 28px !important;
    }
}
/* ===== CLICK SERVICES - LAYOUT HORIZONTAL REAL ===== */

.hp-template--listing-view-page .hp-page__content{
    max-width: 1600px !important;
    width: 100% !important;
    padding: 25px 40px !important;
    margin: 0 auto !important;
}

/* CONTENEDOR PRINCIPAL */
.hp-template--listing-view-page .hp-listing{
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 35px !important;

    width: 100% !important;
    background: #fff !important;
    border-radius: 30px !important;
    padding: 35px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.08) !important;
}

/* ===== IMAGEN ===== */
.hp-template--listing-view-page .hp-listing__images,
.hp-template--listing-view-page .hp-listing__image{
    flex: 0 0 320px !important;
    width: 320px !important;
    max-width: 320px !important;
}

.hp-template--listing-view-page .hp-listing__images img,
.hp-template--listing-view-page .hp-listing__image img{
    width: 320px !important;
    height: 260px !important;
    object-fit: cover !important;
    border-radius: 22px !important;
}

/* ===== DESCRIPCIÓN ===== */
.hp-template--listing-view-page .hp-listing__content{
    flex: 1 !important;
    min-width: 0 !important;
    max-width: 700px !important;
}

.hp-template--listing-view-page .hp-listing__title{
    font-size: 42px !important;
    line-height: 1.1 !important;
    margin-bottom: 15px !important;
    word-break: normal !important;
}

.hp-template--listing-view-page .hp-listing__description{
    font-size: 18px !important;
    line-height: 1.7 !important;
    margin-top: 25px !important;
}

/* ===== RESEÑA / REPORTAR ===== */
.hp-template--listing-view-page .hp-listing__actions,
.hp-template--listing-view-page aside{
    flex: 0 0 230px !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 15px !important;

    margin-top: 30px !important;
}

/* ===== BOTÓN COTIZACIÓN ===== */
.cm-whatsapp-auto{
    flex: 0 0 280px !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    margin-top: 60px !important;
}

.cm-whatsapp-auto a{
    width: 100% !important;
    max-width: 280px !important;

    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    background: linear-gradient(135deg,#25D366,#18b955) !important;
    color: #fff !important;

    padding: 20px 25px !important;
    border-radius: 20px !important;

    font-size: 20px !important;
    font-weight: 800 !important;
    text-decoration: none !important;

    box-shadow: 0 12px 30px rgba(37,211,102,.35) !important;
}

/* ===== EVITAR ESPACIOS FEOS ===== */

.hp-template--listing-view-page .site-main{
    width: 100% !important;
}

.hp-template--listing-view-page .site-content{
    width: 100% !important;
}

.hp-template--listing-view-page footer{
    margin-top: 40px !important;
}

/* ===== RESPONSIVE ===== */

@media(max-width:1200px){

    .hp-template--listing-view-page .hp-listing{
        flex-wrap: wrap !important;
    }

    .hp-template--listing-view-page .hp-listing__content{
        max-width: 100% !important;
    }

    .cm-whatsapp-auto{
        width: 100% !important;
        margin-top: 20px !important;
    }
}

@media(max-width:768px){

    .hp-template--listing-view-page .hp-listing{
        flex-direction: column !important;
    }

    .hp-template--listing-view-page .hp-listing__images,
    .hp-template--listing-view-page .hp-listing__image,
    .hp-template--listing-view-page .hp-listing__images img,
    .hp-template--listing-view-page .hp-listing__image img{
        width: 100% !important;
        max-width: 100% !important;
        height: 240px !important;
    }

    .hp-template--listing-view-page .hp-listing__title{
        font-size: 32px !important;
    }

    .hp-template--listing-view-page .hp-listing__actions,
    .cm-whatsapp-auto{
        width: 100% !important;
    }

    .cm-whatsapp-auto a{
        max-width: 100% !important;
    }
}
/* ===== CONTENEDOR PRINCIPAL ===== */

.hp-template--listing-view-page .hp-page__content{
    max-width: 1400px !important;
    width: 95% !important;
}

/* ===== ORGANIZACION HORIZONTAL ===== */

.hp-template--listing-view-page .hp-listing{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:flex-start !important;
    justify-content:space-between !important;
    gap:40px !important;
}

/* ===== IMAGEN ===== */

.hp-template--listing-view-page .hp-listing__images{
    width:280px !important;
    flex-shrink:0 !important;
}

/* ===== DESCRIPCION ===== */

.hp-template--listing-view-page .hp-listing__details{
    flex:1 !important;
    min-width:500px !important;
}

/* ===== COLUMNA DERECHA ===== */

.hp-template--listing-view-page .hp-listing__sidebar{
    width:320px !important;
    flex-shrink:0 !important;
}

/* ===== BOTON COTIZAR ===== */

.cm-whatsapp-auto{
    width:100% !important;
    margin-top:35px !important;
    text-align:center !important;
}

.cm-whatsapp-auto a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-width:340px !important;
}

/* ===== RESPONSIVE ===== */

@media(max-width:980px){

    .hp-template--listing-view-page .hp-listing{
        flex-direction:column !important;
    }

    .hp-template--listing-view-page .hp-listing__details,
    .hp-template--listing-view-page .hp-listing__sidebar,
    .hp-template--listing-view-page .hp-listing__images{
        width:100% !important;
        min-width:100% !important;
    }

    .cm-whatsapp-auto a{
        width:100% !important;
        min-width:100% !important;
    }
}
/* BOTÓN SERVICIOS IGUAL A EMPIEZA A VENDER */

.cm-servicios-btn{
    position:absolute !important;
    top:215px !important;
    right:40px !important;
    z-index:10 !important;
}

.home .cm-servicios-btn a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;

    background:linear-gradient(135deg, #ffcc00, #ff9900) !important;
    color:#111 !important;

    padding:12px 20px !important;
    border-radius:30px !important;

    font-size:16px !important;
    font-weight:700 !important;
    text-decoration:none !important;

    box-shadow:0 6px 15px rgba(0,0,0,0.2) !important;
    transition:all 0.25s ease !important;
}

.home .cm-servicios-btn a:hover{
    transform:scale(1.08) !important;
    box-shadow:0 8px 20px rgba(0,0,0,0.3) !important;
}

@media(max-width:768px){
    .home .cm-servicios-btn{
        position:relative !important;
        top:auto !important;
        right:auto !important;
        display:flex !important;
        justify-content:center !important;
        margin:10px auto !important;
    }


    .home .cm-servicios-btn a{
        padding:10px 14px !important;
        font-size:13px !important;
    }
}
.hero-video{
    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden;
    background:#000;
}

.hero-video video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

.overlay{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.18);
    z-index:1;
}

/* CONTENIDO SUPERIOR */

.hero-content{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    text-align:center;
    color:white;

    padding-top:90px;
    padding-left:20px;
    padding-right:20px;
}

/* TITULO */

.hero-content h1{
    font-size:78px;
    font-weight:250;
    line-height:1;
    margin-bottom:12px;
    letter-spacing:2px;

    color:rgba(255,255,255,0.95);

    text-shadow:
    0 2px 10px rgba(0,0,0,0.25);
}

/* DESCRIPCION */

.hero-content p{
    font-size:24px;
    font-weight:300;
    margin-bottom:35px;

    color:rgba(255,255,255,0.82);

    text-shadow:
    0 2px 8px rgba(0,0,0,0.25);
}

/* BOTON ESTILO DJI */

.btn-cotizar{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:14px 42px;

    background:transparent;

    border:2px solid rgba(255,255,255,0.72);

    border-radius:40px;

    color:rgba(255,255,255,0.92);

    text-decoration:none;

    font-size:18px;
    font-weight:400;

    transition:all 0.30s ease;

    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}

/* EFECTO AL TOCAR */

.btn-cotizar:hover{
    background:white;
    color:#111;
    border-color:white;

    transform:scale(1.04);
}

/* TELEFONO */

@media(max-width:768px){

    .hero-video{
        height:85vh;
    }

    .hero-content{
        padding-top:70px;
    }

    .hero-content h1{
        font-size:46px;
    }

    .hero-content p{
        font-size:18px;
        margin-bottom:25px;
    }

    .btn-cotizar{
        padding:12px 30px;
        font-size:16px;
    }

}
/* ELIMINA ESPACIOS BLANCOS DE WORDPRESS */

body,
html{
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden;
}

/* CONTENEDOR PRINCIPAL */

.hero-video{
    position:relative;
    width:100vw;
    height:100vh;

    margin:0 !important;
    padding:0 !important;

    overflow:hidden;
    background:#000;
}

/* VIDEO */

.hero-video video{
    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;
}

/* OSCURECER UN POCO */

.overlay{
    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,0.18);

    z-index:1;
}

/* CONTENIDO */

.hero-content{
    position:relative;
    z-index:2;

    width:100%;
    height:100%;

    display:flex;
    flex-direction:column;

    justify-content:flex-start;
    align-items:center;

    text-align:center;

    color:white;

    padding-top:90px;
    padding-left:20px;
    padding-right:20px;
}

/* TITULO */

.hero-content h1{
    font-size:78px;
    font-weight:250;

    line-height:1;

    margin-bottom:12px;

    letter-spacing:2px;

    color:rgba(255,255,255,0.95);

    text-shadow:
    0 2px 10px rgba(0,0,0,0.25);
}

/* DESCRIPCION */

.hero-content p{
    font-size:24px;

    font-weight:300;

    margin-bottom:35px;

    color:rgba(255,255,255,0.82);

    text-shadow:
    0 2px 8px rgba(0,0,0,0.25);
}

/* BOTON */

.btn-cotizar{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:14px 42px;

    background:transparent;

    border:2px solid rgba(255,255,255,0.72);

    border-radius:40px;

    color:rgba(255,255,255,0.92);

    text-decoration:none;

    font-size:18px;
    font-weight:400;

    transition:all 0.30s ease;

    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}

/* EFECTO */

.btn-cotizar:hover{
    background:white;
    color:#111;
    border-color:white;

    transform:scale(1.04);
}

/* TELEFONO */

@media(max-width:768px){

    .hero-video{
        width:100vw;
        height:100vh;
    }

    .hero-content{
        padding-top:70px;
    }

    .hero-content h1{
        font-size:46px;
    }

    .hero-content p{
        font-size:18px;
        margin-bottom:25px;
    }

    .btn-cotizar{
        padding:12px 30px;
        font-size:16px;
    }

}
/* ELIMINA ESPACIOS DE WORDPRESS */

html,
body{
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
}

/* CONTENEDOR GENERAL */

.hero-video{
    position:relative;

    width:100vw;
    height:100vh;

    margin:0 !important;
    padding:0 !important;

    left:50%;
    right:50%;

    margin-left:-50vw !important;
    margin-right:-50vw !important;

    overflow:hidden;

    background:#000;
}

/* VIDEO */

.hero-video video{
    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;

    /* AJUSTE PARA QUE NO RECORTE TANTO */

    transform:scale(1.02);
}

/* OSCURECER */

.overlay{
    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,0.16);

    z-index:1;
}

/* CONTENIDO */

.hero-content{
    position:relative;

    z-index:2;

    width:100%;
    height:100%;

    display:flex;
    flex-direction:column;

    justify-content:flex-start;
    align-items:center;

    text-align:center;

    color:white;

    padding-top:85px;

    box-sizing:border-box;
}

/* TITULO */

.hero-content h1{
    margin:0 0 10px 0;

    font-size:78px;
    font-weight:250;

    line-height:1;

    letter-spacing:2px;

    color:rgba(255,255,255,0.95);

    text-shadow:
    0 2px 10px rgba(0,0,0,0.22);
}

/* TEXTO */

.hero-content p{
    margin:0 0 35px 0;

    font-size:24px;

    font-weight:300;

    color:rgba(255,255,255,0.82);

    text-shadow:
    0 2px 8px rgba(0,0,0,0.22);
}

/* BOTON */

.btn-cotizar{
    display:inline-flex;

    align-items:center;
    justify-content:center;

    padding:14px 42px;

    background:transparent;

    border:2px solid rgba(255,255,255,0.72);

    border-radius:40px;

    color:rgba(255,255,255,0.92);

    text-decoration:none;

    font-size:18px;
    font-weight:400;

    transition:all .30s ease;

    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
}

/* HOVER */

.btn-cotizar:hover{
    background:white;

    color:#111;

    border-color:white;

    transform:scale(1.04);
}

/* TELEFONO */

@media(max-width:768px){

    .hero-video{
        height:100vh;
    }

    .hero-video video{

        /* MENOS RECORTE EN TELEFONO */

        object-position:center center;

        transform:scale(1);
    }

    .hero-content{
        padding-top:70px;
        padding-left:20px;
        padding-right:20px;
    }

    .hero-content h1{
        font-size:44px;
    }

    .hero-content p{
        font-size:18px;
        margin-bottom:25px;
    }

    .btn-cotizar{
        padding:12px 30px;
        font-size:16px;
    }

}
/* TELEFONO */

@media(max-width:768px){

    .hero-video{
        height:100vh;
    }

    .hero-video video{

        /* HACEMOS EL VIDEO MAS PEQUEÑO */

        width:100%;
        height:100%;

        object-fit:contain;

        background:#000;

        object-position:center center;

        transform:scale(0.88);
    }

    .hero-content{
        padding-top:70px;
        padding-left:20px;
        padding-right:20px;
    }

    .hero-content h1{
        font-size:42px;
    }

    .hero-content p{
        font-size:17px;
        margin-bottom:25px;
    }

    .btn-cotizar{
        padding:12px 30px;
        font-size:16px;
    }

}
/* TELEFONO */

@media(max-width:768px){

    .hero-video{
        height:100vh;
        background:#000;
    }

    .hero-video video{

        /* MAS GRANDE PARA QUITAR ESPACIOS NEGROS */

        width:100%;
        height:100%;

        object-fit:contain;

        object-position:center center;

        transform:scale(1.08);
    }

    .overlay{
        background:rgba(0,0,0,0.10);
    }

    .hero-content{
        padding-top:70px;
        padding-left:20px;
        padding-right:20px;
    }

    .hero-content h1{
        font-size:42px;
    }

    .hero-content p{
        font-size:17px;
        margin-bottom:25px;
    }

    .btn-cotizar{
        padding:12px 30px;
        font-size:16px;
    }

}
/* BAJAR MENU PRINCIPAL */
.site-header,
.ast-primary-header-bar,
.main-header-bar {
    margin-top: 30px !important;
	
}
/* ELIMINAR BARRA GRIS DEL TITULO */
.ast-page-header-wrap,
.entry-header.ast-no-thumbnail,
.entry-header {
    display: none !important;
}

/* SUBIR CONTENIDO */
.site-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* CHECKOUT CLICK MARKET - PRO COMPACTO */

.woocommerce-checkout h3,
.woocommerce-billing-fields h3 {
    font-size: 26px;
    font-weight: 800;
    margin-bottom: 18px;
}

.woocommerce-checkout .form-row {
    margin-bottom: 12px !important;
}

.woocommerce-checkout label {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    border-radius: 10px !important;
    border: 1px solid #d6d6d6 !important;
    padding: 12px 14px !important;
    font-size: 15px !important;
    background: #fff !important;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus {
    border-color: #111827 !important;
    box-shadow: 0 0 0 2px rgba(17, 24, 39, 0.12) !important;
}

.woocommerce-billing-fields {
    background: #ffffff;
    padding: 24px;
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.06);
}

.woocommerce-checkout-review-order {
    background: #ffffff;
    padding: 24px;
    border-radius: 18px;
    box-shadow: 0 8px 30px rgba(0,0,0,0.06);
}

#order_review_heading {
    font-size: 26px;
    font-weight: 800;
    margin-top: 0;
}

.woocommerce-checkout-payment {
    border-radius: 16px !important;
    overflow: hidden;
}

.woocommerce button.button,
.woocommerce #payment #place_order {
    width: 100%;
    border-radius: 12px !important;
    padding: 15px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    background: #111827 !important;
    color: white !important;
}

.woocommerce #payment #place_order:hover {
    background: #000 !important;
}

.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
    width: 100% !important;
    float: none !important;
}

.woocommerce-checkout .col2-set {
    width: 52%;
    float: left;
}

.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading {
    width: 44%;
    float: right;
}

@media (max-width: 900px) {
    .woocommerce-checkout .col2-set,
    .woocommerce-checkout #order_review,
    .woocommerce-checkout #order_review_heading {
        width: 100%;
        float: none;
    }

    .woocommerce-billing-fields,
    .woocommerce-checkout-review-order {
        padding: 18px;
    }
}
/* Ocultar logos grandes de tarjetas en checkout */
.woocommerce-checkout .payment_box img,
.woocommerce-checkout .payment_methods img,
.woocommerce-checkout #payment img {
    display: none !important;
}
#billing_postcode_field .optional {
    display: none !important;
}

#billing_postcode_field label::after {
    content: " *";
    color: #e00000;
    font-weight: 800;
}
/* ===== CHECKOUT CLICK MARKET PRO ===== */

/* Contenedor general */
.woocommerce-checkout form.checkout {
    max-width: 1180px;
    margin: 0 auto;
}

/* Tarjetas */
.woocommerce-billing-fields,
.woocommerce-checkout-review-order {
    background: #ffffff;
    border-radius: 22px;
    padding: 28px !important;
    box-shadow: 0 18px 45px rgba(0,0,0,0.08);
}

/* Títulos */
.woocommerce-billing-fields h3,
#order_review_heading {
    font-size: 30px !important;
    font-weight: 900 !important;
    margin-bottom: 22px !important;
    color: #111827;
}

/* Campos compactos */
.woocommerce-checkout .form-row {
    margin-bottom: 13px !important;
}

.woocommerce-checkout label {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #374151;
    margin-bottom: 6px;
}

.woocommerce-checkout input,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    border-radius: 14px !important;
    border: 1px solid #d1d5db !important;
    padding: 13px 16px !important;
    font-size: 16px !important;
    background: #fff !important;
    transition: all .2s ease;
}

.woocommerce-checkout input:focus,
.woocommerce-checkout select:focus,
.woocommerce-checkout textarea:focus {
    border-color: #111827 !important;
    box-shadow: 0 0 0 4px rgba(17,24,39,0.10) !important;
}

/* Quitar opcional del código postal */
#billing_postcode_field .optional {
    display: none !important;
}

#billing_postcode_field label::after {
    content: " *";
    color: #e00000;
    font-weight: 900;
}

/* Orden del pedido */
.woocommerce-checkout-review-order table {
    border-radius: 18px;
    overflow: hidden;
}

.woocommerce-checkout-review-order th,
.woocommerce-checkout-review-order td {
    padding: 14px 10px !important;
}

/* Métodos de pago */
.woocommerce-checkout #payment {
    background: transparent !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    border: none !important;
    padding: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    background: #f3f6fb !important;
    border-radius: 14px !important;
    padding: 15px !important;
    margin-bottom: 10px !important;
    font-weight: 800;
    transition: all .2s ease;
}

.woocommerce-checkout #payment ul.payment_methods li:hover {
    background: #e8eef8 !important;
    transform: translateY(-1px);
}

/* Ocultar logos grandes */
.woocommerce-checkout .payment_box img,
.woocommerce-checkout .payment_methods img,
.woocommerce-checkout #payment img {
    display: none !important;
}

/* Botón finalizar compra */
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
    width: 100%;
    background: linear-gradient(135deg, #111827, #1f2937) !important;
    color: #ffffff !important;
    border-radius: 18px !important;
    padding: 18px 22px !important;
    font-size: 21px !important;
    font-weight: 900 !important;
    letter-spacing: .3px;
    box-shadow: 0 16px 35px rgba(17,24,39,0.30);
    animation: cmPulseCheckout 1.8s infinite;
    transition: all .25s ease;
}

.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 22px 45px rgba(17,24,39,0.42);
    background: linear-gradient(135deg, #000000, #111827) !important;
}

/* Animación del botón */
@keyframes cmPulseCheckout {
    0% {
        box-shadow: 0 0 0 0 rgba(17,24,39,0.35), 0 16px 35px rgba(17,24,39,0.30);
    }
    70% {
        box-shadow: 0 0 0 14px rgba(17,24,39,0), 0 16px 35px rgba(17,24,39,0.30);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(17,24,39,0), 0 16px 35px rgba(17,24,39,0.30);
    }
}

/* Mensajes de error más elegantes */
.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    border-radius: 16px !important;
    padding: 18px 22px !important;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Mobile */
@media (max-width: 900px) {
    .woocommerce-billing-fields,
    .woocommerce-checkout-review-order {
        padding: 20px !important;
        border-radius: 18px;
    }

    .woocommerce-billing-fields h3,
    #order_review_heading {
        font-size: 25px !important;
    }

    .woocommerce #payment #place_order,
    .woocommerce-page #payment #place_order {
        font-size: 18px !important;
        padding: 16px !important;
    }
}
/* =========================================
   CHECKOUT PREMIUM CLICK MARKET - ORO BLANCO
========================================= */

/* Fondo general */
.woocommerce-checkout {
    background: #f8f8f8;
}

/* CONTENEDORES PRINCIPALES */
.woocommerce-billing-fields,
#order_review,
.woocommerce-checkout-review-order,
.payment_box,
.woocommerce-checkout-payment {

    background: #ffffff !important;
    border: 2px solid #d4af37 !important;
    border-radius: 24px !important;
    padding: 30px !important;

    box-shadow:
    0 0 8px rgba(212,175,55,0.25),
    0 0 18px rgba(212,175,55,0.18),
    inset 0 0 12px rgba(255,255,255,0.9);

    position: relative;
    overflow: hidden;
}

/* REFLEJO DORADO */
.woocommerce-billing-fields::before,
#order_review::before,
.woocommerce-checkout-review-order::before {

    content: "";
    position: absolute;
    top: -120%;
    left: -40%;
    width: 60%;
    height: 300%;

    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.7),
        transparent
    );

    transform: rotate(25deg);
    animation: goldshine 7s linear infinite;
}

/* TITULOS */
.woocommerce-billing-fields h3,
#order_review_heading {

    font-size: 34px !important;
    font-weight: 800 !important;
    color: #b8860b !important;
    margin-bottom: 25px !important;
}

/* INPUTS */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {

    border: 2px solid #d4af37 !important;
    border-radius: 16px !important;
    background: #ffffff !important;

    padding: 16px !important;

    font-size: 17px !important;
    font-weight: 600 !important;

    color: #333 !important;

    transition: all 0.3s ease;
}

/* EFECTO INPUT */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {

    border-color: #ffd700 !important;

    box-shadow:
    0 0 12px rgba(255,215,0,0.45),
    0 0 20px rgba(255,215,0,0.25);

    transform: scale(1.01);
}

/* LABELS */
.woocommerce form .form-row label {

    font-size: 18px !important;
    font-weight: 700 !important;
    color: #6d5200 !important;
}

/* TABLA DEL PEDIDO */
.shop_table {

    border-radius: 18px !important;
    overflow: hidden !important;
    border: 2px solid #e6c65c !important;
}

/* METODOS DE PAGO */
.wc_payment_method {

    background: #ffffff !important;

    border: 2px solid #e0c15a !important;
    border-radius: 18px !important;

    padding: 16px !important;
    margin-bottom: 14px !important;

    transition: all 0.3s ease;

    box-shadow: 0 0 10px rgba(212,175,55,0.12);
}

/* HOVER METODOS */
.wc_payment_method:hover {

    transform: translateY(-2px);

    box-shadow:
    0 0 15px rgba(212,175,55,0.28),
    0 0 22px rgba(212,175,55,0.15);
}

/* BOTON FINALIZAR PEDIDO */
#place_order {

    width: 100% !important;

    background: linear-gradient(
        135deg,
        #fff7d1,
        #ffe27a,
        #ffd700,
        #fff0a5
    ) !important;

    color: #7a5200 !important;

    border: none !important;

    border-radius: 20px !important;

    font-size: 26px !important;
    font-weight: 900 !important;

    padding: 22px !important;

    letter-spacing: 1px;

    box-shadow:
    0 0 15px rgba(255,215,0,0.45),
    0 0 35px rgba(255,215,0,0.25);

    transition: all 0.3s ease;

    position: relative;
    overflow: hidden;
}

/* REFLEJO BOTON */
#place_order::before {

    content: "";

    position: absolute;
    top: -120%;
    left: -40%;

    width: 60%;
    height: 300%;

    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.95),
        transparent
    );

    transform: rotate(25deg);

    animation: goldshine 3.5s linear infinite;
}

/* HOVER BOTON */
#place_order:hover {

    transform: translateY(-3px) scale(1.02);

    box-shadow:
    0 0 20px rgba(255,215,0,0.6),
    0 0 45px rgba(255,215,0,0.35);
}

/* TEXTO TOTAL */
.order-total .woocommerce-Price-amount,
.cart-subtotal .woocommerce-Price-amount {

    color: #c99800 !important;
    font-size: 28px !important;
    font-weight: 900 !important;
}

/* CHECKBOX */
input[type="checkbox"] {

    accent-color: #d4af37;
}

/* ANIMACION REFLEJO */
@keyframes goldshine {

    0% {
        left: -60%;
    }

    100% {
        left: 160%;
    }
}

/* VERSION MOVIL */
@media (max-width: 768px) {

    .woocommerce-billing-fields,
    #order_review,
    .woocommerce-checkout-review-order {

        padding: 20px !important;
        border-radius: 20px !important;
    }

    #place_order {

        font-size: 22px !important;
        padding: 18px !important;
    }

    .woocommerce form .form-row input.input-text,
    .woocommerce form .form-row textarea,
    .woocommerce form .form-row select {

        padding: 14px !important;
    }
}
/* =========================================
   FICHAS PREMIUM CLICK MARKET
   COMPACTAS + ORILLA CELESTE PREMIUM
========================================= */

.woocommerce ul.products li.product {

    position: relative;
    overflow: hidden;

    background: #ffffff !important;

    border: 2px solid #67d4ff !important;
    border-radius: 24px !important;

    transition:
    box-shadow .3s ease,
    border-color .3s ease !important;

    box-shadow:
    0 0 6px rgba(103,212,255,0.16),
    0 0 12px rgba(59,130,246,0.08);
}

/* BORDE PREMIUM */
.woocommerce ul.products li.product::before {

    content: "";

    position: absolute;

    inset: -2px;

    border-radius: 24px;

    padding: 2px;

    background:
    linear-gradient(
        135deg,
        #67d4ff,
        #3b82f6,
        #9ee7ff,
        #67d4ff
    );

    z-index: 1;

    pointer-events: none;

    /* SOLO BORDE */
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);

    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

/* DESTELLO SUAVE VIAJERO */
.woocommerce ul.products li.product::after {

    content: "";

    position: absolute;

    top: -50%;
    left: -60%;

    width: 22%;
    height: 220%;

    background: linear-gradient(
        115deg,
        transparent 0%,
        rgba(255,255,255,0.0) 42%,
        rgba(255,255,255,0.35) 50%,
        rgba(186,247,255,0.45) 52%,
        rgba(255,255,255,0.35) 54%,
        rgba(255,255,255,0.0) 65%,
        transparent 100%
    );

    transform: rotate(25deg);

    animation: cmBorderSparkle 4.8s linear infinite;

    pointer-events: none;

    z-index: 3;

    opacity: .45;

    filter:
    blur(1.5px)
    drop-shadow(0 0 3px #9ee7ff)
    drop-shadow(0 0 5px #3b82f6);
}

/* REFLEJO SUAVE EN PRECIO */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .woocommerce-Price-amount {

    text-shadow:
    0 0 4px rgba(103,212,255,0.20),
    0 0 8px rgba(59,130,246,0.08);
}

/* HOVER COMPACTO */
.woocommerce ul.products li.product:hover {

    transform: none !important;

    border-color: #67d4ff !important;

    box-shadow:
    0 0 8px rgba(103,212,255,0.18),
    0 0 16px rgba(59,130,246,0.08);
}

/* EVITAR CAMBIOS DE TAMAÑO */
.woocommerce ul.products li.product,
.woocommerce ul.products li.product * {

    transition:
    box-shadow .3s ease,
    opacity .3s ease,
    border-color .3s ease !important;
}

/* ANIMACION DESTELLO */
@keyframes cmBorderSparkle {

    0% {
        left: -70%;
    }

    100% {
        left: 170%;
    }
}
/* =========================================
   TITULOS PREMIUM PAGINA DE INICIO
   VERSION CENTRADA
========================================= */

/* CONTENEDOR CENTRADO */
.home h1,
.home h2,
.home h3,
.home .elementor-heading-title {

    position: relative;

    display: table !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;

    font-weight: 900 !important;

    letter-spacing: .5px;

    background: linear-gradient(
        90deg,
        #111827,
        #0ea5e9,
        #facc15,
        #38bdf8,
        #111827
    );

    background-size: 300% 300%;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    animation: cmTitleGradient 5s ease infinite;
}

/* LINEA PREMIUM DEBAJO DEL TITULO */
.home h1::after,
.home h2::after,
.home h3::after,
.home .elementor-heading-title::after {

    content: "";

    position: absolute;

    left: 50%;

    bottom: -10px;

    width: 70%;

    height: 4px;

    border-radius: 20px;

    background: linear-gradient(
        90deg,
        #0ea5e9,
        #facc15,
        #38bdf8
    );

    transform: translateX(-50%);

    box-shadow:
        0 0 8px rgba(14,165,233,.45),
        0 0 14px rgba(250,204,21,.35);

    animation: cmTitleLine 2.4s ease-in-out infinite alternate;
}

/* BRILLO SUAVE */
.home h1::before,
.home h2::before,
.home h3::before,
.home .elementor-heading-title::before {

    content: "";

    position: absolute;

    top: -20%;
    left: -40%;

    width: 35%;
    height: 140%;

    background: linear-gradient(
        115deg,
        transparent,
        rgba(255,255,255,.65),
        transparent
    );

    transform: rotate(25deg);

    animation: cmTitleShine 4s linear infinite;
}

/* ANIMACIONES */
@keyframes cmTitleGradient {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes cmTitleLine {

    from {

        width: 45%;
        opacity: .65;
    }

    to {

        width: 85%;
        opacity: 1;
    }
}

@keyframes cmTitleShine {

    0% {
        left: -60%;
    }

    100% {
        left: 130%;
    }
}
.tutorial-btn{
  position:relative;
  overflow:hidden;

  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:16px 34px;
  border-radius:999px;

  /* MANTIENE TAMAÑO */
  font-size:16px;
  font-weight:900;
  letter-spacing:.4px;
  text-decoration:none;

  /* BOTON DORADO */
  background:linear-gradient(
    135deg,
    #b8860b,
    #ffd700,
    #fff1a8,
    #ffd700,
    #b8860b
  );

  background-size:300% 300%;
  animation:
    goldFlow 5s ease infinite,
    goldPulse 1.8s infinite;

  border:2px solid #ffe58a;

  box-shadow:
    0 6px 18px rgba(255,215,0,.35),
    inset 0 1px 0 rgba(255,255,255,.65);

  transition:.18s ease;

  /* LETRAS ROJAS */
  color:#c40000 !important;

  text-shadow:
    0 1px 0 rgba(255,255,255,.25),
    0 0 6px rgba(255,0,0,.15);
}

/* REFLEJO RELUCIENTE */
.tutorial-btn::before{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:50%;
  height:100%;

  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.75),
    transparent
  );

  transform:skewX(-20deg);

  animation:shineMove 3s infinite;
}

/* HOVER */
.tutorial-btn:hover{
  transform:translateY(-2px);

  box-shadow:
    0 10px 24px rgba(255,215,0,.45),
    inset 0 1px 0 rgba(255,255,255,.8);
}

/* CLICK */
.tutorial-btn:active{
  transform:scale(.96);
}

/* MOVIMIENTO DORADO */
@keyframes goldFlow{
  0%{
    background-position:0% 50%;
  }

  50%{
    background-position:100% 50%;
  }

  100%{
    background-position:0% 50%;
  }
}

/* RELUCIENTE */
@keyframes shineMove{
  0%{
    left:-120%;
  }

  100%{
    left:160%;
  }
}

/* PALPITACION SUAVE */
@keyframes goldPulse{
  0%{
    box-shadow:
      0 6px 18px rgba(255,215,0,.35),
      0 0 0 0 rgba(255,215,0,.35);
  }

  70%{
    box-shadow:
      0 6px 18px rgba(255,215,0,.35),
      0 0 0 12px rgba(255,215,0,0);
  }

  100%{
    box-shadow:
      0 6px 18px rgba(255,215,0,.35),
      0 0 0 0 rgba(255,215,0,0);
  }
}
/* ========================================
   OCULTAR HEADER SOLO EN CLICK SERVICES
======================================== */

.page-id-2893 .main-header,
.page-id-2893 .header-wrap,
.page-id-2893 .site-header,
.page-id-2893 .desktop-header,
.page-id-2893 .mobile-header,
.page-id-2893 .header-main,
.page-id-2893 .top-bar,
.page-id-2893 .header-bottom,
.page-id-2893 .header-builder,
.page-id-2893 .masthead {
    display: none !important;
}

/* ELIMINAR ESPACIO SUPERIOR */
.page-id-2893 .site-content,
.page-id-2893 .content-area,
.page-id-2893 .page-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* PAGINA COMPLETA LIMPIA */
.page-id-2893 {
    background: #f5f5f5 !important;
}
/* ARREGLO PESTAÑAS EN TELÉFONO */
@media(max-width:768px){

  .cm-top-tabs{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    gap:12px !important;
    padding:16px 14px !important;
    margin-bottom:20px !important;
    -webkit-overflow-scrolling:touch;
  }

  .cm-top-tabs a{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:max-content !important;
    white-space:nowrap !important;
    writing-mode:horizontal-tb !important;
    text-orientation:mixed !important;
    padding:14px 20px !important;
    font-size:15px !important;
    border-radius:16px !important;
  }

}
/* FLECHAS LATERALES EN TELEFONO */
@media(max-width:768px){

  .cm-top-tabs{
    position:relative;
    padding-left:50px !important;
    padding-right:50px !important;
  }

  /* EFECTO DESLIZABLE */
  .cm-top-tabs::-webkit-scrollbar{
    display:none;
  }

  /* SOMBRA LATERAL */
  .cm-top-tabs::before,
  .cm-top-tabs::after{
    content:'';
    position:absolute;
    top:0;
    width:40px;
    height:100%;
    z-index:2;
    pointer-events:none;
  }

  .cm-top-tabs::before{
    left:0;
    background:linear-gradient(to right,#f5f5f5,transparent);
  }

  .cm-top-tabs::after{
    right:0;
    background:linear-gradient(to left,#f5f5f5,transparent);
  }

}
/* ARREGLO FINAL PESTAÑAS MÓVIL */
@media(max-width:768px){

  .cm-top-tabs{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:hidden !important;
    gap:14px !important;
    width:100% !important;
    max-width:100% !important;
    padding:14px 16px !important;
    margin:0 auto 24px !important;
    justify-content:flex-start !important;
  }

  .cm-top-tabs::before,
  .cm-top-tabs::after{
    display:none !important;
    content:none !important;
  }

  .cm-top-tabs a{
    flex:0 0 calc(50% - 8px) !important;
    max-width:calc(50% - 8px) !important;
    min-width:calc(50% - 8px) !important;
    height:68px !important;
    padding:0 12px !important;
    white-space:normal !important;
    text-align:center !important;
    line-height:1.2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    font-size:15px !important;
    border-radius:20px !important;
  }

}
/* =========================
   BUSCADOR RESPONSIVE
========================= */

.cm-services-search{
    max-width:900px;
    width:100%;
    margin:35px auto 0 auto;
}

/* INPUT */
.cm-services-search input{
    flex:1;
    min-width:0;
}

/* BOTON */
.cm-services-search button{
    width:320px;
    max-width:40%;
}

/* =========================
   PC / LAPTOP
========================= */

@media(min-width:1024px){

    .cm-services-wrap{
        max-width:1200px;
        margin:auto;
    }

    .cm-services-search{
        max-width:760px;
    }

    .cm-services-search input{
        height:72px;
        font-size:26px;
        padding:0 28px;
    }

    .cm-services-search button{
        height:60px;
        font-size:24px;
        border-radius:40px;
    }

}

/* =========================
   TELEFONO
========================= */

@media(max-width:768px){

    .cm-services-search{
        max-width:100%;
    }

    .cm-services-search button{
        width:100%;
        max-width:100%;
    }

}
html,
body{
  margin:0 !important;
  padding:0 !important;
  overflow-x:hidden !important;
  background:#020611 !important;
  font-family:Arial,sans-serif;
}

/* =========================================
   SOLO OCULTAR HEADER EN PAGINA DRONE
========================================= */

.page-id-2893 header,
.page-id-2893 .site-header,
.page-id-2893 .main-header,
.page-id-2893 .header-main,
.page-id-2893 .header-wrapper,
.page-id-2893 .desktop-header,
.page-id-2893 .mobile-header,
.page-id-2893 #masthead,
.page-id-2893 .whb-header,
.page-id-2893 .wd-header,
.page-id-2893 .woodmart-header,
.page-id-2893 .elementor-location-header,
.page-id-2893 footer,
.page-id-2893 .site-footer{
  display:none !important;
}

.site,
.site-content,
.content-area,
.entry-content,
.wp-block-post-content,
.site-main,
main,
#content,
#primary,
.ast-container,
.wp-site-blocks{
  margin:0 !important;
  padding:0 !important;
  max-width:100% !important;
  width:100% !important;
  overflow-x:hidden !important;
}

.drone-service-page{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:#020611;
  overflow:hidden !important;
}

.drone-hero{
  position:relative;
  width:100%;
  height:100vh;
  min-height:720px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

.drone-hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  filter:saturate(1.35) contrast(1.12) brightness(.80);
  transform:scale(1.03);
}

.drone-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom,rgba(0,0,0,.30),rgba(0,0,0,.45),rgba(0,0,0,.78));
  z-index:1;
}

.drone-hero-content{
  position:relative;
  z-index:2;
  width:100%;
  max-width:950px;
  padding:0 24px;
  text-align:center;
  margin-top:-80px;
}

.drone-brand{
  color:#fff;
  font-size:13px;
  letter-spacing:9px;
  font-weight:800;
  margin-bottom:24px;
}

.drone-hero-content h1{
  color:#fff;
  font-size:64px;
  line-height:1.05;
  font-weight:300;
  letter-spacing:5px;
  margin:0 0 24px;
  text-transform:uppercase;
}

.drone-subtitle{
  color:#fff;
  font-size:24px;
  font-weight:300;
  margin:0 0 42px;
}

.drone-hero-buttons{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
}

.drone-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:205px;
  height:60px;
  padding:0 35px;
  border-radius:999px;
  text-decoration:none;
  font-size:18px;
  font-weight:800;
  transition:.3s ease;
}

.drone-btn-outline{
  color:#fff;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
}

.drone-btn-white{
  background:#fff;
  color:#000;
}

.drone-btn:hover{
  transform:translateY(-4px);
}

.drone-info-section{
  padding:120px 7%;
  background:#050b17;
}

.drone-section-label{
  color:#d4af37;
  letter-spacing:7px;
  font-size:13px;
  font-weight:800;
  text-align:center;
  margin-bottom:20px;
}

.drone-info-section h2,
.drone-use-section h2{
  color:#fff;
  font-size:52px;
  font-weight:300;
  text-align:center;
  margin:0 0 70px;
}

.drone-services-grid,
.drone-use-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:28px;
}

.drone-service-card{
  background:linear-gradient(145deg,#07101f,#0d1830);
  border:1px solid rgba(255,255,255,.07);
  padding:40px;
  border-radius:28px;
  transition:.3s ease;
}

.drone-service-card:hover{
  transform:translateY(-8px);
  border-color:rgba(255,255,255,.15);
}

.drone-service-card h3{
  color:#fff;
  font-size:25px;
  margin:0 0 18px;
}

.drone-service-card p{
  color:#b8c1d1;
  line-height:1.7;
  font-size:17px;
  margin:0;
}

.drone-guatemala-section{
  background:#020611;
  padding:70px 20px;
  text-align:center;
}

.drone-guatemala{
  color:#ff2b2b;
  font-size:28px;
  font-weight:900;
  letter-spacing:5px;
  text-transform:uppercase;
  text-shadow:0 0 8px rgba(255,0,0,.9),0 0 18px rgba(255,0,0,.8),0 0 35px rgba(255,0,0,.7);
  animation:redGlow 2s infinite alternate;
}

@keyframes redGlow{
  from{ text-shadow:0 0 8px rgba(255,0,0,.6); }
  to{ text-shadow:0 0 14px rgba(255,0,0,1),0 0 35px rgba(255,0,0,.9),0 0 60px rgba(255,0,0,.8); }
}

.drone-use-section{
  padding:120px 5%;
  background:#020611;
}

.drone-use-card{
  position:relative;
  height:260px;
  border-radius:28px;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding-bottom:30px;
  background-size:cover;
  background-position:center;
  transition:.4s ease;
}

.drone-use-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.10));
}

.drone-use-card:hover{
  transform:scale(1.03);
}

.drone-use-card span{
  position:relative;
  z-index:2;
  color:#fff;
  font-size:27px;
  font-weight:900;
}

.tiktok{background-image:url('https://images.unsplash.com/photo-1516280440614-37939bbacd81?q=80&w=1200&auto=format&fit=crop');}
.eventos{background-image:url('https://images.unsplash.com/photo-1492684223066-81342ee5ff30?q=80&w=1200&auto=format&fit=crop');}
.inmobiliaria{background-image:url('https://images.unsplash.com/photo-1560518883-ce09059eeffa?q=80&w=1200&auto=format&fit=crop');}
.construccion{background-image:url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?q=80&w=1200&auto=format&fit=crop');}
.turismo{background-image:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?q=80&w=1200&auto=format&fit=crop');}
.produccion{background-image:url('https://images.unsplash.com/photo-1492691527719-9d1e07e534b4?q=80&w=1200&auto=format&fit=crop');}

.drone-final-cta{
  background:#050b17;
  padding:90px 7%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  flex-wrap:wrap;
}

.drone-final-cta h2{
  color:#fff;
  font-size:46px;
  margin:0 0 14px;
}

.drone-final-cta p{
  color:#b8c1d1;
  font-size:20px;
  margin:0;
}

@media(max-width:768px){

  .drone-hero{
    height:100svh !important;
    min-height:620px !important;
    background:#000 !important;
  }

  .drone-hero-video{
    object-fit:cover !important;
    object-position:center center !important;
    transform:none !important;
  }

  .drone-hero-content{
    margin-top:0 !important;
    padding:0 28px !important;
    max-width:100% !important;
  }

  .drone-brand{
    font-size:10px !important;
    letter-spacing:6px !important;
    margin-bottom:18px !important;
  }

  .drone-hero-content h1{
    font-size:34px !important;
    line-height:1.05 !important;
    letter-spacing:4px !important;
    margin-bottom:18px !important;
  }

  .drone-subtitle{
    font-size:17px !important;
    line-height:1.45 !important;
    margin-bottom:26px !important;
  }

  .drone-hero-buttons{
    flex-direction:row !important;
    gap:10px !important;
    justify-content:center !important;
  }

  .drone-btn{
    min-width:auto !important;
    width:46% !important;
    height:48px !important;
    padding:0 10px !important;
    font-size:14px !important;
    border-radius:999px !important;
  }

  .drone-info-section h2,
  .drone-use-section h2,
  .drone-final-cta h2{
    font-size:34px;
  }

  .drone-guatemala{
    font-size:20px;
    letter-spacing:2px;
  }

  .drone-final-cta{
    text-align:center;
    justify-content:center;
  }

}
/* =========================================
   OCULTAR HEADER SOLO EN PAGINA DRONE
========================================= */

.page-id-2932 header,
.page-id-2932 .site-header,
.page-id-2932 #masthead,
.page-id-2932 .ast-primary-header-bar,
.page-id-2932 .main-header-bar{
    display:none !important;
}

/* ELIMINAR ESPACIO SUPERIOR */

.page-id-2932 .site-content{
    margin-top:0 !important;
    padding-top:0 !important;
}

.page-id-2932 .entry-content{
    margin-top:0 !important;
    padding-top:0 !important;
}
@media(max-width:768px){

    .drone-hero-content h1{
        text-align:center !important;
        line-height:1.05 !important;
        letter-spacing:1px !important;
    }

}
/* =========================================
   PAGINA RENTA EQUIPO INDUSTRIAL
   ID: 2999
========================================= */

.page-id-2999 header,
.page-id-2999 .site-header,
.page-id-2999 #masthead,
.page-id-2999 .ast-primary-header-bar,
.page-id-2999 .main-header-bar,
.page-id-2999 footer,
.page-id-2999 .site-footer{
    display:none !important;
}

.page-id-2999 .site,
.page-id-2999 .site-content,
.page-id-2999 .content-area,
.page-id-2999 .entry-content,
.page-id-2999 .wp-block-post-content,
.page-id-2999 .site-main,
.page-id-2999 main,
.page-id-2999 #content,
.page-id-2999 #primary,
.page-id-2999 .ast-container,
.page-id-2999 .wp-site-blocks{
    margin:0 !important;
    padding:0 !important;
    max-width:none !important;
    width:100% !important;
    overflow-x:hidden !important;
}

/* HERO */

.tools-hero-page{
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    min-height:100vh;
    background:
        radial-gradient(circle at 88% 8%, rgba(250,204,21,.16), transparent 30%),
        linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
    display:flex;
    justify-content:center;
    align-items:flex-start;
    padding:35px 70px 55px;
    box-sizing:border-box;
    overflow:hidden;
}

.tools-hero-content{
    width:100%;
    max-width:1450px;
    margin:0 auto;
    text-align:center;
    box-sizing:border-box;
}

/* TITULO */

.tools-metal-title{
    width:100%;
    max-width:1050px;
    margin:0 auto 32px;
    text-align:center;
    font-size:76px;
    line-height:.9;
    font-weight:1000;
    letter-spacing:2px;
    text-transform:uppercase;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #e5e7eb 14%,
        #b7bcc5 30%,
        #737985 48%,
        #f5f5f5 62%,
        #8b9099 82%,
        #d1d5db 100%
    );

    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke:1px rgba(17,24,39,.35);

    text-shadow:
        0 2px 0 rgba(255,255,255,.85),
        0 8px 12px rgba(0,0,0,.16),
        0 18px 28px rgba(0,0,0,.14);
}

.tools-subtitle{
    font-size:28px;
    color:#4b5563;
    margin:0 0 34px;
}

/* BOTONES */

.tools-buttons{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:22px;
    flex-wrap:wrap;
    margin-bottom:46px;
}

.tools-btn{
    text-decoration:none;
    min-width:195px;
    padding:18px 44px;
    border-radius:20px;
    font-size:20px;
    font-weight:900;
    transition:.3s ease;
    box-sizing:border-box;
}

.tools-btn-dark{
    background:#111827;
    color:#ffffff;
}

.tools-btn-yellow{
    background:#facc15;
    color:#111827;
}

.tools-btn:hover{
    transform:translateY(-4px);
}

/* LOGOS */

.tools-brand-shortcuts{
    width:100%;
    max-width:1250px;
    margin:0 auto 42px;
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:22px;
    box-sizing:border-box;
}

.tools-brand-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-width:0;
}

.tools-brand-circle{
    width:112px;
    height:112px;
    background:#ffffff;
    border-radius:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    box-shadow:0 16px 38px rgba(0,0,0,.09);
    border:1px solid #eef0f3;
    box-sizing:border-box;
    transition:.3s ease;
}

.tools-brand-circle:hover{
    transform:translateY(-6px);
    box-shadow:0 22px 46px rgba(0,0,0,.14);
}

.tools-brand-circle img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}

.tools-brand-item span{
    font-size:16px;
    font-weight:800;
    color:#111827;
    text-align:center;
}

/* PILDORAS */

.tools-info-pills{
    display:flex;
    justify-content:center;
    gap:18px;
    flex-wrap:wrap;
}

.tools-info-pills span{
    background:#111827;
    color:#facc15;
    padding:15px 30px;
    border-radius:100px;
    font-weight:900;
    font-size:17px;
}

/* MOBILE */

@media(max-width:768px){

    .tools-hero-page{
        width:100% !important;
        margin-left:0 !important;
        min-height:auto;
        padding:42px 18px 50px;
    }

    .tools-metal-title{
        font-size:38px;
        line-height:1;
        letter-spacing:1px;
        max-width:100%;
        margin-bottom:24px;
    }

    .tools-subtitle{
        font-size:18px;
        line-height:1.4;
        margin-bottom:26px;
    }

    .tools-buttons{
        flex-direction:column;
        gap:15px;
        margin-bottom:34px;
    }

    .tools-btn{
        width:100%;
        max-width:300px;
        font-size:17px;
        padding:15px 24px;
    }

    .tools-brand-shortcuts{
        grid-template-columns:repeat(2,1fr);
        gap:18px;
        margin-bottom:34px;
    }

    .tools-brand-circle{
        width:92px;
        height:92px;
        border-radius:24px;
        padding:16px;
    }

    .tools-brand-item span{
        font-size:13px;
    }

    .tools-info-pills{
        gap:12px;
    }

    .tools-info-pills span{
        width:100%;
        max-width:300px;
        font-size:14px;
        text-align:center;
    }
}
/* CENTRAR TITULO REALMENTE */

.page-id-2999 .tools-metal-title{
    display:block !important;
    width:max-content !important;
    max-width:92vw !important;

    margin-left:50% !important;
    margin-right:0 !important;
    transform:translateX(-50%) !important;

    text-align:center !important;
}

@media(max-width:768px){
    .page-id-2999 .tools-metal-title{
        width:100% !important;
        max-width:100% !important;
        margin-left:auto !important;
        margin-right:auto !important;
        transform:none !important;
    }
}
/* =========================================
   QUITAR MARCOS LATERALES SIN ROMPER DISEÑO
========================================= */

.page-id-2999{
    background:#ffffff !important;
}

.page-id-2999 body,
.page-id-2999 .site,
.page-id-2999 .wp-site-blocks,
.page-id-2999 #wrapper,
.page-id-2999 #inner-wrap,
.page-id-2999 main,
.page-id-2999 #primary,
.page-id-2999 .content-area{
    background:#ffffff !important;
}

.page-id-2999 .tools-hero-page{
    background:
        radial-gradient(circle at 88% 8%, rgba(250,204,21,.16), transparent 30%),
        linear-gradient(180deg,#ffffff 0%,#f8fafc 100%) !important;
}
/* =========================================
   FULL WIDTH SIN DESPLAZAR CONTENIDO
========================================= */

.page-id-2999,
.page-id-2999 body,
.page-id-2999 .site,
.page-id-2999 .wp-site-blocks,
.page-id-2999 #wrapper,
.page-id-2999 #inner-wrap,
.page-id-2999 main,
.page-id-2999 #primary,
.page-id-2999 .content-area,
.page-id-2999 .entry-content{
    background:#ffffff !important;
    margin:0 !important;
    padding:0 !important;
    max-width:100% !important;
    width:100% !important;
    overflow-x:hidden !important;
}

.page-id-2999 .tools-hero-page{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding-left:20px !important;
    padding-right:20px !important;
    box-sizing:border-box !important;
}

.page-id-2999 .tools-hero-content{
    max-width:1200px !important;
    width:100% !important;
    margin:0 auto !important;
}
/* ===== BANNER INDUSTRIAL ===== */

.tools-banner-section{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:-90px;
    margin-bottom:40px;
}

.tools-industrial-banner{
    width:100%;
    max-width:1700px;
    border-radius:28px;
    display:block;
    box-shadow:
        0 25px 60px rgba(0,0,0,.18),
        0 8px 25px rgba(0,0,0,.12);
}
/* =========================================
   BOTONES DE CATEGORIAS
========================================= */

.tools-category-nav{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:18px;
    margin-top:35px;
    margin-bottom:50px;
}

.tools-category-btn{
    background:#0b1128;
    color:#f7d548 !important;
    text-decoration:none !important;
    padding:16px 28px;
    border-radius:18px;
    font-size:17px;
    font-weight:800;
    letter-spacing:.3px;
    transition:.25s ease;
    box-shadow:
        0 8px 25px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.06);
}

.tools-category-btn:hover{
    transform:translateY(-4px);
    background:#11193a;
    color:#fff !important;
    box-shadow:
        0 12px 30px rgba(0,0,0,.28),
        0 0 18px rgba(247,213,72,.22);
}

/* MOBILE */

@media(max-width:768px){

    .tools-category-nav{
        gap:12px;
    }

    .tools-category-btn{
        width:90%;
        text-align:center;
        font-size:16px;
        padding:15px 20px;
    }

}
.tools-brand-item{
    text-decoration:none !important;
    color:#0b1128 !important;
    transition:.25s ease;
}

.tools-brand-item:hover{
    transform:translateY(-6px);
}
/* FONDO BLANCO GENERAL PARA TODA LA TIENDA */
body:not(.page-id-ID_DEL_DRON),
body:not(.page-id-ID_DEL_DRON) #page,
body:not(.page-id-ID_DEL_DRON) .site,
body:not(.page-id-ID_DEL_DRON) .site-content,
body:not(.page-id-ID_DEL_DRON) .content-area,
body:not(.page-id-ID_DEL_DRON) .woocommerce,
body:not(.page-id-ID_DEL_DRON) .products,
body:not(.page-id-ID_DEL_DRON) .wcfmmp-store-page,
body:not(.page-id-ID_DEL_DRON) .wcfmmp-store {
    background: #ffffff !important;
}

/* TARJETAS DE PRODUCTOS EN BLANCO */
body:not(.page-id-ID_DEL_DRON) ul.products li.product,
body:not(.page-id-ID_DEL_DRON) .product,
body:not(.page-id-ID_DEL_DRON) .wcfmmp-single-product {
    background: #ffffff !important;
}

/* TEXTO NORMAL EN NEGRO */
body:not(.page-id-ID_DEL_DRON) .woocommerce,
body:not(.page-id-ID_DEL_DRON) .woocommerce * {
    color: #111111;
}
/* =========================
   OCULTAR MIGAS DE PAN
========================= */

.single-product .woocommerce-breadcrumb,
.single-product nav.woocommerce-breadcrumb,
.single-product .rank-math-breadcrumb,
.single-product .yoast-breadcrumb,
.single-product .breadcrumbs,
.single-product .ast-breadcrumbs-wrapper{
    display:none !important;
}
/* OCULTAR RUTA / MIGAS EN PÁGINA DE PRODUCTO - FUERTE */

.single-product .entry-header,
.single-product .page-title,
.single-product .ast-woocommerce-container > nav,
.single-product .ast-container > nav,
.single-product .woocommerce-notices-wrapper + nav,
.single-product .product_meta,
.single-product .storefront-breadcrumb,
.single-product .woocommerce-products-header {
    display: none !important;
}
/* =========================
   FIX KADENCE BREADCRUMBS
========================= */

.kadence-breadcrumb-container{
    position: relative !important;
    top: 25px !important;
    z-index: 999 !important;

    display: block !important;
    overflow: visible !important;

    margin-bottom: 35px !important;
    padding-left: 20px !important;
}

.kadence-breadcrumbs{
    display: flex !important;
    flex-wrap: wrap !important;

    white-space: normal !important;
    overflow: visible !important;

    font-size: 14px !important;
    line-height: 1.8 !important;

    background: #fff !important;

    padding: 10px 15px !important;
    border-radius: 10px !important;

    box-shadow: 0 3px 10px rgba(0,0,0,.08) !important;
}
/* OCULTAR SOLO "TIENDA" EN LAS MIGAS */

.kadence-breadcrumbs a[href*="/tienda"]{
    display:none !important;
}

/* OCULTAR EL "/" QUE QUEDA DESPUES */
.kadence-breadcrumbs a[href*="/tienda"] + span.separator{
    display:none !important;
}
/* CENTRAR TEXTO DE AÑADIR AL CARRITO */

.single-product .single_add_to_cart_button,
.single-product button.single_add_to_cart_button,
.single-product .add_to_cart_button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
    line-height: 1 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/* CENTRAR BOTÓN ELIMINAR EN CARRITO BLOCK */

.wc-block-cart-item__quantity{
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.wc-block-cart-item__remove-link{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;
    position: relative !important;
    top: 0 !important;
}

/* Centrar el ícono interno */
.wc-block-cart-item__remove-link svg,
.wc-block-cart-item__remove-link i,
.wc-block-cart-item__remove-link::before{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* =========================================
OCULTAR HEADER SOLO EN PRODUCTOS DE RENTA
========================================= */

.single-product.product_cat-renta-de-herramientas header,
.single-product.product_cat-renta-de-herramientas .site-header,
.single-product.product_cat-renta-de-herramientas .main-header-bar,
.single-product.product_cat-renta-de-herramientas #masthead,
.single-product.product_cat-renta-de-herramientas .ast-mobile-header-wrap,
.single-product.product_cat-renta-de-herramientas .ast-primary-header-bar,
.single-product.product_cat-renta-de-herramientas .woocommerce-breadcrumb,
.single-product.product_cat-renta-de-herramientas nav.woocommerce-breadcrumb {
    display: none !important;
}

/* QUITAR ESPACIO SUPERIOR */
.single-product.product_cat-renta-de-herramientas .site-content,
.single-product.product_cat-renta-de-herramientas #content,
.single-product.product_cat-renta-de-herramientas .content-area {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* OCULTAR HEADER Y MIGAS SOLO EN PRODUCTOS DE RENTA */
.single-product .site-header,
.single-product #masthead,
.single-product header.site-header,
.single-product .woocommerce-breadcrumb,
.single-product nav.woocommerce-breadcrumb,
.single-product .rank-math-breadcrumb,
.single-product .ast-breadcrumbs{
    display:none !important;
}

/* QUITAR ESPACIO SUPERIOR */
.single-product #content,
.single-product .site-content,
.single-product .content-area,
.single-product #primary{
    margin-top:0 !important;
    padding-top:0 !important;
}
/* =========================================
OCULTAR MIGAS DE PAN EN PRODUCTOS
========================================= */

.single-product [class*="breadcrumb"],
.single-product [id*="breadcrumb"],
.single-product .woocommerce-breadcrumb,
.single-product nav.woocommerce-breadcrumb,
.single-product .ast-breadcrumbs,
.single-product .rank-math-breadcrumb,
.single-product .breadcrumbs{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}

/* =========================================
AJUSTE DEL CONTENIDO DEL PRODUCTO
========================================= */

.single-product div.product{
    margin-top:40px !important;
}
/* =========================================
OCULTAR ENCABEZADO SOLO EN PÁGINAS DE MARCAS
========================================= */

.tax-product_brand header,
.tax-product_brand .site-header,
.tax-product_brand #masthead,
.tax-product_brand .main-header-bar,
.tax-product_brand .ast-primary-header-bar,
.tax-product_brand .ast-mobile-header-wrap,
.tax-product_brand .dgwt-wcas-search-wrapp,
.tax-product_brand .woocommerce-ordering,
.tax-product_brand .woocommerce-result-count {
    display: none !important;
}

/* QUITAR ESPACIOS SUPERIORES */
.tax-product_brand .site-content,
.tax-product_brand #content,
.tax-product_brand .content-area,
.tax-product_brand #primary {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* =========================================
FICHAS DE PRODUCTOS CON ORILLA DORADA PREMIUM
Mismo estilo visual que finalizar compra
========================================= */

.woocommerce ul.products li.product,
.products li.product,
.wpsf-product {
    background: #ffffff !important;
    border: 2px solid #d4af37 !important;
    border-radius: 24px !important;
    box-shadow:
        0 0 0 1px rgba(212,175,55,0.25),
        0 8px 22px rgba(212,175,55,0.18) !important;
    overflow: hidden !important;
    transition: all 0.28s ease !important;
}

/* Efecto al pasar el mouse */
.woocommerce ul.products li.product:hover,
.products li.product:hover,
.wpsf-product:hover {
    transform: translateY(-6px) scale(1.01) !important;
    border-color: #b88a1e !important;
    box-shadow:
        0 0 0 2px rgba(212,175,55,0.35),
        0 16px 35px rgba(212,175,55,0.28) !important;
}

/* Imagen limpia dentro de la ficha */
.woocommerce ul.products li.product img,
.products li.product img,
.wpsf-product img {
    border-radius: 14px !important;
    background: transparent !important;
}

/* Título más fuerte */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.products li.product .woocommerce-loop-product__title,
.wpsf-product-title {
    color: #111827 !important;
    font-weight: 700 !important;
}

/* Botón amarillo/dorado */
.woocommerce ul.products li.product .button,
.products li.product .button,
.wpsf-product .button {
    background: linear-gradient(135deg, #f4d03f, #d4af37) !important;
    color: #111111 !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    box-shadow: 0 6px 14px rgba(212,175,55,0.35) !important;
}
/* =========================================
ELIMINAR AURA / BRILLO CELESTE DE FICHAS
========================================= */

.woocommerce ul.products li.product,
.products li.product,
.wpsf-product{

    box-shadow:
        0 0 0 1px rgba(212,175,55,0.22),
        0 8px 20px rgba(212,175,55,0.16) !important;

}

/* HOVER SIN AZUL */
.woocommerce ul.products li.product:hover,
.products li.product:hover,
.wpsf-product:hover{

    box-shadow:
        0 0 0 2px rgba(212,175,55,0.32),
        0 14px 30px rgba(212,175,55,0.24) !important;

}
/* =========================================
ELIMINAR AURA CELESTE DEFINITIVA EN FICHAS
========================================= */

.woocommerce ul.products li.product,
.products li.product,
.wpsf-product {
    background: #ffffff !important;
    background-image: none !important;
}

/* Quitar brillos internos o capas decorativas */
.woocommerce ul.products li.product::before,
.woocommerce ul.products li.product::after,
.products li.product::before,
.products li.product::after,
.wpsf-product::before,
.wpsf-product::after {
    display: none !important;
    content: none !important;
    background: none !important;
    box-shadow: none !important;
}

/* Quitar aura en imágenes */
.woocommerce ul.products li.product img,
.products li.product img,
.wpsf-product img {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
}
/* FORZAR BOTÓN COTIZAR VERDE SOLO EN RENTA DE HERRAMIENTAS */
body.page-id-2999 .woocommerce ul.products li.product a.button.cm-cotizar-btn,
body.page-id-2999 .products li.product a.button.cm-cotizar-btn,
body.tax-product_brand .woocommerce ul.products li.product a.button.cm-cotizar-btn,
body.tax-product_brand .products li.product a.button.cm-cotizar-btn,
body.single-product a.button.cm-cotizar-btn,
body.single-product .cm-cotizar-btn {
    background: #25D366 !important;
    background-color: #25D366 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
    box-shadow: 0 8px 18px rgba(37,211,102,.35) !important;
}

/* HOVER VERDE OSCURO */
body.page-id-2999 .woocommerce ul.products li.product a.button.cm-cotizar-btn:hover,
body.page-id-2999 .products li.product a.button.cm-cotizar-btn:hover,
body.tax-product_brand .woocommerce ul.products li.product a.button.cm-cotizar-btn:hover,
body.tax-product_brand .products li.product a.button.cm-cotizar-btn:hover,
body.single-product a.button.cm-cotizar-btn:hover,
body.single-product .cm-cotizar-btn:hover {
    background: #1ebe5d !important;
    background-color: #1ebe5d !important;
    background-image: none !important;
    color: #ffffff !important;
}

/* ELIMINAR CUALQUIER ICONO */
.cm-cotizar-btn::before,
.cm-cotizar-btn::after {
    display: none !important;
    content: none !important;
}
/* CENTRAR TEXO DEL BOTON */
.cm-cotizar-btn,
.cm-cotizar-single{
    text-align:center !important;
    justify-content:center !important;
}
/* CENTRAR BOTON COTIZAR EN TELEFONO */
@media (max-width:768px){

    .cm-cotizar-btn{
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;

        width:80% !important;
        margin:18px auto 0 auto !important;

        text-align:center !important;
    }

    .product-action-wrap{
        display:flex !important;
        justify-content:center !important;
    }

}
/* =========================================
   OCULTAR INFO EXTRA SOLO EN RENTA HERRAMIENTAS
========================================= */

.term-renta-de-herramientas .single-product-extras,
.term-renta-de-herramientas .single-product-payments,
.term-renta-de-herramientas fieldset.single-product-payments,
.term-renta-de-herramientas .entry-summary ul,
.postid-2999 .single-product-extras,
.postid-2999 .single-product-payments,
.single-product.product_cat-renta-de-herramientas .single-product-extras,
.single-product.product_cat-renta-de-herramientas .single-product-payments,
.single-product.product_cat-renta-de-herramientas fieldset,
.single-product.product_cat-renta-de-herramientas ul{
    display:none !important;
}
/* =========================
   PLAYERAS FULLSCREEN
   PAGINA 3393
========================= */

body.page-id-3345{
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
    background:#000 !important;
}

/* OCULTAR HEADER */
body.page-id-3345 header,
body.page-id-3345 #masthead,
body.page-id-3345 .site-header,
body.page-id-3345 .entry-hero,
body.page-id-3345 .page-header{
    display:none !important;
}

/* ELIMINAR CONTENEDORES */
body.page-id-3345 #wrapper,
body.page-id-3345 #page,
body.page-id-3345 .site,
body.page-id-3345 .site-content,
body.page-id-3345 .wp-site-blocks,
body.page-id-3345 #content,
body.page-id-3345 #primary,
body.page-id-3345 .content-area,
body.page-id-3345 main,
body.page-id-3345 article,
body.page-id-3345 .entry-content,
body.page-id-3345 .inside-article,
body.page-id-3345 .wp-block-html{

    margin:0 !important;
    padding:0 !important;

    width:100% !important;
    max-width:100% !important;
}

/* EXPANDIR BANNER */
body.page-id-3345 .dtf-hero{

    width:100vw !important;
    min-height:100vh !important;

    margin:0 !important;

    position:relative !important;

    left:50% !important;

    transform:translateX(-50%) !important;

    border-radius:0 !important;

    background-size:cover !important;
    background-position:center center !important;
}

/* CENTRAR TEXTO */
body.page-id-3345 .dtf-content{

    width:100% !important;
    max-width:1200px !important;

    margin:0 auto !important;

    text-align:center !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}

/* MOBILE */
@media(max-width:768px){

body.page-id-3345 .dtf-hero{
    min-height:100svh !important;
}

}
/* FONDO FULLSCREEN REAL SOLO PAGINA 3345 */
body.page-id-3345 {
  background-image: url("https://clicksmarket.shop/wp-content/uploads/2026/05/ChatGPT-Image-24-may-2026-07_28_40-p.m.png") !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-color: #000 !important;
}

/* HACER TRANSPARENTES LOS CONTENEDORES BLANCOS */
body.page-id-3345 #wrapper,
body.page-id-3345 #page,
body.page-id-3345 .site,
body.page-id-3345 .wp-site-blocks,
body.page-id-3345 #inner-wrap,
body.page-id-3345 #primary,
body.page-id-3345 .content-area,
body.page-id-3345 main,
body.page-id-3345 article,
body.page-id-3345 .entry-content,
body.page-id-3345 .wp-block-html {
  background: transparent !important;
}

/* QUITAR FONDO DEL HERO PARA QUE USE EL FONDO GENERAL */
body.page-id-3345 .dtf-hero {
  background-image: none !important;
  background: transparent !important;
  width: 100% !important;
  min-height: 100vh !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* AJUSTAR TEXTO PARA QUE NO SE CORTE */
body.page-id-3345 .dtf-content h1 {
  font-size: clamp(48px, 6vw, 92px) !important;
  line-height: .9 !important;
}

/* BOTON MAS LIMPIO */
body.page-id-3345 .dtf-fire-btn {
  font-size: clamp(22px, 2.5vw, 34px) !important;
  max-width: 760px !important;
}
/* ELIMINAR SOMBRA LATERAL */
body.page-id-3345 .dtf-overlay{
    background: rgba(0,0,0,.45) !important;
}

/* QUITAR CUALQUIER SOMBRA/GRADIENTE EXTRA */
body.page-id-3345 .dtf-hero::before,
body.page-id-3345 .dtf-hero::after{
    display:none !important;
    content:none !important;
    background:none !important;
    box-shadow:none !important;
}
/* QUITAR FRANJAS OSCURAS DEL HERO */
body.page-id-3345 .dtf-hero {
  background: transparent !important;
  box-shadow: none !important;
}

/* QUITAR OVERLAY OSCURO COMPLETO */
body.page-id-3345 .dtf-overlay {
  display: none !important;
}
/* ====================================
   PAGINA ELEGIR PRENDA FULLSCREEN
   ID 3393
==================================== */

body.page-id-3393{
    margin:0 !important;
    padding:0 !important;
    overflow-x:hidden !important;
    background:#000 !important;
}

/* OCULTAR HEADER */
body.page-id-3393 header,
body.page-id-3393 #masthead,
body.page-id-3393 .site-header,
body.page-id-3393 .entry-hero,
body.page-id-3393 .page-header{
    display:none !important;
}

/* QUITAR ESPACIOS DEL TEMA */
body.page-id-3393 #wrapper,
body.page-id-3393 #page,
body.page-id-3393 .site,
body.page-id-3393 .wp-site-blocks,
body.page-id-3393 #inner-wrap,
body.page-id-3393 #content,
body.page-id-3393 #primary,
body.page-id-3393 .content-area,
body.page-id-3393 main,
body.page-id-3393 article,
body.page-id-3393 .entry-content,
body.page-id-3393 .wp-block-html{
    margin:0 !important;
    padding:0 !important;
    background:#000 !important;
    max-width:100% !important;
    width:100% !important;
}

/* SECCION ELEGIR PRENDA FULLSCREEN */
body.page-id-3393 .elige-prenda{
    width:100vw !important;
    min-height:100vh !important;
    margin:0 !important;
    padding:80px 20px !important;

    position:relative !important;
    left:50% !important;
    transform:translateX(-50%) !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;

    background:#050505 !important;
}

/* TITULO */
body.page-id-3393 .elige-prenda h2{
    color:#fff !important;
    text-align:center !important;
}

/* TARJETAS */
body.page-id-3393 .prenda-opciones{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:35px !important;
    flex-wrap:wrap !important;
}

body.page-id-3393 .prenda-card{
    color:#fff !important;
    text-align:center !important;
}

/* MOBILE */
@media(max-width:768px){
    body.page-id-3393 .elige-prenda{
        min-height:100svh !important;
        padding:60px 16px !important;
    }
}
/* EXPANDIR FONDO NEGRO A TODA LA PANTALLA - PAGINA 3410 */
body.page-id-3410 {
  background: #050505 !important;
}

body.page-id-3410 #wrapper,
body.page-id-3410 #page,
body.page-id-3410 .site,
body.page-id-3410 .wp-site-blocks,
body.page-id-3410 #inner-wrap,
body.page-id-3410 #content,
body.page-id-3410 #primary,
body.page-id-3410 .content-area,
body.page-id-3410 .site-content,
body.page-id-3410 main,
body.page-id-3410 article,
body.page-id-3410 .entry-content,
body.page-id-3410 .wp-block-html {
  background: #050505 !important;
}

/* QUITAR LADOS BLANCOS */
body.page-id-3410 .tallas-playera {
  background: transparent !important;
  width: 100% !important;
  margin: 0 !important;
  transform: none !important;
  left: auto !important;
}
/* OCULTAR ENCABEZADO SOLO EN PAGINA 3410 */

body.page-id-3410 header,
body.page-id-3410 .site-header,
body.page-id-3410 .main-header-bar,
body.page-id-3410 .ast-above-header-wrap,
body.page-id-3410 .ast-primary-header-bar,
body.page-id-3410 .entry-header,
body.page-id-3410 .page-header,
body.page-id-3410 .site-breadcrumbs {
    display: none !important;
}

/* QUITAR ESPACIO SUPERIOR */
body.page-id-3410 #content,
body.page-id-3410 .site-content,
body.page-id-3410 #primary,
body.page-id-3410 main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* ========================================
OCULTAR ENCABEZADO SOLO PAGINA COLORES
PAGINA 3425
======================================== */

.page-id-3425 header,
.page-id-3425 .site-header,
.page-id-3425 #masthead,
.page-id-3425 .main-navigation,
.page-id-3425 .header-bottom,
.page-id-3425 .header-top{
    display:none !important;
}

/* QUITAR ESPACIOS DEL TEMA */
.page-id-3425 .site-content,
.page-id-3425 #primary,
.page-id-3425 .content-area,
.page-id-3425 article,
.page-id-3425 .entry-content,
.page-id-3425 main{
    margin:0 !important;
    padding:0 !important;
    max-width:none !important;
    width:100% !important;
}

/* HACER QUE EL BLOQUE CUBRA TODA LA PANTALLA */
.page-id-3425 .elige-color{
    width:100vw !important;

    margin-left:50% !important;

    transform:translateX(-50%) !important;

    border-radius:0 !important;

    min-height:100vh !important;
}

/* ELIMINAR SCROLL HORIZONTAL */
.page-id-3425 html,
.page-id-3425 body{
    overflow-x:hidden !important;
}
/* CUBRIR LATERALES BLANCOS - PAGINA 3425 */
body.page-id-3425 {
    background: #050505 !important;
    overflow-x: hidden !important;
}

body.page-id-3425 #wrapper,
body.page-id-3425 #page,
body.page-id-3425 .site,
body.page-id-3425 .wp-site-blocks,
body.page-id-3425 #inner-wrap,
body.page-id-3425 #content,
body.page-id-3425 #primary,
body.page-id-3425 .content-area,
body.page-id-3425 .site-content,
body.page-id-3425 main,
body.page-id-3425 article,
body.page-id-3425 .entry-content,
body.page-id-3425 .wp-block-html {
    background: #050505 !important;
}

/* DEJAR LA SECCION ENCIMA DEL FONDO GENERAL */
body.page-id-3425 .elige-color {
    background: transparent !important;
    width: 100% !important;
    margin: 0 !important;
    transform: none !important;
    left: auto !important;
}
/* FORZAR CAMPO CORREO EN CHECKOUT */
#billing_email_field{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    height:auto !important;
}
/* OCULTAR ENCABEZADO SOLO EN LA PAGINA 3595 */

.page-id-3595 header,
.page-id-3595 .site-header,
.page-id-3595 .header,
.page-id-3595 .elementor-location-header{
    display:none !important;
}

/* ELIMINAR ESPACIO SUPERIOR */

.page-id-3595{
    margin-top:0 !important;
    padding-top:0 !important;
}

.page-id-3595 .site-content,
.page-id-3595 .content-area,
.page-id-3595 main{
    margin-top:0 !important;
    padding-top:0 !important;
}
/* PAGINA 3706 */

.page-id-3706 header,
.page-id-3706 .site-header,
.page-id-3706 #masthead,
.page-id-3706 .ast-header-break-point,
.page-id-3706 .main-header-bar,
.page-id-3706 .ast-primary-header-bar,
.page-id-3706 .ast-builder-menu {
    display: none !important;
}

/* ELIMINAR ESPACIO SUPERIOR */

.page-id-3706 .site-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.page-id-3706 .entry-content {
    margin-top: 0 !important;
}

.page-id-3706 .ast-container {
    max-width: 100% !important;
    padding: 0 !important;
}
/* =====================================================
   HIVEPRESS - TARJETAS HORIZONTALES GLOBALES
===================================================== */

/* UNA SOLA COLUMNA */
.hp-page .hp-grid{
    display:block !important;
}

.hp-page .hp-grid__item{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    margin-bottom:22px !important;
}

/* TARJETA */
.hp-page .hp-listing--view-block{
    display:grid !important;
    grid-template-columns:150px minmax(0,1fr) 170px !important;
    gap:20px !important;
    align-items:center !important;

    width:100% !important;
    max-width:920px !important;

    padding:20px !important;
    margin:0 auto 24px !important;

    border-radius:24px !important;
    background:#fff !important;

    box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
}

/* IMAGEN */
.hp-page .hp-listing__header{
    grid-column:1 !important;
    margin:0 !important;
}

.hp-page .hp-listing__image{
    width:150px !important;
    height:120px !important;
    min-width:150px !important;

    border-radius:18px !important;
    overflow:hidden !important;
}

.hp-page .hp-listing__image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

/* CONTENIDO CENTRAL */
.hp-page .hp-listing__content{
    grid-column:2 !important;
    min-width:0 !important;
    text-align:left !important;
}

/* TITULO */
.hp-page .hp-listing__title{
    font-size:24px !important;
    line-height:1.15 !important;
    margin-bottom:8px !important;

    text-align:left !important;
    word-break:normal !important;
}

/* CATEGORIA Y FECHA */
.hp-page .hp-listing__categories,
.hp-page .hp-listing__created-date{
    text-align:left !important;
    font-size:14px !important;
    opacity:.75 !important;
}

/* ATRIBUTOS */
.hp-page .hp-listing__attributes{
    margin-top:10px !important;
}

/* DIRECCION */
.hp-page .hp-listing__attribute--display-block-secondary{
    font-size:15px !important;
    line-height:1.45 !important;
}

/* COLUMNA DERECHA */
.hp-page .hp-listing__details{
    grid-column:3 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;

    text-align:center !important;
}

/* TELEFONO */
.hp-page .hp-listing__attribute--display-block-tertiary{
    font-size:18px !important;
    font-weight:800 !important;
    margin-bottom:10px !important;
}

/* NOMBRE PROVEEDOR */
.hp-page .hp-listing__attribute--display-block-primary{
    font-size:16px !important;
    font-weight:700 !important;
    margin-bottom:12px !important;
}

/* BOTON */
.hp-page .hp-listing__attribute--display-block-primary::after{
    content:"Cotizar";
    display:block;

    margin-top:10px;
    padding:12px 18px;

    border-radius:999px;

    background:linear-gradient(
        135deg,
        #f7d94a 0%,
        #f4c034 45%,
        #efad25 100%
    );

    color:#111;
    font-size:15px;
    font-weight:800;

    box-shadow:0 6px 18px rgba(239,173,37,.35);
}

/* =====================================================
   MOVIL
===================================================== */

@media(max-width:768px){

    .hp-page .hp-listing--view-block{
        display:flex !important;
        flex-direction:column !important;

        max-width:100% !important;

        text-align:center !important;
    }

    .hp-page .hp-listing__header,
    .hp-page .hp-listing__content,
    .hp-page .hp-listing__details{
        width:100% !important;
        text-align:center !important;
    }

    .hp-page .hp-listing__image{
        width:100% !important;
        height:220px !important;
        min-width:100% !important;
    }

    .hp-page .hp-listing__title,
    .hp-page .hp-listing__categories,
    .hp-page .hp-listing__created-date{
        text-align:center !important;
    }
}
/* TELÉFONO A LA IZQUIERDA */
.hp-page .hp-listing__attribute--display-block-tertiary{
    text-align:left !important;
    font-size:18px !important;
    font-weight:800 !important;
    margin-top:12px !important;
}

/* NÚMERO */
.hp-page .cm-phone-number{
    display:block;
    margin-bottom:8px;
}

/* BOTÓN LLAMAR */
.hp-page .cm-call-btn{
    display:inline-block;
    padding:10px 18px;
    border-radius:999px;
    background:linear-gradient(135deg,#f7d94a 0%,#f4c034 45%,#efad25 100%);
    color:#111 !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
    box-shadow:0 6px 18px rgba(239,173,37,.35);
}
/* =========================
   BOTONES HOME SUPERIOR
========================= */

.cm-top-buttons{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:-40px;
    padding:0 60px;
    position:relative;
    z-index:50;
}

.cm-btn-top{
    background:linear-gradient(135deg,#ffc400,#ffb300);
    color:#111 !important;
    text-decoration:none;
    font-weight:800;
    font-size:18px;
    padding:18px 35px;
    border-radius:50px;
    box-shadow:0 10px 25px rgba(0,0,0,.18);
    transition:.3s;
}

.cm-btn-top:hover{
    transform:translateY(-3px);
}

/* ========= MOVIL ========= */

@media(max-width:768px){

    .cm-top-buttons{
        margin-top:-20px;
        padding:0 14px;
        gap:100px;
    }

    .cm-btn-top{
        flex:1;
        text-align:center;
        font-size:14px;
        padding:13px 10px;
    }

}
/* EFECTO BRILLO PREMIUM */
.cm-btn-top{
    position:relative;
    overflow:hidden;
}

/* REFLEJO */
.cm-btn-top::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;
    background:linear-gradient(
        120deg,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.45) 50%,
        rgba(255,255,255,0) 100%
    );
    transform:skewX(-25deg);
    animation:cmBrillo 3.5s infinite;
}

/* RESPLANDOR */
.cm-btn-top{
    box-shadow:
    0 0 12px rgba(255,196,0,.45),
    0 10px 25px rgba(0,0,0,.18);
}

/* ANIMACION */
@keyframes cmBrillo{
    0%{
        left:-120%;
    }

    100%{
        left:160%;
    }
}
/* CAMBIO DE COLOR EN LAS LETRAS */
.cm-btn-top{
    transition:
    transform .3s,
    color .3s,
    box-shadow .3s;
}

/* HOVER */
.cm-btn-top:hover{
    color:#ffffff !important;
}

/* EFECTO EN EL TEXTO */
.cm-btn-top:hover{
    text-shadow:
    0 0 8px rgba(255,255,255,.8),
    0 0 18px rgba(255,255,255,.5);
}
.cm-product-brand{
   font-size:14px;
    color:#8b95a1;
    margin-bottom:8px;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:600;
}

.cm-product-brand strong{
    color:#0f172a;
}
.cm-product-brand-box{
    display:flex;
    align-items:center;
    gap:10px;
    margin:18px 0 16px;
    padding:12px 14px;
    border:1px solid #e5e7eb;
    border-radius:14px;
    background:#fff;
    width:fit-content;
}

.cm-brand-label{
    color:#6b7280;
    font-size:14px;
    font-weight:600;
}

.cm-brand-logo{
    max-height:28px;
    width:auto;
    object-fit:contain;
}

.cm-product-brand-box strong{
    color:#111827;
    font-size:15px;
}
/* AJUSTAR LOGOS DE MARCA EN PRODUCTO */
.cm-product-brand-box{
    min-height:42px !important;
}

.cm-brand-logo{
    display:block !important;
    max-width:90px !important;
    max-height:34px !important;
    width:auto !important;
    height:auto !important;
    object-fit:contain !important;
}
/* LOGOS DE MARCA MÁS VISIBLES */
.cm-brand-logo{
    max-width:120px !important;
    max-height:45px !important;
    min-width:60px !important;
    object-fit:contain !important;
}
.cmv3-home{--y:#ffc928;--g:#f1b900;--gold2:#ffec8a;--dark:#090909;--red:#e12b22;--soft:#fff8df;font-family:inherit;overflow:hidden;background:#fff}
.cmv3-home *{box-sizing:border-box}

.cmv3-top{max-width:1180px!important;margin:12px auto 20px;padding:0 14px;text-align:center}
.cmv3-desktop-search-row{display:grid;grid-template-columns:210px minmax(320px,520px) 210px;align-items:center;justify-content:center;gap:18px}
.cmv3-search{max-width:520px;margin:0}
.cmv3-search .dgwt-wcas-search-wrapp{max-width:520px!important;width:100%!important}
.cmv3-search input{border-radius:999px!important;min-height:46px!important}

.cmv3-top-btn{position:relative;overflow:hidden;height:46px;border-radius:999px;background:linear-gradient(135deg,#fff3a8 0%,#ffd84a 35%,#ffc928 70%,#ffe98a 100%);color:#111!important;text-decoration:none!important;font-weight:1000;font-size:16px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.75);transition:.35s ease;box-shadow:0 8px 20px rgba(255,201,40,.28),inset 0 2px 8px rgba(255,255,255,.75);text-shadow:none!important}
.cmv3-top-btn:before{content:"";position:absolute;top:0;left:-120%;width:50%;height:100%;background:rgba(255,255,255,.45);transform:skewX(-25deg);animation:cmv3GoldReflection 3.5s linear infinite}
.cmv3-top-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 28px rgba(255,201,40,.38),inset 0 2px 10px rgba(255,255,255,.82)}
@keyframes cmv3GoldReflection{0%{left:-60%}100%{left:145%}}

.cmv3-local-title{margin:18px auto 0;max-width:760px;text-align:center;color:#d6281f;font-size:34px;font-weight:1000;line-height:1.1;letter-spacing:.3px}
.cmv3-section-title{text-align:center;font-size:30px;font-weight:1000;margin:20px 0 10px;color:#111}

.cmv3-categories{max-width:1120px;margin:18px auto;padding:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-radius:28px;background:linear-gradient(135deg,#fff9df,#fff);border:1px solid rgba(255,201,40,.45);box-shadow:0 16px 40px rgba(0,0,0,.06)}
.cmv3-cat{text-align:center;text-decoration:none!important;color:#111!important;font-weight:900}
.cmv3-cat img{width:105px;height:105px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 14px 30px rgba(0,0,0,.14),0 0 0 2px rgba(255,201,40,.55);transition:.3s}
.cmv3-cat:hover img{transform:scale(1.06) rotate(-2deg)}
.cmv3-cat span{display:block;margin-top:10px;font-size:16px}

.cmv3-hero-ad{height:250px;width:100%;background-position:center;background-size:cover;position:relative;display:flex;align-items:center!important;justify-content:center!important;padding:0!important;animation:cmv3Hero 12s ease-in-out infinite alternate}
.cmv3-hero-ad:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.05))}
.cmv3-hero-enter{position:relative!important;z-index:3!important;background:#fff!important;color:#111!important;text-decoration:none!important;border-radius:10px!important;padding:12px 34px!important;font-weight:1000!important;box-shadow:0 10px 26px rgba(0,0,0,.18)!important;border:2px solid rgba(255,255,255,.9)!important;transition:.25s ease!important;animation:cmv3HeroBtnPulse 1.8s ease-in-out infinite!important}
.cmv3-hero-enter:hover{transform:scale(1.08)!important;box-shadow:0 0 35px rgba(255,255,255,.85),0 12px 28px rgba(0,0,0,.2)!important}
.cmv3-hero-enter:active{transform:scale(.94)!important}
@keyframes cmv3Hero{from{background-size:100%}to{background-size:108%}}
@keyframes cmv3HeroBtnPulse{0%,100%{box-shadow:0 10px 26px rgba(0,0,0,.18)}50%{box-shadow:0 0 32px rgba(255,255,255,.9),0 10px 26px rgba(0,0,0,.18)}}

.cmv3-hero-ad a:not(.cmv3-hero-enter),.cmv3-events a,.cmv3-mini-ad a,.cmv3-more{position:relative;z-index:2;background:linear-gradient(135deg,var(--y),var(--g));color:#111!important;text-decoration:none!important;border-radius:999px;padding:10px 28px;font-weight:1000;box-shadow:0 0 22px rgba(255,201,40,.35);display:inline-flex;align-items:center;justify-content:center}

.cmv3-image-buttons{max-width:1120px;margin:22px auto;padding:0 14px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cmv3-img-btn{border-radius:26px;overflow:hidden;min-height:130px;display:block;box-shadow:0 14px 34px rgba(0,0,0,.12);border:1px solid rgba(255,201,40,.5);position:relative}
.cmv3-img-btn img{width:100%;height:100%;min-height:130px;object-fit:cover;display:block;transition:.45s}
.cmv3-img-btn:hover img{transform:scale(1.06)}

.cmv3-stores{max-width:1120px;margin:26px auto;padding:0 14px}
.cmv3-stores h2{font-size:26px;margin:0 0 14px;color:#111}
.cmv3-store-wrap{position:relative;display:flex;align-items:center;gap:10px}
.cmv3-store-track{display:flex!important;gap:16px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;width:100%;padding:8px 4px;-webkit-overflow-scrolling:touch}
.cmv3-store-track::-webkit-scrollbar{display:none}
.cmv3-store-card{flex:0 0 calc((100% - 48px)/4);min-height:190px;border-radius:26px;text-decoration:none!important;color:#111!important;background:linear-gradient(145deg,#fff,#fff8db);border:1px solid rgba(255,201,40,.65);box-shadow:0 15px 32px rgba(0,0,0,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px;transition:.3s}
.cmv3-store-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,.14)}
.cmv3-store-logo{width:88px;height:88px;border-radius:50%;background:#111;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border:3px solid var(--y);overflow:hidden}
.cmv3-store-logo img{width:100%;height:100%;object-fit:cover}
.cmv3-store-card strong{font-size:17px;line-height:1.2}
.cmv3-store-card em{font-style:normal;margin-top:10px;color:#c58d00;font-weight:900}
.cmv3-store-arrow{width:42px;height:42px;border-radius:50%;border:0;background:linear-gradient(135deg,var(--y),var(--g));color:#111;font-size:30px;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 20px rgba(255,201,40,.32);z-index:5;flex:0 0 42px}

.cmv3-events{height:4cm;min-height:130px;width:100%;background:linear-gradient(120deg,#fff7d1,#fff,#ffe484,#fff8d6);background-size:250% 250%;animation:cmv3EventBg 7s ease infinite;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:22px 0;border-top:1px solid rgba(255,201,40,.45);border-bottom:1px solid rgba(255,201,40,.45)}
.cmv3-events h2{position:relative;z-index:2;margin:0 0 10px;font-size:34px;letter-spacing:12px;color:#111;text-shadow:0 0 16px rgba(255,201,40,.45)}
.cmv3-events a{animation:cmv3GoldPulse 1.8s ease-in-out infinite}
.cmv3-ball{position:absolute;left:0!important;top:0!important;border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.22))}
@keyframes cmv3EventBg{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes cmv3GoldPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

.cmv3-jump{max-width:1120px;margin:18px auto;padding:0 14px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:sticky;top:0;z-index:30}
.cmv3-jump a{text-decoration:none!important;text-align:center;border-radius:999px;padding:13px 8px;background:linear-gradient(145deg,#fff3a8,#ffd84a,#ffc928,#ffe98a);color:#111!important;font-weight:1000;border:2px solid rgba(255,255,255,.6);box-shadow:0 8px 20px rgba(255,201,40,.25)}
.cmv3-jump a:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(255,201,40,.35)}

.cmv3-mini-ad{height:4cm;min-height:130px;width:100%;display:flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(135deg,#fff7d7,#fff,#fff0a8);border-top:1px solid rgba(255,201,40,.45);border-bottom:1px solid rgba(255,201,40,.45);padding:10px 18px;overflow:hidden}
.cmv3-mini-ad img{max-height:92px;max-width:140px;object-fit:contain;border-radius:16px}
.cmv3-mini-ad strong{font-size:24px;text-align:center;color:#111}

.cmv3-product-section{max-width:1220px;margin:30px auto;padding:0 14px;scroll-margin-top:90px;overflow:visible!important}
.cmv3-product-section h2{text-align:center;font-size:30px;margin:0 0 18px;color:#111}
.cmv3-source{display:none!important}
.cmv3-slider{display:grid;gap:16px;overflow:visible!important;position:relative!important}

.cmv3-row-shell{
position:relative!important;
display:block!important;
width:100%!important;
padding:0 56px!important;
overflow:visible!important;
}

.cmv3-row{
width:100%!important;
overflow-x:auto!important;
overflow-y:hidden!important;
cursor:grab;
scrollbar-width:none!important;
-ms-overflow-style:none;
touch-action:pan-y pinch-zoom!important;
scroll-behavior:smooth!important;
-webkit-overflow-scrolling:touch!important;
position:relative!important;
z-index:2!important;
}

.cmv3-row::-webkit-scrollbar{display:none!important}
.cmv3-row.cmv3-touching{cursor:grabbing;touch-action:pan-y pinch-zoom!important}

.cmv3-product-arrow{
position:absolute!important;
top:50%!important;
transform:translateY(-50%)!important;
width:46px!important;
height:46px!important;
border-radius:50%!important;
border:0!important;
background:linear-gradient(135deg,#fff3a8,#ffc928)!important;
color:#111!important;
font-size:34px!important;
font-weight:1000!important;
cursor:pointer!important;
box-shadow:0 12px 28px rgba(255,201,40,.45)!important;
z-index:99999!important;
transition:.25s ease!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
}

.cmv3-product-prev{left:4px!important}
.cmv3-product-next{right:4px!important}

.cmv3-product-arrow:hover{transform:translateY(-50%) scale(1.12)!important;background:#ffd84f!important}
.cmv3-product-arrow:active{transform:translateY(-50%) scale(.92)!important}

.cmv3-track{
display:flex!important;
align-items:stretch!important;
gap:14px!important;
width:max-content!important;
min-width:max-content!important;
will-change:transform;
animation:cmv3Left 620s linear infinite!important;
}
.cmv3-track.cmv3-right{animation-name:cmv3Right!important;animation-duration:620s!important}
.cmv3-row:hover .cmv3-track,.cmv3-row.cmv3-touching .cmv3-track{animation-play-state:paused!important}

.cmv3-product-card,.cmv3-track li.product,.cmv3-track .product{list-style:none!important;margin:0!important;width:190px!important;min-width:190px!important;max-width:190px!important;height:258px!important;min-height:258px!important;padding:8px!important;border-radius:18px!important;background:#fff!important;border:1px solid rgba(255,201,40,.42)!important;box-shadow:none!important;text-align:center!important;overflow:hidden!important;display:grid!important;grid-template-rows:88px 48px 20px 32px!important;gap:4px!important;cursor:pointer!important;transition:.25s ease!important}
.cmv3-product-card:hover,.cmv3-track li.product:hover,.cmv3-track .product:hover{transform:translateY(-4px)!important;border-color:#ffc928!important;box-shadow:0 12px 28px rgba(255,201,40,.18)!important}

.cmv3-track img{width:100%!important;height:88px!important;object-fit:contain!important;margin:0 auto!important;border-radius:12px!important;display:block!important}
.cmv3-product-title,.cmv3-track .woocommerce-loop-product__title,.cmv3-track h2,.cmv3-track h3{font-size:10.4px!important;line-height:1.05!important;font-weight:900!important;height:48px!important;max-height:48px!important;overflow:hidden!important;margin:0!important;color:#111!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;word-break:normal!important;overflow-wrap:break-word!important}
.cmv3-product-price,.cmv3-track .price{font-size:10.2px!important;font-weight:900!important;color:#d6241f!important;margin:0!important;display:block!important;line-height:20px!important;height:20px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;text-align:center!important}
.cmv3-track .price del,.cmv3-track .price ins,.cmv3-track .price span,.cmv3-track .price bdi{white-space:nowrap!important;display:inline!important;font-size:inherit!important;line-height:inherit!important}
.cmv3-track .price del{color:#999!important;margin-right:3px!important}
.cmv3-track .price ins{text-decoration:none!important;color:#d6241f!important}
.cmv3-product-btn,.cmv3-track .button,.cmv3-track a.button,.cmv3-track .add_to_cart_button{border-radius:999px!important;background:linear-gradient(135deg,var(--y),var(--g))!important;color:#111!important;font-size:10.5px!important;font-weight:900!important;padding:0 12px!important;line-height:28px!important;height:28px!important;min-height:28px!important;width:auto!important;min-width:88px!important;max-width:145px!important;margin:2px auto 0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;box-shadow:none!important;text-align:center!important}
.cmv3-track .star-rating,.cmv3-track .store-name,.cmv3-track .wcfmmp_sold_by_container{display:none!important}

@keyframes cmv3Left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes cmv3Right{from{transform:translateX(-50%)}to{transform:translateX(0)}}

.cmv3-more{display:flex!important;width:max-content!important;margin:18px auto 0!important;justify-content:center!important}

.cmv3-mission{min-height:330px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;margin-top:28px;padding:30px 18px}
.cmv3-mission:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.46)}
.cmv3-mission div{position:relative;z-index:2;max-width:760px}
.cmv3-mission h2{color:#fff;font-size:40px;text-transform:uppercase;margin:0 0 12px}
.cmv3-mission p{color:#fff;font-size:18px;font-weight:700;margin:0 0 18px}
.cmv3-mission a{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:14px 30px!important;border-radius:999px!important;background:linear-gradient(135deg,#25D366,#1ebe5d)!important;color:#fff!important;font-size:18px!important;font-weight:1000!important;text-decoration:none!important;box-shadow:0 10px 26px rgba(37,211,102,.38),inset 0 2px 6px rgba(255,255,255,.28)!important;transition:.3s ease!important}
.cmv3-mission a:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 32px rgba(37,211,102,.48),inset 0 2px 8px rgba(255,255,255,.35)!important}
.cmv3-address{text-align:center;font-weight:900;margin:0;padding:16px;color:#111;background:#fff7d7}

@media(max-width:1024px){
.cmv3-desktop-search-row{grid-template-columns:180px minmax(300px,460px) 180px;gap:14px}
.cmv3-top-btn{font-size:14px;height:44px}
.cmv3-categories{grid-template-columns:repeat(4,1fr)}
.cmv3-store-card{flex:0 0 calc((100% - 32px)/3)}
.cmv3-product-card,.cmv3-track li.product,.cmv3-track .product{width:calc((92vw - 42px)/4)!important;min-width:calc((92vw - 42px)/4)!important;max-width:calc((92vw - 42px)/4)!important;height:254px!important;min-height:254px!important;grid-template-rows:84px 48px 20px 32px!important}
.cmv3-track img{height:84px!important}
.cmv3-product-title,.cmv3-track .woocommerce-loop-product__title,.cmv3-track h2,.cmv3-track h3{font-size:10px!important}
.cmv3-product-price,.cmv3-track .price{font-size:9.8px!important}
.cmv3-mini-ad strong{font-size:20px}
}

@media(max-width:767px){
.cmv3-top{margin-top:8px}
.cmv3-desktop-search-row{grid-template-columns:1fr;max-width:500px;margin:0 auto;gap:8px}
.cmv3-top-btn{height:40px;font-size:13px}
.cmv3-local-title{font-size:22px;padding:0 14px}
.cmv3-section-title{font-size:24px}
.cmv3-categories{grid-template-columns:repeat(2,1fr);margin:14px;padding:14px;gap:14px}
.cmv3-cat img{width:88px;height:88px}
.cmv3-hero-ad{height:205px}
.cmv3-image-buttons{grid-template-columns:1fr;gap:12px}
.cmv3-img-btn{min-height:112px}
.cmv3-img-btn img{min-height:112px}
.cmv3-store-card{flex:0 0 calc((100% - 16px)/2);min-height:165px;padding:12px}
.cmv3-store-logo{width:72px;height:72px}
.cmv3-store-card strong{font-size:14px}
.cmv3-store-arrow{width:34px;height:34px;font-size:24px;flex-basis:34px}
.cmv3-events h2{font-size:25px;letter-spacing:7px}
.cmv3-jump{grid-template-columns:repeat(2,1fr);gap:9px}
.cmv3-jump a{font-size:13px;padding:11px 6px}
.cmv3-mini-ad{gap:8px;padding:8px}
.cmv3-mini-ad img{max-height:70px;max-width:84px}
.cmv3-mini-ad strong{font-size:15px}
.cmv3-mini-ad a{font-size:13px;padding:8px 13px}
.cmv3-row-shell{padding:0 38px!important}
.cmv3-product-arrow{width:34px!important;height:34px!important;font-size:25px!important}
.cmv3-product-card,.cmv3-track li.product,.cmv3-track .product{width:calc((94vw - 18px)/2)!important;min-width:calc((94vw - 18px)/2)!important;max-width:calc((94vw - 18px)/2)!important;height:250px!important;min-height:250px!important;grid-template-rows:80px 48px 20px 32px!important}
.cmv3-track img{height:80px!important}
.cmv3-product-title,.cmv3-track .woocommerce-loop-product__title,.cmv3-track h2,.cmv3-track h3{font-size:9.6px!important;line-height:1.05!important}
.cmv3-product-price,.cmv3-track .price{font-size:9.3px!important}
.cmv3-product-btn,.cmv3-track .button,.cmv3-track a.button,.cmv3-track .add_to_cart_button{font-size:10px!important;min-width:82px!important;max-width:128px!important}
.cmv3-product-section h2{font-size:24px}
.cmv3-mission h2{font-size:29px}
.cmv3-mission p{font-size:15px}
.cmv3-mission a{font-size:15px!important;padding:12px 24px!important}
}
.cmv3-product-section{
    max-width:100%!important;
    width:100%!important;
    padding-left:48px!important;
    padding-right:48px!important;
    overflow:visible!important;
}

.cmv3-slider,
.cmv3-row-shell{
    overflow:visible!important;
}

.cmv3-row-shell{
    padding-left:48px!important;
    padding-right:48px!important;
}

.cmv3-product-prev{
    left:6px!important;
}

.cmv3-product-next{
    right:6px!important;
}
.cmv3-row-shell{
    position:relative!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 46px!important;
    gap:10px!important;
    padding:0!important;
    align-items:center!important;
    overflow:visible!important;
}

.cmv3-product-arrow{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    z-index:99999!important;
}

.cmv3-product-prev{
    grid-column:1!important;
}

.cmv3-row{
    grid-column:2!important;
    min-width:0!important;
}
.cmv3-product-next{
    grid-column:3!important;
}

.cmv3-product-arrow:hover{
    transform:scale(1.1)!important;
}
/* =====================================
   SOLO MOVIL - SIN FLECHAS NI BORDES
===================================== */

@media(max-width:768px){

    .cmv3-row-shell{

        display:block!important;

        grid-template-columns:none!important;

        padding-left:0!important;
        padding-right:0!important;

        width:100%!important;
        max-width:100%!important;
    }

    .cmv3-row{

        grid-column:auto!important;

        overflow-x:auto!important;
        overflow-y:hidden!important;

        width:100%!important;

        scroll-behavior:smooth!important;

        -webkit-overflow-scrolling:touch!important;
    }

    .cmv3-product-arrow,
    .cmv3-product-prev,
    .cmv3-product-next{

        display:none!important;
    }

    .cmv3-track{

        gap:10px!important;
    }

    .cmv3-track .product,
    .cmv3-track li.product,
    .cmv3-product-card{

        width:44vw!important;
        min-width:44vw!important;
        max-width:44vw!important;
    }

}
/* =====================================================
   HERO MUNDIAL PREMIUM CLICK MARKET — ESTABLE
===================================================== */

.cmv3-home .cmv3-top{
    position: relative !important;
    overflow: hidden !important;

    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 42px 7vw 135px !important;

    background-image: url('https://clicksmarket.shop/wp-content/uploads/2026/06/ChatGPT-Image-12-jun-2026-05_51_55-a.m.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    border-radius: 0 !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.16) !important;
}

.cmv3-home .cmv3-top::before{
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(0,0,0,.08) !important;
    z-index: 1 !important;
}

.cmv3-home .cmv3-top > *{
    position: relative !important;
    z-index: 3 !important;
}

/* BUSCADOR Y BOTONES */

.cmv3-desktop-search-row{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 36px !important;
    margin-bottom: 58px !important;
}

.cmv3-search{
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.cmv3-search *,
.aws-container,
.dgwt-wcas-search-wrapp,
.dgwt-wcas-style-pirx{
    box-shadow: none !important;
}

.dgwt-wcas-search-input{
    height: 58px !important;
    border-radius: 999px !important;
    border: 0 !important;
    background: rgba(255,255,255,.94) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding-left: 70px !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.18) !important;
}

.dgwt-wcas-ico-magnifier{
    transform: scale(1.15) !important;
}

/* BOTONES */

.cmv3-top-btn{
    position: relative !important;
    background: linear-gradient(135deg,#ffe98a 0%,#ffd633 45%,#e0af00 100%) !important;
    color: #111 !important;
    font-weight: 900 !important;
    font-size: 17px !important;
    padding: 13px 30px !important;
    border-radius: 999px !important;
    border: 2px solid rgba(255,255,255,.7) !important;
    overflow: hidden !important;
    box-shadow:
        0 10px 26px rgba(255,214,51,.45),
        inset 0 3px 10px rgba(255,255,255,.65) !important;
    transition: .3s ease !important;
}

.cmv3-top-btn:hover{
    transform: translateY(-3px) scale(1.04) !important;
}

.cmv3-top-btn::before{
    content: "" !important;
    position: absolute !important;
    top: -20% !important;
    left: -120% !important;
    width: 60px !important;
    height: 180% !important;
    background: rgba(255,255,255,.45) !important;
    transform: rotate(25deg) !important;
    animation: cmv3BtnShine 3.5s linear infinite !important;
}

@keyframes cmv3BtnShine{
    0%{left:-120%}
    100%{left:160%}
}

/* TITULO */

.cmv3-local-title{
    text-align: center !important;
    font-size: 48px !important;
    line-height: 1.08 !important;
    font-weight: 1000 !important;
    color: #ff1c0c !important;
    letter-spacing: -.5px !important;
    text-shadow:
        0 2px 0 #8d0000,
        0 0 16px rgba(255,80,0,.55),
        0 6px 16px rgba(0,0,0,.42) !important;
    animation: cmv3TitleGlow 2.6s ease-in-out infinite alternate !important;
}

@keyframes cmv3TitleGlow{
    from{filter: brightness(1)}
    to{filter: brightness(1.2)}
}

/* CATEGORIAS */

.cmv3-section-title{
    text-align: center !important;
    font-size: 34px !important;
    font-weight: 1000 !important;
    margin-top: -72px !important;
    margin-bottom: 20px !important;
    color: #111 !important;
    position: relative !important;
    z-index: 5 !important;
}

.cmv3-categories{
    position: relative !important;
    margin-top: 0 !important;
    background: rgba(255,248,230,.96) !important;
    border-radius: 30px !important;
    padding: 24px 20px !important;
    box-shadow:
        0 16px 42px rgba(0,0,0,.14),
        inset 0 2px 8px rgba(255,255,255,.75) !important;
    backdrop-filter: blur(8px) !important;
}

.cmv3-cat{
    transition: .35s ease !important;
    text-align: center !important;
}

.cmv3-cat:hover{
    transform: translateY(-8px) scale(1.05) !important;
}

.cmv3-cat img{
    width: 112px !important;
    height: 112px !important;
    border-radius: 50% !important;
    border: 4px solid #f3d34c !important;
    object-fit: cover !important;
    box-shadow:
        0 10px 24px rgba(0,0,0,.14),
        0 0 24px rgba(255,214,51,.45) !important;
    transition: .35s ease !important;
    animation: cmv3CircleGlow 2.5s ease-in-out infinite alternate !important;
}

.cmv3-cat span{
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 12px !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    color: #111 !important;
}

@keyframes cmv3CircleGlow{
    from{box-shadow:0 0 12px rgba(255,214,51,.3)}
    to{box-shadow:0 0 28px rgba(255,214,51,.75)}
}

/* RESPONSIVE */

@media(max-width:768px){
    .cmv3-home .cmv3-top{
        padding: 28px 18px 105px !important;
        background-position: center center !important;
    }

    .cmv3-desktop-search-row{
        flex-direction: column !important;
        gap: 14px !important;
        margin-bottom: 35px !important;
    }

    .cmv3-local-title{
        font-size: 31px !important;
        padding: 0 14px !important;
    }

    .cmv3-section-title{
        font-size: 26px !important;
        margin-top: -55px !important;
    }

    .cmv3-categories{
        margin-top: 0 !important;
        padding: 18px 12px !important;
    }

    .cmv3-cat img{
        width: 88px !important;
        height: 88px !important;
    }

    .cmv3-cat span{
        font-size: 14px !important;
    }

    .dgwt-wcas-search-input{
        font-size: 17px !important;
        height: 54px !important;
    }

    .cmv3-top-btn{
        font-size: 15px !important;
        padding: 12px 26px !important;
    }
}
/* =====================================================
   HACER QUE EL FONDO LLEGUE HASTA EL BANNER NEGRO
===================================================== */

/* HERO */
.cmv3-home .cmv3-top{
    padding-bottom: 260px !important;
    margin-bottom: -170px !important;

    background-position: center bottom !important;

    position: relative !important;
    z-index: 1 !important;
}

/* TITULO */
.cmv3-section-title{
    position: relative !important;
    z-index: 5 !important;

    margin-bottom: 18px !important;
}

/* CAJA DE CATEGORIAS */
.cmv3-categories{
    position: relative !important;
    z-index: 6 !important;

    margin-top: 0 !important;

    box-shadow:
    0 25px 65px rgba(0,0,0,.20),
    inset 0 2px 8px rgba(255,255,255,.75) !important;
}

/* BANNER NEGRO */
.cmv3-hero-ad{
    margin-top: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}
/* =========================================
   TITULO CATEGORIAS DENTRO DEL CUADRO
========================================= */

.cmv3-section-title{
    position: relative !important;

    z-index: 20 !important;

    color: #ffffff !important;

    text-align: center !important;

    margin-top: -40px !important;
    margin-bottom: 35px !important;

    font-size: 58px !important;
    font-weight: 1000 !important;

    text-shadow:
    0 4px 12px rgba(0,0,0,.55),
    0 0 18px rgba(255,255,255,.25) !important;
}

/* SUBE EL CUADRO PARA QUE ENVUELVA EL TITULO */

.cmv3-categories{
    margin-top: -140px !important;

    padding-top: 95px !important;
}
/* =========================================
   ELIMINAR CUADRO BLANCO DEL BUSCADOR
========================================= */

.cmv3-search,
.cmv3-search > div,
.cmv3-search .dgwt-wcas-search-wrapp,
.cmv3-search .dgwt-wcas-style-pirx,
.cmv3-search .aws-container,
.cmv3-search form,
.cmv3-search .dgwt-wcas-sf-wrapp{

    background: transparent !important;

    background-color: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

    padding: 0 !important;

    margin: 0 !important;
}

/* SOLO DEJAR VISIBLE EL INPUT */

.cmv3-search .dgwt-wcas-search-input{

    background: rgba(255,255,255,.95) !important;

    border-radius: 60px !important;

    height: 74px !important;

    border: 0 !important;

    box-shadow:
    0 10px 30px rgba(0,0,0,.18),
    inset 0 2px 6px rgba(255,255,255,.7) !important;
}

/* ELIMINAR FONDO EXTRA SUPERIOR */

.cmv3-search::before,
.cmv3-search::after,
.dgwt-wcas-search-wrapp::before,
.dgwt-wcas-search-wrapp::after{

    display: none !important;

    content: none !important;
}
/* QUITAR CUADRO BLANCO GRANDE DEL BUSCADOR FIBO */

.cmv3-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Mantener el buscador bonito */
.cmv3-search .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input{
    background: #eee !important;
    border-radius: 999px !important;
    height: 58px !important;
    padding-left: 70px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,.18) !important;
}
/* ===== QUITAR CUADRO BLANCO GRANDE FIBOSEARCH ===== */

.cmv3-home .cmv3-search,
.cmv3-home .cmv3-search > div,
.cmv3-home .cmv3-search form,
.cmv3-home .cmv3-search .dgwt-wcas-search-wrapp,
.cmv3-home .cmv3-search .dgwt-wcas-style-pirx,
.cmv3-home .cmv3-search .dgwt-wcas-sf-wrapp{
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
}

/* este es el cuadro blanco que se mira */
.cmv3-home .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp{
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* restaurar solo la barra redonda */
.cmv3-home .dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input{
    background: #eeeeee !important;
    border-radius: 999px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 13px 24px 13px 70px !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.18) !important;
}

/* quitar pseudo fondos */
.cmv3-home .cmv3-search *::before,
.cmv3-home .cmv3-search *::after{
    background: transparent !important;
    box-shadow: none !important;
}
/* CORREGIR POSICIÓN DE LUPA */

.cmv3-search .dgwt-wcas-search-submit{
    position:absolute!important;
    left:14px!important;
    top:30%!important;
    transform:translateY(-50%)!important;
    margin:0!important;
}

.cmv3-search .dgwt-wcas-ico-magnifier{
    position:relative!important;
    top:0!important;
    left:0!important;
    transform:scale(1.05)!important;
    margin:0!important;
}
/* OCULTAR CIRCULO DE CARGA FIBOSEARCH */

.dgwt-wcas-preloader{
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

/* MOSTRAR SOLO CUANDO BUSQUE */

.dgwt-wcas-search-focused .dgwt-wcas-preloader.dgwt-wcas-show{
    opacity: 1 !important;
    visibility: visible !important;
}
/* ===== AJUSTES SOLO MÓVIL ===== */

@media(max-width:768px){

    .cmv3-desktop-search-row{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:12px !important;
        padding:0 18px !important;
        margin-bottom:28px !important;
    }

    .cmv3-search{
        grid-column:1 / 3 !important;
        grid-row:1 !important;
        width:100% !important;
    }

    .cmv3-top-btn{
        grid-row:2 !important;
        width:100% !important;
        max-width:none !important;
        font-size:15px !important;
        padding:12px 10px !important;
        text-align:center !important;
        white-space:nowrap !important;
    }

    .cmv3-local-title{
        font-size:32px !important;
        line-height:1.08 !important;
        margin-top:28px !important;
        padding:0 18px !important;
    }

    .cmv3-section-title{
        font-size:34px !important;
        line-height:1.05 !important;
        color:#fff !important;
        margin-top:-48px !important;
        margin-bottom:-10px !important;
        position:relative !important;
        z-index:10 !important;
        text-align:center !important;
    }

    .cmv3-categories{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:28px 22px !important;
        padding:78px 20px 32px !important;
        margin-top:-18px !important;
        border-radius:30px !important;
        width:92% !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .cmv3-cat{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
    }

    .cmv3-cat img{
        width:120px !important;
        height:120px !important;
        margin:0 auto !important;
    }

    .cmv3-cat span{
        text-align:center !important;
        width:100% !important;
        font-size:18px !important;
        margin-top:12px !important;
    }

    .cmv3-hero-ad{
        width:92% !important;
        height:135px !important;
        min-height:135px !important;
        margin:34px auto 28px !important;
        border-radius:0 !important;
        background-size:cover !important;
        background-position:center center !important;
    }

    .cmv3-hero-ad a,
    .cmv3-hero-enter{
        padding:15px 38px !important;
        font-size:20px !important;
        border-radius:14px !important;
    }
}
/* ===== MÓVIL: TITULO DENTRO DEL CUADRO DE CATEGORÍAS ===== */

@media(max-width:768px){

    .cmv3-section-title{
        font-size:30px !important;
        line-height:1.05 !important;
        color:#fff !important;
        text-align:center !important;

        margin-top:-18px !important;
        margin-bottom:-64px !important;

        position:relative !important;
        z-index:20 !important;

        text-shadow:
            0 4px 10px rgba(0,0,0,.55),
            0 0 15px rgba(255,255,255,.45) !important;
    }

    .cmv3-categories{
        margin-top:0 !important;
        padding-top:95px !important;
    }

}
/* ===== BOTON ENTRAR MOVIL ===== */

@media(max-width:768px){

    .cmv3-hero-ad a,
    .cmv3-hero-enter,
    .cmv3-hero-ad .wp-block-button__link,
    .cmv3-hero-ad .elementor-button{

        position:absolute !important;

        top:50% !important;
        left:50% !important;

        transform:translate(-50%,-50%) !important;

        width:150px !important;
        height:auto !important;

        padding:12px 18px !important;

        font-size:16px !important;
        line-height:1.1 !important;
        font-weight:800 !important;

        border-radius:16px !important;

        min-height:auto !important;
        max-width:150px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .cmv3-hero-ad{
        position:relative !important;
        height:120px !important;
        overflow:hidden !important;
    }

}
/* ===== FIX DEFINITIVO BOTON ENTRAR MOVIL ===== */

@media(max-width:768px){

    .cmv3-hero-ad{
        position:relative !important;
        overflow:hidden !important;
    }

    .cmv3-hero-ad *{
        transform:none !important;
    }

    .cmv3-hero-ad a,
    .cmv3-hero-ad .wp-block-button__link,
    .cmv3-hero-ad .elementor-button,
    .cmv3-hero-ad button{

        position:absolute !important;

        top:50% !important;
        left:50% !important;

        translate:-50% -50% !important;

        width:120px !important;
        height:48px !important;

        min-width:120px !important;
        max-width:120px !important;

        min-height:48px !important;
        max-height:48px !important;

        padding:0 !important;

        font-size:14px !important;
        font-weight:800 !important;
        line-height:48px !important;

        border-radius:16px !important;

        display:block !important;
        text-align:center !important;

        white-space:nowrap !important;

        transform:none !important;
        scale:1 !important;

        box-shadow:
        0 6px 18px rgba(0,0,0,.22) !important;
    }

}
/* SOLO PÁGINA DE INICIO */
.home h1,
.home h2,
.home h3,
.home h4,
.home .section-title,
.home .widget-title,
.home .product-title,
.home .woocommerce-loop-product__title {
    color: #000 !important;
    background: none !important;
    background-image: none !important;
    text-shadow: none !important;
    animation: none !important;
    -webkit-text-fill-color: #000 !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
}

/* Eliminar líneas decorativas debajo de títulos */
.home h1::before,
.home h1::after,
.home h2::before,
.home h2::after,
.home h3::before,
.home h3::after,
.home .section-title::before,
.home .section-title::after,
.home .widget-title::before,
.home .widget-title::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: none !important;
}
/* =====================================
   FIX MINIMO REAL MOVIL
===================================== */

@media(max-width:768px){

   /* CONTENEDOR */
.cmv3-row{

    overflow-x:auto!important;
    overflow-y:visible!important;

    -webkit-overflow-scrolling:touch!important;

    touch-action:auto!important;
}

    /* QUITAR MARGEN IZQUIERDO */
    .cmv3-track > *:first-child{

        margin-left:-14px!important;
    }

    /* OCULTAR FLECHAS SOLO MOVIL */
    .cmv3-product-arrow,
    .cmv3-product-prev,
    .cmv3-product-next{

        display:none!important;
    }

}
/* =====================================
   SOLO MOVIL - ELIMINAR BORDE IZQUIERDO REAL
===================================== */

@media(max-width:768px){

    .cmv3-product-section{

        padding-left:0!important;
        padding-right:0!important;

        margin-left:0!important;

        width:100%!important;
        max-width:100%!important;
    }

}
/* =====================================
   FIX REAL SWIPE MOVIL CMV3
===================================== */

@media(max-width:768px){

    .cmv3-row-shell{
        overflow:hidden!important;
    }

    .cmv3-row{

        overflow-x:auto!important;
        overflow-y:hidden!important;

        display:block!important;

        width:100%!important;
        max-width:100%!important;

        -webkit-overflow-scrolling:touch!important;
    }

    .cmv3-track{

        display:flex!important;
        flex-wrap:nowrap!important;

        width:max-content!important;
        min-width:max-content!important;
    }

    .cmv3-track > *{
        flex:0 0 44vw!important;
    }

}
@media(max-width:768px){

    .cmv3-row{
        padding-left:12px!important;
        box-sizing:border-box!important;
    }

}
/* =====================================
   BAJAR BOTON ENTRAR SOLO MOVIL
===================================== */

@media(max-width:768px){

    .cmv3-hero-ad a,
    .cmv3-hero-ad .wp-block-button__link,
    .cmv3-hero-ad .elementor-button,
    .cmv3-hero-ad button{

        top:92%!important;
    }

}
/* =====================================
   FIX REAL BOTON MINI ADS MOVIL
===================================== */

@media(max-width:768px){

    .cmv3-mini-ad a{

        width:110px!important;
        min-width:110px!important;
        max-width:110px!important;

        height:44px!important;
        min-height:44px!important;
        max-height:44px!important;

        padding:0 12px!important;

        display:flex!important;
        align-items:center!important;
        justify-content:center!important;

        white-space:nowrap!important;
        word-break:keep-all!important;

        font-size:12px!important;
        font-weight:800!important;
        line-height:1!important;

        border-radius:999px!important;

        overflow:hidden!important;
    }

}