@charset "UTF-8"; /* * ═══════════════════════════════════════════════════════════ * ANTA HELADOS — Premium CSS v2 * Cargar ÚLTIMO en el , después de responsive.css: * * ═══════════════════════════════════════════════════════════ */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&display=swap'); /* ───────────────────────────────────── VARIABLES ───────────────────────────────────── */ :root { --thm-font: 'Cormorant Garamond', serif; --thm-b-font: 'DM Sans', sans-serif; --thm-color-one: #C9A84C; --thm-color-two: #1A0F07; --thm-color-three: #C9A84C; --thm-color-four: #E8C96A; --thm-color-one-rgb: 201,168,76; --thm-color-two-rgb: 26,15,7; --thm-color-three-rgb: 201,168,76; --thm-color-four-rgb: 232,201,106; --thm-color-light: #130C05; --thm-color-light-rgb: 19,12,5; --thm-body-color: #A89070; --thm-white: #F0E6D0; --thm-white-rgb: 240,230,208; --thm-border: #3A2810; --bg-main: #120A04; --bg-card: #1C1008; --bg-sec: #170D06; --gold: #C9A84C; --gold-lt: #E8C96A; --gold-dim: #7A6030; --cream: #F0E6D0; --cream-2: #A89070; --muted: #6A5040; --muted-2: #3A2810; --bord: #2A1A08; --bord-2: #3A2810; } /* ───────────────────────────────────── BASE ───────────────────────────────────── */ html { background: var(--bg-main); } body { background-color: var(--bg-main); color: var(--cream-2); font-family: 'DM Sans', sans-serif; font-weight: 300; font-size: 15px; line-height: 1.85; } /* Eliminar decorativos del template */ .banner_elements, .wave1, .wave { display: none !important; } h1,h2,h3,h4,h5,h6 { font-family: 'Cormorant Garamond', serif; color: var(--cream); font-weight: 400; margin-bottom: 16px; } h1 { font-size: 60px; line-height: 1.05; } h2 { font-size: 44px; line-height: 1.1; } h3 { font-size: 30px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 14px; } p { color: var(--cream-2); margin-bottom: 20px; } a { color: var(--cream-2); transition: color 0.2s; } a:hover, a:focus { color: var(--gold); text-decoration: none; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: var(--cream); } h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { color: var(--gold); } ::selection { background: var(--gold); color: var(--bg-main); } /* ───────────────────────────────────── TRUST BAR ───────────────────────────────────── */ .trust-bar { background: #0A0602; border-bottom: 1px solid var(--bord); padding: 8px 0; display: flex; flex-wrap: wrap; justify-content: center; } .trust-bar span { font-family: 'DM Sans', sans-serif; font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); padding: 0 20px; border-right: 1px solid var(--bord); display: flex; align-items: center; gap: 7px; } .trust-bar span:last-child { border-right: none; } .trust-bar strong { color: var(--gold); font-weight: 500; } .trust-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--gold); flex-shrink: 0; } /* ───────────────────────────────────── HEADER ───────────────────────────────────── */ .header { background-color: rgba(12,7,2,0.97) !important; border-bottom: 1px solid var(--bord); box-shadow: none; } .header.sticky { background: rgba(12,7,2,0.99) !important; box-shadow: 0 2px 30px rgba(0,0,0,0.6); } .header .navigation .main-menu > .menu-item > a { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase; color: var(--cream-2); padding: 28px 16px; } .header .navigation .main-menu > .menu-item > a.active, .header .navigation .main-menu > .menu-item:hover > a { color: var(--gold); } .header .navigation .main-menu > .menu-item > a.active:before, .header .navigation .main-menu > .menu-item:hover > a:before { background-color: var(--gold); height: 2px; width: 100%; } .header .navigation .menu-item-has-children .sub-menu { background: #0D0702; border: 1px solid var(--bord); border-top: 2px solid var(--gold); box-shadow: 0 8px 40px rgba(0,0,0,0.7); } .header .navigation .menu-item-has-children .sub-menu .menu-item > a { background-color: #0D0702; color: var(--cream-2); font-size: 11px; letter-spacing: 0.08em; } .header .navigation .menu-item-has-children .sub-menu .menu-item:hover > a { background-color: var(--bord); color: var(--gold); } .header .hamburger { background-color: var(--gold); } .header .navigation { background-color: #0D0702; } .header .header_actions .thm-btn { background: transparent; border: 1px solid var(--gold); color: var(--gold); font-family: 'DM Sans', sans-serif; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; padding: 10px 22px; border-radius: 0; } .header .header_actions .thm-btn:hover { background: var(--gold); color: var(--bg-main); } /* ───────────────────────────────────── SECTION HEADERS ───────────────────────────────────── */ .section-header .title { font-family: 'Cormorant Garamond', serif; font-weight: 400; color: var(--gold); font-size: 38px; } .section-header .subtitle { font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold-dim); } .section-header .subtitle:before, .section-header .subtitle:after { background-color: var(--gold-dim); height: 1px; } /* ───────────────────────────────────── BOTONES ───────────────────────────────────── */ .thm-btn { font-family: 'DM Sans', sans-serif; font-size: 10.5px; font-weight: 400; letter-spacing: 0.18em; text-transform: uppercase; border-radius: 0; padding: 13px 30px; background-color: transparent; color: var(--gold); border: 1px solid var(--gold); transition: all 0.25s; position: relative; } .thm-btn:hover, .thm-btn:focus { background-color: var(--gold); color: var(--bg-main); border-color: var(--gold); } .thm-btn.thm-bg-color-one { background-color: var(--gold); color: var(--bg-main); border-color: var(--gold); } .thm-btn.thm-bg-color-one:hover { background-color: transparent; color: var(--gold); } .thm-btn.thm-bg-color-two { background: transparent; color: var(--cream-2); border-color: var(--bord-2); } .thm-btn.thm-bg-color-two:hover { background: var(--gold); color: var(--bg-main); border-color: var(--gold); } .thm-btn.thm-bg-color-three { background: var(--gold); color: var(--bg-main); border-color: var(--gold); } .thm-btn.thm-bg-color-three:hover { background: transparent; color: var(--gold); } .thm-btn.thm-bg-color-four { background: transparent; color: var(--cream-2); border-color: var(--bord-2); } .thm-btn.thm-bg-color-four:hover { background: var(--bord-2); color: var(--cream); } .thm-btn.animated-dashes > svg.inner-dashed-border { stroke: var(--gold); opacity: 0.3; } .thm-btn.btn-circle { background: var(--bord); border-color: var(--bord); color: var(--cream-2); } .thm-btn.btn-circle:hover { background: var(--gold); border-color: var(--gold); color: var(--bg-main); } /* ───────────────────────────────────── HERO BANNER ───────────────────────────────────── */ .single_banner { background-color: var(--bg-main) !important; background-image: none !important; position: relative; overflow: hidden; } .single_banner::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 55% 80% at 70% 50%, #2A1408 0%, transparent 70%), radial-gradient(ellipse 40% 60% at 15% 80%, #1A0C04 0%, transparent 60%); z-index: 0; pointer-events: none; } .single_banner::after { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle 1px at 12% 22%, rgba(201,168,76,0.45) 0%,transparent 100%), radial-gradient(circle 1.5px at 30% 58%, rgba(201,168,76,0.3) 0%,transparent 100%), radial-gradient(circle 1px at 50% 18%, rgba(201,168,76,0.25) 0%,transparent 100%), radial-gradient(circle 2px at 78% 68%, rgba(201,168,76,0.2) 0%,transparent 100%), radial-gradient(circle 1px at 88% 28%, rgba(201,168,76,0.35) 0%,transparent 100%), radial-gradient(circle 1.5px at 62% 82%, rgba(201,168,76,0.2) 0%,transparent 100%), radial-gradient(circle 1px at 22% 44%, rgba(201,168,76,0.3) 0%,transparent 100%); pointer-events: none; z-index: 0; } .single_banner .container { position: relative; z-index: 1; } .hero-badge-mayorista, .single_banner .banner_text .subtitle { font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); background: transparent; border: 1px solid var(--gold-dim); padding: 7px 18px; display: inline-block; margin-bottom: 24px; border-radius: 0; } .single_banner .banner_text .title { font-family: 'Cormorant Garamond', serif; font-weight: 300; color: var(--cream); font-size: 62px; line-height: 1.05; margin-bottom: 0; } .thm-color-three { color: var(--gold) !important; font-style: italic; } .single_banner .banner_text .text { font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 300; color: var(--muted); line-height: 1.9; max-width: 380px; margin: 20px 0 36px; } .single_banner .banner_text .thm-btn { display: block; width: fit-content; margin-bottom: 12px; } .single_banner .banner_image img { filter: drop-shadow(0 20px 60px rgba(0,0,0,0.8)); } /* ───────────────────────────────────── FULL WIDTH BOX ───────────────────────────────────── */ .full_width_box { background: var(--bg-sec); border-top: 1px solid var(--bord); border-bottom: 1px solid var(--bord); } .full_width_box .box { background-color: var(--bg-sec) !important; border-right: 1px solid var(--bord); padding: 44px 40px; transition: background 0.3s; position: relative; } .full_width_box .box::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:var(--gold); opacity:0; transition:opacity 0.3s; } .full_width_box .box:hover { background-color: #1F1008 !important; } .full_width_box .box:hover::before { opacity: 1; } .full_width_box .box .icon { color: var(--gold); font-size: 2rem; margin-bottom: 18px; } .full_width_box .box .icon i { color: var(--gold); } .full_width_box .box .text .title { font-family:'Cormorant Garamond',serif; font-size:20px; font-weight:400; color:var(--cream); margin-bottom:8px; } .full_width_box .box .text .text { font-size:13px; color:var(--muted); line-height:1.85; } /* ───────────────────────────────────── SECCIONES ───────────────────────────────────── */ .section-padding { background-color: var(--bg-main); } .thm-bg-color-light { background-color: var(--bg-sec) !important; } .section-bg:before, .section-bg-fix:before { background-color: rgba(12,6,2,0.82); } .list_style li { color:var(--cream-2); font-size:13.5px; padding-left:18px; margin-bottom:10px; } .list_style li:before { content:''; width:5px; height:5px; background:var(--gold); border-radius:50%; position:absolute; left:0; top:10px; } /* ───────────────────────────────────── GALERÍA ───────────────────────────────────── */ .gallery_box { background:var(--bg-card); border:1px solid var(--bord); overflow:hidden; } .gallery_box img { transition: transform 0.5s; } .gallery_box:hover img { transform: scale(1.05); } .gallery_box svg.inner-dashed-border { stroke: var(--gold) !important; opacity: 0.2; } .gallery_box:hover svg.inner-dashed-border { opacity: 0.5; } .gallery_box .popup-image, .gallery_box .popup-image.thm-bg-color-one, .gallery_box .popup-image.thm-bg-color-two, .gallery_box .popup-image.thm-bg-color-three, .gallery_box .popup-image.thm-bg-color-four { background-color: var(--gold); color: var(--bg-main); } /* ───────────────────────────────────── SERVICIOS ───────────────────────────────────── */ .service_box { background:var(--bg-card); border:1px solid var(--bord); transition:border-color 0.3s,background 0.3s; position:relative; } .service_box::before { content:''; position:absolute; inset:0; border-left:2px solid var(--gold); opacity:0; transition:opacity 0.3s; pointer-events:none; } .service_box:hover { border-color:var(--gold-dim); } .service_box:hover::before { opacity: 1; } .service_box .box_inner i { color:var(--gold) !important; font-size:1.8rem; margin-bottom:14px; } .service_box .title a { font-family:'Cormorant Garamond',serif; font-size:19px; font-weight:400; color:var(--cream); } .service_box .title a:hover { color:var(--gold); } .service_box p.text { color:var(--muted); font-size:13px; line-height:1.85; } .service_box.animated-dashes svg.inner-dashed-border { stroke:var(--gold); opacity:0.1; } .service_box:hover svg.inner-dashed-border { opacity: 0.3; } /* ───────────────────────────────────── CTA ───────────────────────────────────── */ .cta_bg { background-color: var(--bg-sec) !important; } .cta_bg h2 { font-family:'Cormorant Garamond',serif; color:var(--cream); font-weight:300; } /* ───────────────────────────────────── PRODUCTOS — cards con foto full ───────────────────────────────────── */ .product_box { background:var(--bg-card); border:1px solid var(--bord); transition:border-color 0.3s,transform 0.3s; overflow:hidden; } .product_box:hover { border-color:var(--gold-dim); transform:translateY(-4px); } .product_box .product_image { background:#0F0804; overflow:hidden; position:relative; } .product_box .product_image::after { content:''; position:absolute; bottom:0; left:0; right:0; height:55%; background:linear-gradient(to top,rgba(12,6,2,0.85) 0%,transparent 100%); pointer-events:none; } .product_box .product_image img { transition:transform 0.5s; width:100%; height:220px; object-fit:cover; } .product_box:hover .product_image img { transform: scale(1.06); } .product_box .product_caption { padding:20px 20px 24px; border-top:1px solid var(--bord); background:var(--bg-card); } .product_box .title { font-family:'Cormorant Garamond',serif; font-size:22px; font-weight:400; color:var(--gold); margin-bottom:4px; } .product_box .title a { color:var(--gold); } .product_box .title a:hover { color:var(--gold-lt); } .product_box .price span { color:var(--gold); font-size:13px; } .rating .bi-star.active { color:var(--gold); } .rating .bi-star { color:var(--bord-2); } .product_box .product_meta .thm-btn.btn-circle { background:rgba(201,168,76,0.1); border-color:var(--gold-dim); color:var(--gold); } .product_box .product_meta .thm-btn.btn-circle:hover { background:var(--gold); color:var(--bg-main); } .product_box .product_action .thm-btn { width:100%; font-size:10px; padding:11px 20px; letter-spacing:0.18em; } .product_box.animated-dashes svg.inner-dashed-border { stroke:var(--gold); opacity:0.1; } .product_box:hover svg.inner-dashed-border { opacity: 0.25; } /* ───────────────────────────────────── TABS SABORES ───────────────────────────────────── */ .sabores-tabs { display:flex; gap:0; border:1px solid var(--bord); width:fit-content; margin:0 auto 40px; overflow:hidden; } .sabores-tab { font-family:'DM Sans',sans-serif; font-size:10px; letter-spacing:0.18em; text-transform:uppercase; color:var(--muted); padding:12px 28px; border-right:1px solid var(--bord); background:transparent; cursor:pointer; transition:all 0.2s; white-space:nowrap; } .sabores-tab:last-child { border-right:none; } .sabores-tab:hover, .sabores-tab.active { background:var(--gold); color:var(--bg-main); } /* ───────────────────────────────────── STATS ───────────────────────────────────── */ .stats-row { display:flex; flex-wrap:wrap; background:var(--bg-sec); border-top:1px solid var(--bord); border-bottom:1px solid var(--bord); } .stats-row .stat { flex:1 1 160px; text-align:center; padding:36px 20px; border-right:1px solid var(--bord); } .stats-row .stat:last-child { border-right:none; } .stat .stat-number { font-family:'Cormorant Garamond',serif; font-size:52px; font-weight:300; color:var(--gold); line-height:1; display:block; } .stat .stat-label { font-family:'DM Sans',sans-serif; font-size:10px; letter-spacing:0.16em; text-transform:uppercase; color:var(--muted); margin-top:8px; display:block; } /* ───────────────────────────────────── TIMELINE HISTORIA ───────────────────────────────────── */ .historia-timeline { position:relative; padding-left:1.8rem; margin-top:1.5rem; } .historia-timeline::before { content:''; position:absolute; left:0; top:6px; bottom:0; width:1px; background:var(--bord-2); } .timeline-item { position:relative; margin-bottom:24px; padding-left:1.2rem; } .timeline-item::before { content:''; position:absolute; left:-1.85rem; top:7px; width:9px; height:9px; border-radius:50%; background:var(--gold); border:2px solid var(--bg-sec); box-shadow:0 0 0 1px var(--gold); } .timeline-year { font-family:'DM Sans',sans-serif; font-size:9.5px; font-weight:500; letter-spacing:0.18em; text-transform:uppercase; color:var(--gold); margin-bottom:3px; } .timeline-item h5 { font-family:'Cormorant Garamond',serif; font-size:15px; font-weight:400; color:var(--cream); margin-bottom:3px; } .timeline-item p { font-size:12.5px; color:var(--muted); line-height:1.7; margin:0; } /* ───────────────────────────────────── VENTAJAS GRID ───────────────────────────────────── */ .ventajas-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1px; background:var(--bord); border:1px solid var(--bord); margin-top:2rem; } .ventaja-card { background:var(--bg-card); padding:32px 28px; transition:background 0.3s; position:relative; overflow:hidden; } .ventaja-card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:1px; background:var(--gold); opacity:0; transition:opacity 0.3s; } .ventaja-card:hover { background:#1F1008; } .ventaja-card:hover::after { opacity:1; } .ventaja-card i { font-size:1.6rem; color:var(--gold); margin-bottom:16px; display:block; } .ventaja-card h5 { font-family:'Cormorant Garamond',serif; font-size:17px; font-weight:400; color:var(--cream); margin-bottom:8px; } .ventaja-card p { font-size:13px; color:var(--muted); line-height:1.85; margin:0; } /* ───────────────────────────────────── SABORES COUNTER ───────────────────────────────────── */ .sabores-counter { text-align:center; padding:1rem 0 0.5rem; } .sabores-counter .big-number { font-family:'Cormorant Garamond',serif; font-size:120px; font-weight:300; color:#1F1008; line-height:1; display:block; margin-bottom:-24px; user-select:none; letter-spacing:-0.02em; } .sabores-counter p { font-size:13px; color:var(--muted); margin:0; } /* ───────────────────────────────────── EQUIPO ───────────────────────────────────── */ .team_box { background:var(--bg-card); border:1px solid var(--bord); transition:border-color 0.3s; } .team_box:hover { border-color:var(--gold-dim); } .team_box .team_caption .name a { font-family:'Cormorant Garamond',serif; color:var(--cream); font-weight:400; } .team_box .team_caption .name a:hover { color:var(--gold); } .team_box .team_caption .desig { color:var(--muted); font-size:11px; letter-spacing:0.08em; } .team_box .team_social li a { background:var(--bord); border-color:var(--bord); color:var(--cream-2); } .team_box .team_social li a:hover { background:var(--gold); color:var(--bg-main); } /* ───────────────────────────────────── TESTIMONIOS ───────────────────────────────────── */ .testimonial_box { background:var(--bg-card); border:1px solid var(--bord); border-left:2px solid var(--gold); padding:28px 28px 28px 30px; } .testimonial_box h4 { font-family:'Cormorant Garamond',serif; font-size:17px; font-weight:400; color:var(--cream); margin-bottom:2px; } .testimonial_box .author_role { font-size:10px; letter-spacing:0.12em; text-transform:uppercase; color:var(--gold-dim); } .testimonial_box .testimonial_text { font-size:14px; color:var(--cream-2); line-height:1.85; font-style:italic; margin-top:12px; } .slick-dots li button { background:var(--bord); border-color:var(--bord); } .slick-dots li.slick-active button { background:var(--gold); border-color:var(--gold); } .slick-arrow { background:var(--bord); border-color:var(--bord); color:var(--cream); } .slick-arrow:hover { background:var(--gold); border-color:var(--gold); color:var(--bg-main); } /* ───────────────────────────────────── BLOG ───────────────────────────────────── */ .post { background:var(--bg-card); border:1px solid var(--bord); transition:border-color 0.3s,transform 0.3s; overflow:hidden; } .post:hover { border-color:var(--gold-dim); transform:translateY(-3px); } .post .post_meta a { color:var(--muted); font-size:11px; letter-spacing:0.08em; } .post .post_meta a span { color:var(--gold); } .post .post_title a { font-family:'Cormorant Garamond',serif; font-size:19px; font-weight:400; color:var(--cream); line-height:1.3; } .post .post_title a:hover { color:var(--gold); } .post .post_desc { color:var(--muted); font-size:13px; line-height:1.8; } .post.animated-dashes svg.inner-dashed-border { stroke:var(--gold); opacity:0.1; } .post:hover svg.inner-dashed-border { opacity:0.25; } /* ───────────────────────────────────── FOOTER ───────────────────────────────────── */ .footer { background-color: #0A0602 !important; border-top:1px solid var(--bord); } .footer .ft_widgets .ft_title { font-family:'DM Sans',sans-serif; font-size:10px; letter-spacing:0.2em; text-transform:uppercase; color:var(--gold); font-weight:500; border-bottom:1px solid var(--bord); padding-bottom:14px; margin-bottom:24px; } .footer .ft_widgets .ft_title span { color:var(--gold); } .footer .ft_widgets .ft_title:after { background-color:var(--gold); height:1px; bottom:-1px; width:24px; } .footer .ft_about p { color:var(--muted); font-size:13px; line-height:1.9; } .footer .ft_menu li > a { color:var(--muted); font-size:13px; } .footer .ft_menu li > a:hover { color:var(--gold); padding-left:4px; } .footer .ft_menu li > a:before, .footer .ft_menu li+li>a:before, .footer .ft_menu li+li+li>a:before, .footer .ft_menu li+li+li+li>a:before, .footer .ft_menu li+li+li+li+li>a:before, .footer .ft_menu li+li+li+li+li+li>a:before { color:var(--gold-dim); } .footer .ft_menu li+li>a:hover, .footer .ft_menu li+li+li>a:hover, .footer .ft_menu li+li+li+li>a:hover, .footer .ft_menu li+li+li+li+li>a:hover, .footer .ft_menu li+li+li+li+li+li>a:hover { color:var(--gold); } .footer .ft_gallery .animated-dashes svg.inner-dashed-border, .footer .ft_gallery li.animated-dashes svg.inner-dashed-border, .footer .ft_gallery li+li.animated-dashes svg.inner-dashed-border, .footer .ft_gallery li+li+li.animated-dashes svg.inner-dashed-border, .footer .ft_gallery li+li+li+li.animated-dashes svg.inner-dashed-border, .footer .ft_gallery li+li+li+li+li.animated-dashes svg.inner-dashed-border, .footer .ft_gallery li+li+li+li+li+li.animated-dashes svg.inner-dashed-border { stroke:var(--gold); } .footer .ft_widgets .ft_contact li > a { color:var(--muted); } .footer .ft_widgets .ft_contact li > a:hover { color:var(--gold); } .footer .ft_social li a.thm-btn { background:transparent; border-color:var(--bord-2); color:var(--muted); } .footer .ft_social li a.thm-btn:hover { background:var(--gold); border-color:var(--gold); color:var(--bg-main); } /* ───────────────────────────────────── COPYRIGHT ───────────────────────────────────── */ .thm-bg-color-three { background-color:#060401 !important; border-top:1px solid var(--bord); } .thm-bg-color-three p, .thm-bg-color-three .copyright p { color:var(--muted); font-size:11px; letter-spacing:0.06em; } .thm-bg-color-three a { color:var(--muted); } .thm-bg-color-three a:hover { color:var(--gold); } /* ───────────────────────────────────── BACK TO TOP / WA / FORMS / MODALES ───────────────────────────────────── */ .back-to-top { background:var(--bord); border-color:var(--bord); color:var(--cream); } .back-to-top:before { border-color:var(--gold); opacity:0.35; } .back-to-top:hover,.back-to-top:focus { background:var(--gold); border-color:var(--gold); color:var(--bg-main); } .whatsapp-float { position:fixed; bottom:2rem; right:2rem; z-index:9999; background:#25D366; color:#fff; width:54px; height:54px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.4rem; box-shadow:0 4px 20px rgba(37,211,102,0.35); text-decoration:none; transition:transform 0.2s; border:none; } .whatsapp-float:hover { transform:scale(1.1); color:#fff; } .form-control-custom { background:var(--bg-card); border-color:var(--bord); color:var(--cream); } .form-control-custom:focus { background:var(--bg-card); border-color:var(--gold); color:var(--cream); box-shadow:none; } .form-control-custom::placeholder { color:var(--muted); } .form-control-custom + i { color:var(--gold); } .modal-content { background:#100800; border:1px solid var(--bord); border-radius:0; } .shopModal .close-btn span { background-color:var(--cream); } .product_details.product_box .product_meta, .shopModal .product_box .product_meta { border-bottom-color:var(--bord); } .product_details .product_meta li strong, .shopModal .product_meta li strong { color:var(--gold); } .search-form-wrapper { background:rgba(10,6,2,0.96); } .search-form-wrapper form input { color:var(--cream); border-bottom-color:var(--bord-2); } .search-form-wrapper form input::placeholder { color:var(--muted); } .search-form-wrapper .search-btn { color:var(--gold); } .pagination .page-item .page-link { background:var(--bord); color:var(--cream-2); } .pagination .page-item.active .page-link, .pagination .page-item:hover .page-link { background:var(--gold); color:var(--bg-main); } table th,table td { background:var(--bg-card); border-color:var(--bord); color:var(--cream-2); } table th { color:var(--cream); } /* ───────────────────────────────────── RESPONSIVE ───────────────────────────────────── */ @media (max-width:991px) { .header .navigation { background:#0A0602; } .header .navigation .main-menu > .menu-item > a { background:#0A0602; border-bottom-color:var(--bord); color:var(--cream-2); } } @media (max-width:767px) { .single_banner .banner_text .title { font-size:40px; } h1 { font-size:38px; } h2 { font-size:30px; } .stats-row .stat { flex:1 1 45%; } .sabores-counter .big-number { font-size:72px; } .trust-bar span { font-size:10px; padding:4px 14px; } } @media (max-width:575px) { .trust-bar { display:none; } .stats-row .stat { flex:1 1 100%; border-right:none; border-bottom:1px solid var(--bord); } .single_banner .banner_text .title { font-size:34px; } .ventajas-grid { grid-template-columns:1fr; } }