/* * Descuentium Child — refresh.css v2 * * Estrategia: * - SOBREESCRIBIMOS al padre Clipper (2012) con specificity .wp-child-theme-descuentium-child * que está en y siempre gana sobre selectores simples del padre. * - Sistema tipográfico EN PIXELES ABSOLUTOS para eliminar ambigüedad * (el padre usa 1.65rem en body sin fijar html base; resulta en cascada confusa). * - Inter como fuente principal (más legible y profesional que Nunito 500). * - Paleta: amarillo de marca + neutros oscuros con buen contraste WCAG AA. */ /* ========================================================= * Reset puntual + base tipográfica * Forzamos html base 16px → todos los rem son predecibles. * Usamos body.wp-child-theme-descuentium-child para ganar * specificity sobre el padre que ataca con `body { font-size:... }`. * ========================================================= */ html { font-size: 16px; -webkit-text-size-adjust: 100%; } body.wp-child-theme-descuentium-child, body.wp-child-theme-descuentium-child p, body.wp-child-theme-descuentium-child li, body.wp-child-theme-descuentium-child td, body.wp-child-theme-descuentium-child div { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } body.wp-child-theme-descuentium-child { font-size: 17px; line-height: 1.55; color: #1f2937; background: #f8fafc; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11'; font-weight: 400; } body.wp-child-theme-descuentium-child p { font-size: 17px; line-height: 1.65; color: #374151; margin: 0 0 1rem; } /* ========================================================= * Variables * ========================================================= */ :root { --dc-brand: #fadc5c; --dc-brand-dark: #e6c647; --dc-brand-deeper: #b89519; --dc-text: #0f172a; --dc-text-soft: #475569; --dc-text-muted: #64748b; --dc-bg: #f8fafc; --dc-card: #ffffff; --dc-border: #e2e8f0; --dc-border-soft: #f1f5f9; --dc-shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04); --dc-shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08), 0 2px 4px rgba(15, 23, 42, 0.06); --dc-shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.12), 0 4px 8px rgba(15, 23, 42, 0.06); --dc-radius: 12px; --dc-radius-sm: 8px; --dc-radius-lg: 16px; --dc-success: #16a34a; --dc-warning: #ea580c; --dc-danger: #dc2626; } /* ========================================================= * Jerarquía tipográfica forzada * Tamaños en px absolutos para que no compitan con el rem soup del padre. * ========================================================= */ body.wp-child-theme-descuentium-child h1, body.wp-child-theme-descuentium-child h2, body.wp-child-theme-descuentium-child h3, body.wp-child-theme-descuentium-child h4, body.wp-child-theme-descuentium-child h5, body.wp-child-theme-descuentium-child h6 { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; color: var(--dc-text); letter-spacing: -0.02em; line-height: 1.2; font-weight: 700; } body.wp-child-theme-descuentium-child h1 { font-size: 36px; margin: 0 0 16px; letter-spacing: -0.03em; line-height: 1.15; } body.wp-child-theme-descuentium-child h2 { font-size: 26px; margin: 32px 0 14px; } body.wp-child-theme-descuentium-child h3 { font-size: 21px; margin: 24px 0 10px; } body.wp-child-theme-descuentium-child h4 { font-size: 18px; margin: 18px 0 8px; } /* ========================================================= * Enlaces base * ========================================================= */ body.wp-child-theme-descuentium-child a, body.wp-child-theme-descuentium-child a:link { color: #1d4ed8; text-decoration: none; transition: color 0.15s; } body.wp-child-theme-descuentium-child a:hover { color: #1e40af; text-decoration: underline; } /* ========================================================= * Encabezado de tienda (.encabezado_tienda) * ========================================================= */ body.wp-child-theme-descuentium-child .encabezado_tienda { background: var(--dc-card); border: 1px solid var(--dc-border); border-radius: var(--dc-radius-lg); padding: 28px; box-shadow: var(--dc-shadow); margin: 16px 0 24px; } body.wp-child-theme-descuentium-child .encabezado_tienda h1 { font-size: 38px; font-weight: 800; margin: 0 0 14px; color: var(--dc-text); } body.wp-child-theme-descuentium-child .encabezado_tienda .col_1 .thumb-wrap { display: inline-block; background: white; border: 1px solid var(--dc-border); border-radius: var(--dc-radius); padding: 12px 16px; margin-bottom: 14px; box-shadow: var(--dc-shadow); } body.wp-child-theme-descuentium-child .encabezado_tienda .store-thumb { max-width: 180px; height: auto; display: block; } body.wp-child-theme-descuentium-child .encabezado_tienda .store-url { margin: 0; } body.wp-child-theme-descuentium-child .encabezado_tienda .store-url a { display: inline-block; background: var(--dc-text); color: white !important; padding: 12px 20px; border-radius: var(--dc-radius-sm); font-weight: 600; font-size: 15px; transition: background 0.15s; text-decoration: none !important; } body.wp-child-theme-descuentium-child .encabezado_tienda .store-url a:hover { background: #1e293b; color: white !important; } body.wp-child-theme-descuentium-child .encabezado_tienda .col_2 p { font-size: 17px; line-height: 1.65; color: var(--dc-text-soft); } /* ========================================================= * Headers de sección con barrita amarilla * ========================================================= */ body.wp-child-theme-descuentium-child .header_destacado { font-size: 22px; font-weight: 700; color: var(--dc-text); padding: 16px 20px; background: var(--dc-card); border: 1px solid var(--dc-border); border-left: 5px solid var(--dc-brand); border-radius: var(--dc-radius-sm); margin: 28px 0 16px; display: flex; align-items: center; gap: 10px; letter-spacing: -0.01em; } body.wp-child-theme-descuentium-child .header_destacado img { width: 26px !important; height: 26px !important; margin: 0 !important; } /* ========================================================= * Cards de cupones — la pieza visual más visible * ========================================================= */ body.wp-child-theme-descuentium-child .cupones { margin-bottom: 32px; } body.wp-child-theme-descuentium-child a.cupon, body.wp-child-theme-descuentium-child a.cupon:link, body.wp-child-theme-descuentium-child a.cupon:visited { display: block; background: var(--dc-card); border: 1px solid var(--dc-border); border-radius: var(--dc-radius); box-shadow: var(--dc-shadow); padding: 20px 24px; margin: 0 0 14px; transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; color: var(--dc-text); text-decoration: none !important; position: relative; overflow: hidden; } body.wp-child-theme-descuentium-child a.cupon:hover { transform: translateY(-3px); box-shadow: var(--dc-shadow-lg); border-color: var(--dc-brand); } body.wp-child-theme-descuentium-child a.cupon .titulo_cupon { font-size: 19px; font-weight: 700; color: var(--dc-text); margin: 0 0 10px; line-height: 1.3; letter-spacing: -0.01em; } body.wp-child-theme-descuentium-child a.cupon p { margin: 0; font-size: 16px; line-height: 1.5; } body.wp-child-theme-descuentium-child a.cupon .texto_cupon { color: var(--dc-text-soft); font-size: 15.5px; line-height: 1.5; display: inline-block; vertical-align: middle; margin-left: 6px; font-weight: 400; } body.wp-child-theme-descuentium-child a.cupon img { width: 28px !important; height: 28px !important; vertical-align: middle; margin: 0 !important; } body.wp-child-theme-descuentium-child a.cupon .footer_cupon { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--dc-border-soft); gap: 12px; flex-wrap: wrap; } body.wp-child-theme-descuentium-child a.cupon .valido_hasta { font-size: 13.5px; color: var(--dc-text-muted); font-weight: 500; letter-spacing: 0.01em; } body.wp-child-theme-descuentium-child a.cupon .valido_hasta strong { font-weight: 600; color: var(--dc-text-soft); } body.wp-child-theme-descuentium-child a.cupon .boton_cupon { margin: 0; } body.wp-child-theme-descuentium-child a.cupon .boton_cupon input, body.wp-child-theme-descuentium-child a.cupon .boton_cupon input.turquoise-flat-button, body.wp-child-theme-descuentium-child a.cupon .boton_cupon input.newsletter_button { background: var(--dc-brand) !important; color: var(--dc-text) !important; font-weight: 700 !important; border: none !important; border-radius: var(--dc-radius-sm) !important; padding: 11px 22px !important; font-size: 15px !important; line-height: 1 !important; cursor: pointer; transition: background 0.15s, transform 0.1s, box-shadow 0.15s !important; box-shadow: 0 1px 3px rgba(15,23,42,0.08), inset 0 -2px 0 rgba(0,0,0,0.06) !important; font-family: 'Inter', sans-serif !important; letter-spacing: -0.005em !important; height: auto !important; width: auto !important; } body.wp-child-theme-descuentium-child a.cupon:hover .boton_cupon input { background: var(--dc-brand-dark) !important; transform: translateY(-1px) !important; box-shadow: 0 3px 8px rgba(15,23,42,0.12), inset 0 -2px 0 rgba(0,0,0,0.08) !important; } /* ========================================================= * Cupones caducados * ========================================================= */ body.wp-child-theme-descuentium-child a.cupon.caducado { background: #fafafa; border-color: var(--dc-border); opacity: 0.75; } body.wp-child-theme-descuentium-child a.cupon.caducado .titulo_cupon { color: var(--dc-text-muted); } body.wp-child-theme-descuentium-child a.cupon.caducado:hover { opacity: 1; border-color: var(--dc-warning); } body.wp-child-theme-descuentium-child a.cupon.caducado::before { content: 'CADUCADO'; position: absolute; top: 14px; right: 14px; background: var(--dc-warning); color: white; font-size: 10.5px; font-weight: 800; letter-spacing: 0.1em; padding: 4px 10px; border-radius: 999px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); } /* Wrapper colapsable que JS añade */ body.wp-child-theme-descuentium-child .dc-expired-toggle { display: inline-flex; align-items: center; gap: 10px; background: white; border: 1px solid var(--dc-border); border-radius: var(--dc-radius-sm); padding: 11px 18px; font-family: 'Inter', sans-serif; font-size: 14.5px; color: var(--dc-text-soft); cursor: pointer; font-weight: 600; transition: all 0.15s; margin-bottom: 16px; } body.wp-child-theme-descuentium-child .dc-expired-toggle:hover { background: var(--dc-card); border-color: var(--dc-text-soft); color: var(--dc-text); box-shadow: var(--dc-shadow); } body.wp-child-theme-descuentium-child .dc-expired-toggle::after { content: '▾'; font-size: 12px; transition: transform 0.15s; } body.wp-child-theme-descuentium-child .dc-expired-toggle.dc-open::after { transform: rotate(180deg); } body.wp-child-theme-descuentium-child .dc-expired-content { display: none; } body.wp-child-theme-descuentium-child .dc-expired-content.dc-open { display: block; } /* ========================================================= * Trust badge * ========================================================= */ body.wp-child-theme-descuentium-child .dc-trust-badge { display: inline-flex; align-items: center; gap: 6px; background: rgba(22, 163, 74, 0.08); color: var(--dc-success); padding: 5px 12px; border-radius: 999px; font-size: 12.5px; font-weight: 600; margin: 0 0 12px; border: 1px solid rgba(22, 163, 74, 0.22); letter-spacing: 0.005em; } body.wp-child-theme-descuentium-child .dc-trust-badge::before { content: '✓'; font-weight: 900; font-size: 13px; line-height: 1; } /* ========================================================= * Sidebar: tiendas similares * ========================================================= */ body.wp-child-theme-descuentium-child .tiendas .tienda { background: var(--dc-card); border: 1px solid var(--dc-border); border-radius: var(--dc-radius-sm); padding: 14px; margin: 0 0 12px; transition: border-color 0.15s, box-shadow 0.15s; } body.wp-child-theme-descuentium-child .tiendas .tienda:hover { border-color: var(--dc-brand); box-shadow: var(--dc-shadow); } body.wp-child-theme-descuentium-child .tiendas .tienda p { margin: 0 0 6px; font-size: 14.5px; line-height: 1.45; } body.wp-child-theme-descuentium-child .tiendas .tienda .titulo_tienda { font-weight: 700; font-size: 16px; color: var(--dc-text); } body.wp-child-theme-descuentium-child .tiendas .tienda img { border-radius: 4px; margin-right: 10px; } /* ========================================================= * Modal del cupón * ========================================================= */ #myModal.reveal-modal { border-radius: var(--dc-radius-lg); padding: 0; overflow: hidden; box-shadow: 0 24px 60px rgba(15,23,42,0.30); background: white; } #myModal .header_destacado { margin: 0 !important; border-radius: 0 !important; border-left: none !important; border-bottom: 4px solid var(--dc-brand) !important; background: linear-gradient(135deg, #fef9e1 0%, #ffffff 100%); padding: 20px !important; font-size: 20px !important; } #myModal #showcupon { background: var(--dc-text); color: var(--dc-brand); font-family: 'JetBrains Mono', 'SF Mono', Menlo, monospace; font-size: 28px; font-weight: 700; letter-spacing: 0.18em; padding: 22px; margin: 24px 24px 8px; text-align: center; border-radius: var(--dc-radius); border: 2px dashed var(--dc-brand); cursor: pointer; transition: transform 0.1s, box-shadow 0.15s; box-shadow: 0 4px 12px rgba(15,23,42,0.15); } #myModal #showcupon:hover { transform: scale(1.01); box-shadow: 0 6px 18px rgba(15,23,42,0.20); } #myModal #showcupon .elcupon { color: var(--dc-brand) !important; } #myModal .notificacion { display: block; margin: 8px auto 24px; max-width: 240px; } #myModal p.numero { display: flex; align-items: center; gap: 12px; padding: 10px 24px; margin: 0; font-size: 16px; line-height: 1.4; color: var(--dc-text-soft); } #myModal p.numero img { width: 24px !important; height: 24px !important; margin: 0 !important; flex-shrink: 0; } #myModal p.numero a { font-weight: 600; } #myModal .separador { height: 1px; background: var(--dc-border); margin: 16px 24px; } #myModal .extra { padding: 16px 24px 22px; font-size: 14px; color: var(--dc-text-muted); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; border-top: 1px solid var(--dc-border-soft); } #myModal .extra a img { width: 26px !important; height: 26px !important; margin: 0 !important; transition: transform 0.15s; } #myModal .extra a:hover img { transform: scale(1.1); } #myModal .close-reveal-modal { font-size: 32px; right: 14px; top: 8px; color: var(--dc-text-muted); font-weight: 300; transition: color 0.15s; } #myModal .close-reveal-modal:hover { color: var(--dc-danger); } /* ========================================================= * Comentarios / opiniones * ========================================================= */ body.wp-child-theme-descuentium-child .comentarios.cupones { background: var(--dc-card); border: 1px solid var(--dc-border); border-radius: var(--dc-radius); padding: 24px; margin-top: 24px; box-shadow: var(--dc-shadow); } body.wp-child-theme-descuentium-child .desc_larga { color: var(--dc-text); line-height: 1.65; margin-bottom: 16px; font-size: 17px; } /* ========================================================= * Limpiezas del padre que pegan duro * ========================================================= */ /* El padre tenía .text-box h1.title con font-size:17px (¡muy pequeño!) */ body.wp-child-theme-descuentium-child .text-box h1.title { font-size: 28px !important; line-height: 1.25 !important; font-weight: 700 !important; color: var(--dc-text) !important; padding: 0 0 12px !important; } /* Imágenes responsive por defecto */ body.wp-child-theme-descuentium-child img { max-width: 100%; height: auto; } /* ========================================================= * Mobile (Clipper de 2012 mal en breakpoints actuales) * ========================================================= */ @media (max-width: 768px) { body.wp-child-theme-descuentium-child { font-size: 16px; } body.wp-child-theme-descuentium-child p { font-size: 16px; } body.wp-child-theme-descuentium-child h1 { font-size: 28px; } body.wp-child-theme-descuentium-child h2 { font-size: 22px; } body.wp-child-theme-descuentium-child h3 { font-size: 18px; } body.wp-child-theme-descuentium-child .encabezado_tienda { padding: 18px; } body.wp-child-theme-descuentium-child .encabezado_tienda h1 { font-size: 26px; } body.wp-child-theme-descuentium-child .encabezado_tienda .col_1, body.wp-child-theme-descuentium-child .encabezado_tienda .col_2 { float: none !important; width: 100% !important; } body.wp-child-theme-descuentium-child .encabezado_tienda .store-thumb { max-width: 140px; } body.wp-child-theme-descuentium-child a.cupon { padding: 16px 18px; } body.wp-child-theme-descuentium-child a.cupon .titulo_cupon { font-size: 17px; } body.wp-child-theme-descuentium-child a.cupon .footer_cupon { flex-direction: column; align-items: stretch; gap: 10px; } body.wp-child-theme-descuentium-child a.cupon .boton_cupon { width: 100%; } body.wp-child-theme-descuentium-child a.cupon .boton_cupon input { width: 100% !important; padding: 14px !important; font-size: 15px !important; } #myModal.reveal-modal { left: 0 !important; top: 0 !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; min-height: 100vh; border-radius: 0; } #myModal #showcupon { font-size: 22px; margin: 16px 16px 8px; padding: 18px; } body.wp-child-theme-descuentium-child .cuerpo_tienda .col_1, body.wp-child-theme-descuentium-child .cuerpo_tienda .col_2 { float: none !important; width: 100% !important; } body.wp-child-theme-descuentium-child .header_destacado { font-size: 18px; padding: 12px 16px; } } /* ========================================================= * Accesibilidad * ========================================================= */ body.wp-child-theme-descuentium-child a:focus-visible, body.wp-child-theme-descuentium-child button:focus-visible, body.wp-child-theme-descuentium-child input:focus-visible { outline: 3px solid var(--dc-brand); outline-offset: 2px; border-radius: 3px; } /* ========================================================= * Selección * ========================================================= */ ::selection { background: var(--dc-brand); color: var(--dc-text); } /* ========================================================= * ============================================================ * SHELL: Header, navbar, footer y páginas globales * ============================================================ * ========================================================= */ /* ------------ Wrapper general ------------ */ body.wp-child-theme-descuentium-child #wrapper { background: var(--dc-bg); } body.wp-child-theme-descuentium-child .bg { display: none; /* el padre añade un fondo decorativo que ya no encaja */ } body.wp-child-theme-descuentium-child .w1 { background: transparent; } /* ------------ Header / logo / buscador ------------ */ body.wp-child-theme-descuentium-child #header { background: white; border-bottom: 1px solid var(--dc-border); box-shadow: 0 1px 0 rgba(15,23,42,0.02); margin-bottom: 0; } body.wp-child-theme-descuentium-child #header .holder.m-t-large { padding: 18px 0; margin: 0; } body.wp-child-theme-descuentium-child #header .holder .container { display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap; } body.wp-child-theme-descuentium-child #header .img_logo { max-height: 56px; width: auto; display: block; } /* Buscador del header */ body.wp-child-theme-descuentium-child #header .search { margin: 0; padding: 0; } body.wp-child-theme-descuentium-child #header .search fieldset { border: none; margin: 0; padding: 0; display: flex; align-items: stretch; gap: 0; background: white; border: 1.5px solid var(--dc-border); border-radius: 999px; overflow: hidden; transition: border-color 0.15s, box-shadow 0.15s; max-width: 460px; margin-left: auto; } body.wp-child-theme-descuentium-child #header .search fieldset:focus-within { border-color: var(--dc-brand-deeper); box-shadow: 0 0 0 4px rgba(250, 220, 92, 0.15); } body.wp-child-theme-descuentium-child #header .search_input { flex: 1; border: none !important; background: transparent !important; padding: 12px 18px !important; font-size: 15px !important; font-family: 'Inter', sans-serif !important; color: var(--dc-text) !important; outline: none !important; width: auto !important; height: auto !important; box-shadow: none !important; } body.wp-child-theme-descuentium-child #header .search_input::placeholder { color: var(--dc-text-muted); } body.wp-child-theme-descuentium-child #header .search_button, body.wp-child-theme-descuentium-child #header .search_button.turquoise-flat-button { background: var(--dc-text) !important; color: white !important; border: none !important; padding: 0 24px !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0.05em !important; cursor: pointer; transition: background 0.15s !important; font-family: 'Inter', sans-serif !important; border-radius: 0 !important; height: auto !important; } body.wp-child-theme-descuentium-child #header .search_button:hover { background: #1e293b !important; } /* ------------ Navbar principal ------------ */ body.wp-child-theme-descuentium-child .navbar.navbar-inverse.newmenu { background: var(--dc-text) !important; border: none !important; border-radius: 0 !important; margin: 0 !important; min-height: 0 !important; box-shadow: 0 2px 4px rgba(15,23,42,0.06); } body.wp-child-theme-descuentium-child .navbar.newmenu .container { padding: 0 16px; } body.wp-child-theme-descuentium-child .navbar.newmenu .nav.navbar-nav { display: flex; flex-wrap: wrap; align-items: center; margin: 0 !important; padding: 0 !important; float: none !important; gap: 0; } body.wp-child-theme-descuentium-child .navbar.newmenu .nav.navbar-nav > li.menu-item { float: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; height: auto !important; border-radius: 0 !important; } body.wp-child-theme-descuentium-child .navbar.newmenu .nav.navbar-nav > li.menu-item > a { color: rgba(255,255,255,0.85) !important; font-family: 'Inter', sans-serif !important; font-weight: 600 !important; font-size: 15px !important; padding: 16px 20px !important; text-transform: none !important; letter-spacing: -0.005em !important; transition: color 0.15s, background 0.15s !important; border-radius: 0 !important; display: block !important; height: auto !important; width: auto !important; float: none !important; text-align: left !important; } body.wp-child-theme-descuentium-child .navbar.newmenu .nav.navbar-nav > li.menu-item > a:hover { color: var(--dc-brand) !important; background: rgba(255,255,255,0.05) !important; text-decoration: none !important; } body.wp-child-theme-descuentium-child .navbar.newmenu .nav.navbar-nav > li.current_page_item > a, body.wp-child-theme-descuentium-child .navbar.newmenu .nav.navbar-nav > li.active > a { color: var(--dc-brand) !important; background: transparent !important; font-weight: 700 !important; box-shadow: inset 0 -3px 0 var(--dc-brand); } /* Toggle móvil */ body.wp-child-theme-descuentium-child .navbar.newmenu .navbar-toggle { border: 1.5px solid rgba(255,255,255,0.25) !important; background: transparent !important; margin: 10px 16px 10px auto !important; padding: 8px 12px !important; border-radius: 6px !important; } body.wp-child-theme-descuentium-child .navbar.newmenu .navbar-toggle:hover { background: rgba(255,255,255,0.1) !important; } body.wp-child-theme-descuentium-child .navbar.newmenu .navbar-toggle .icon-bar { background-color: white !important; width: 22px; height: 2px; } /* ------------ Footer ------------ */ body.wp-child-theme-descuentium-child .bar { background: var(--dc-text); color: rgba(255,255,255,0.75); padding: 32px 0; margin-top: 48px; } body.wp-child-theme-descuentium-child .bar .bar-holder { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; } body.wp-child-theme-descuentium-child .bar p { margin: 0; color: rgba(255,255,255,0.7); font-size: 14px; } body.wp-child-theme-descuentium-child .bar a { color: white !important; font-weight: 500; } body.wp-child-theme-descuentium-child .bar a:hover { color: var(--dc-brand) !important; text-decoration: none !important; } body.wp-child-theme-descuentium-child .bar #menu-footer-menu { list-style: none; display: flex; gap: 24px; margin: 0; padding: 0; justify-content: flex-end; flex-wrap: wrap; } body.wp-child-theme-descuentium-child .bar #menu-footer-menu li { margin: 0; } body.wp-child-theme-descuentium-child .bar #menu-footer-menu a { font-size: 14px; color: rgba(255,255,255,0.85) !important; } /* ========================================================= * HOME — bloques principales * ========================================================= */ /* Anuncio principal lateral (col-md-4) */ body.wp-child-theme-descuentium-child .anuncio.col-md-4 { background: var(--dc-card); border: 1px solid var(--dc-border); border-radius: var(--dc-radius-lg); padding: 28px; box-shadow: var(--dc-shadow); margin-bottom: 24px; } body.wp-child-theme-descuentium-child .anuncio.col-md-4 h1 { font-size: 24px; margin: 0 0 14px; letter-spacing: -0.02em; } body.wp-child-theme-descuentium-child .anuncio.col-md-4 p { font-size: 15.5px; color: var(--dc-text-soft); line-height: 1.6; } /* Slider Soliloquy */ body.wp-child-theme-descuentium-child .slider { border-radius: var(--dc-radius-lg); overflow: hidden; margin-bottom: 24px; box-shadow: var(--dc-shadow); } /* Sección "Cupones Descuento por Tienda" / encabezado tienda centrado */ body.wp-child-theme-descuentium-child .destacados { padding: 24px 0; } body.wp-child-theme-descuentium-child .destacados .encabezado_tienda.text-center { background: transparent; border: none; box-shadow: none; padding: 16px 0 24px; margin: 0 0 20px; text-align: center; } body.wp-child-theme-descuentium-child .destacados .encabezado_tienda.text-center h2 { font-size: 32px; margin: 0 0 14px; color: var(--dc-text); } body.wp-child-theme-descuentium-child .destacados .encabezado_tienda.text-center p { font-size: 17px; color: var(--dc-text-soft); max-width: 720px; margin: 0 auto 10px; } /* mark con highlight (estilo subrayado amarillo) */ body.wp-child-theme-descuentium-child mark[data-aos="highlight-text"], body.wp-child-theme-descuentium-child mark { background: linear-gradient(180deg, transparent 60%, rgba(250, 220, 92, 0.55) 60%); color: inherit; padding: 0 4px; border-radius: 0; } /* ------------ Grid de categorías / tiendas en home ------------ */ body.wp-child-theme-descuentium-child .tienda-listado { display: inline-block; vertical-align: top; width: calc(33.333% - 16px); margin: 0 8px 16px; box-sizing: border-box; } body.wp-child-theme-descuentium-child .tienda-listado .card { display: block; background: var(--dc-card); border: 1px solid var(--dc-border); border-radius: var(--dc-radius); overflow: hidden; transition: transform 0.18s, box-shadow 0.18s, border-color 0.18s; box-shadow: var(--dc-shadow); height: 100%; text-decoration: none !important; color: var(--dc-text) !important; } body.wp-child-theme-descuentium-child .tienda-listado .card:hover { transform: translateY(-3px); box-shadow: var(--dc-shadow-lg); border-color: var(--dc-brand); text-decoration: none !important; } body.wp-child-theme-descuentium-child .tienda-listado .card .thumb { width: 100%; height: 160px; background-size: cover; background-position: center; background-color: #f1f5f9; } body.wp-child-theme-descuentium-child .tienda-listado .card article { padding: 18px 20px; } body.wp-child-theme-descuentium-child .tienda-listado .card article h3 { margin: 0 0 10px; font-size: 19px; color: var(--dc-text); font-weight: 700; } body.wp-child-theme-descuentium-child .tienda-listado .card article p { margin: 0 0 4px; font-size: 14px; line-height: 1.5; color: var(--dc-text-soft); } body.wp-child-theme-descuentium-child .tienda-listado .card article p a { color: var(--dc-text-soft) !important; border-bottom: 1px dotted transparent; } body.wp-child-theme-descuentium-child .tienda-listado .card article p a:hover { color: var(--dc-text) !important; border-bottom-color: var(--dc-brand); text-decoration: none !important; } body.wp-child-theme-descuentium-child .tienda-listado .card article .link { display: inline-block; margin-top: 10px; font-size: 12.5px; font-weight: 700; color: var(--dc-success); background: rgba(22, 163, 74, 0.08); padding: 4px 10px; border-radius: 999px; letter-spacing: 0.02em; } /* CTA "Ver más" / enlace-mas */ body.wp-child-theme-descuentium-child .enlace-mas { display: inline-block; margin-top: 16px; background: var(--dc-text); color: white !important; padding: 12px 24px; border-radius: var(--dc-radius-sm); font-weight: 600; font-size: 15px; transition: background 0.15s; } body.wp-child-theme-descuentium-child .enlace-mas:hover { background: #1e293b; color: white !important; text-decoration: none !important; } /* Newsletter / IPZ button */ body.wp-child-theme-descuentium-child .ipz-button { background: var(--dc-brand) !important; color: var(--dc-text) !important; font-weight: 700 !important; border: none !important; border-radius: var(--dc-radius-sm) !important; padding: 14px 28px !important; font-size: 16px !important; cursor: pointer; transition: background 0.15s, transform 0.1s !important; font-family: 'Inter', sans-serif !important; box-shadow: 0 2px 6px rgba(15,23,42,0.08) !important; letter-spacing: -0.005em !important; } body.wp-child-theme-descuentium-child .ipz-button:hover { background: var(--dc-brand-dark) !important; transform: translateY(-1px) !important; } /* Variante header_destacado.blanco (footer-bloque sobre fondo) */ body.wp-child-theme-descuentium-child .header_destacado.blanco { background: transparent; border: none; border-left: none; color: white; padding: 0; margin: 0 0 12px; font-size: 22px; } /* Footer columns wrapper */ body.wp-child-theme-descuentium-child .footer_col_2, body.wp-child-theme-descuentium-child .footer_col { padding: 32px 0; } /* ========================================================= * /tiendas/ — directorio alfabético * ========================================================= */ body.wp-child-theme-descuentium-child #content-fullwidth h1 { font-size: 32px; margin: 24px 0 20px; color: var(--dc-text); font-weight: 800; } /* Barra alfabética */ body.wp-child-theme-descuentium-child .letras { display: flex; flex-wrap: wrap; gap: 6px; background: var(--dc-card); border: 1px solid var(--dc-border); border-radius: var(--dc-radius); padding: 16px; margin: 0 0 32px; box-shadow: var(--dc-shadow); justify-content: center; } body.wp-child-theme-descuentium-child .letras .letra { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; background: var(--dc-border-soft); color: var(--dc-text) !important; font-weight: 700; font-size: 14px; transition: all 0.15s; text-decoration: none !important; } body.wp-child-theme-descuentium-child .letras .letra:hover { background: var(--dc-brand); color: var(--dc-text) !important; transform: scale(1.1); text-decoration: none !important; } /* Sección por letra */ body.wp-child-theme-descuentium-child .tiendas.band { margin: 0 -8px 32px; font-size: 0; /* fix gap inline-block */ } /* Card de tienda en /tiendas/ (más compacta) */ body.wp-child-theme-descuentium-child .tiendas.band .tienda-listado { width: calc(25% - 16px); } body.wp-child-theme-descuentium-child .tiendas.band .tienda-listado .tiendae { display: flex; align-items: center; justify-content: center; min-height: 80px; padding: 18px 14px; background: var(--dc-card); border: 1px solid var(--dc-border); border-radius: var(--dc-radius-sm); color: var(--dc-text) !important; font-weight: 600; transition: all 0.18s; text-align: center; text-decoration: none !important; box-shadow: var(--dc-shadow); } body.wp-child-theme-descuentium-child .tiendas.band .tienda-listado .tiendae:hover { border-color: var(--dc-brand); transform: translateY(-2px); box-shadow: var(--dc-shadow-md); text-decoration: none !important; } body.wp-child-theme-descuentium-child .tiendas.band .tienda-listado .tiendae h5 { margin: 0; font-size: 16px; font-weight: 700; color: var(--dc-text); font-family: 'Inter', sans-serif; line-height: 1.2; } /* ========================================================= * Mobile (extensión para shell) * ========================================================= */ @media (max-width: 768px) { body.wp-child-theme-descuentium-child #header .holder.m-t-large { padding: 12px 0; } body.wp-child-theme-descuentium-child #header .holder .container { flex-direction: column; gap: 12px; } body.wp-child-theme-descuentium-child #header .img_logo { max-height: 44px; } body.wp-child-theme-descuentium-child #header .search fieldset { max-width: 100%; margin: 0; } body.wp-child-theme-descuentium-child .navbar.newmenu .navbar-collapse.collapse { display: none !important; } body.wp-child-theme-descuentium-child .navbar.newmenu .navbar-collapse.collapse.in { display: block !important; } body.wp-child-theme-descuentium-child .navbar.newmenu .nav.navbar-nav { flex-direction: column; padding: 8px 0 !important; } body.wp-child-theme-descuentium-child .navbar.newmenu .nav.navbar-nav > li.menu-item > a { padding: 12px 20px !important; } body.wp-child-theme-descuentium-child .navbar.newmenu .nav.navbar-nav > li.current_page_item > a, body.wp-child-theme-descuentium-child .navbar.newmenu .nav.navbar-nav > li.active > a { box-shadow: inset 4px 0 0 var(--dc-brand); } body.wp-child-theme-descuentium-child .bar .bar-holder { flex-direction: column; text-align: center; gap: 12px; } body.wp-child-theme-descuentium-child .bar #menu-footer-menu { justify-content: center; gap: 16px; } body.wp-child-theme-descuentium-child .destacados .encabezado_tienda.text-center h2 { font-size: 24px; } body.wp-child-theme-descuentium-child .tienda-listado { width: calc(50% - 12px); margin: 0 6px 12px; } body.wp-child-theme-descuentium-child .tiendas.band .tienda-listado { width: calc(50% - 12px); } body.wp-child-theme-descuentium-child #content-fullwidth h1 { font-size: 24px; padding: 0 12px; } body.wp-child-theme-descuentium-child .letras { padding: 10px; gap: 4px; } body.wp-child-theme-descuentium-child .letras .letra { width: 30px; height: 30px; font-size: 12.5px; } } @media (max-width: 480px) { body.wp-child-theme-descuentium-child .tienda-listado, body.wp-child-theme-descuentium-child .tiendas.band .tienda-listado { width: calc(100% - 16px); margin: 0 8px 12px; } }