@charset "UTF-8"; /* * ═══════════════════════════════════════════════════ * ANTA HELADOS — Premium CSS Heladería * Cargar ÚLTIMO en el : * * ═══════════════════════════════════════════════════ */ @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=DM+Sans:wght@300;400;500&display=swap'); /* ── VARIABLES ─────────────────────────────── */ :root { --thm-font: 'Cormorant Garamond', serif; --thm-b-font: 'DM Sans', sans-serif; --thm-color-one: #B81462; --thm-color-two: #1A0810; --thm-color-three: #B81462; --thm-color-four: #E8509A; --thm-color-one-rgb: 184, 20, 98; --thm-color-two-rgb: 26, 8, 16; --thm-color-three-rgb: 184, 20, 98; --thm-color-four-rgb: 232, 80, 154; --thm-color-light: #FDF0F5; --thm-color-light-rgb: 253, 240, 245; --thm-body-color: #8A6070; --thm-white: #FAF7F5; --thm-white-rgb: 250, 247, 245; --thm-border: #F0D8E4; --bg-main: #FAF7F5; --bg-white: #FFFFFF; --bg-dark: #1A0810; --bg-dark-2: #12060F; --mg: #B81462; --mg-lt: #E8509A; --mg-dim: #8A1048; --cream: #1A0810; --cream-2: #8A6070; --muted: #C4A0B0; --bord: #F0D8E4; --bord-2: #ECC8DA; } /* ── 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; } .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 .2s; } a:hover,a:focus { color: var(--mg); 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(--mg); } ::selection { background: var(--mg); color: #fff; } /* ── HEADER ─────────────────────────────────── */ .header { background-color: #fff !important; border-bottom: 1px solid var(--bord); box-shadow: 0 1px 20px rgba(184,20,98,.06); } .header.sticky { background: #fff !important; box-shadow: 0 2px 30px rgba(184,20,98,.1); } .header .navigation .main-menu > .menu-item > a { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 400; letter-spacing: .12em; 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(--mg); } .header .navigation .main-menu > .menu-item > a.active:before, .header .navigation .main-menu > .menu-item:hover > a:before { background-color: var(--mg); height: 2px; width: 100%; } .header .navigation .menu-item-has-children .sub-menu { background: #fff; border: 1px solid var(--bord); border-top: 2px solid var(--mg); box-shadow: 0 8px 30px rgba(184,20,98,.1); } .header .navigation .menu-item-has-children .sub-menu .menu-item > a { background: #fff; color: var(--cream-2); } .header .navigation .menu-item-has-children .sub-menu .menu-item:hover > a { background: var(--thm-color-light); color: var(--mg); } .header .hamburger { background-color: var(--mg); } .header .navigation { background-color: #fff; } .header .header_actions .thm-btn, .header .header_actions ul li a.thm-btn { background: var(--mg) !important; border-color: var(--mg) !important; color: #fff !important; } .header .header_actions .thm-btn:hover, .header .header_actions ul li a.thm-btn:hover { background: var(--mg-dim) !important; border-color: var(--mg-dim) !important; } /* ── SECTION HEADERS ────────────────────────── */ .section-header .title { font-family: 'Cormorant Garamond', serif; font-weight: 400; color: var(--cream); font-size: 36px; } .section-header .subtitle { font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: var(--mg); } .section-header .subtitle:before, .section-header .subtitle:after { background-color: var(--mg); height: 1px; } /* ── BOTONES ────────────────────────────────── */ .thm-btn { font-family: 'DM Sans', sans-serif; font-size: 10.5px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; border-radius: 0; padding: 12px 28px; background-color: var(--mg); color: #fff; border: 1px solid var(--mg); transition: all .25s; position: relative; } .thm-btn:hover,.thm-btn:focus { background-color: var(--mg-dim); color: #fff; border-color: var(--mg-dim); } .thm-btn.thm-bg-color-one { background: var(--mg); color: #fff; border-color: var(--mg); } .thm-btn.thm-bg-color-one:hover { background: var(--mg-dim); border-color: var(--mg-dim); } .thm-btn.thm-bg-color-two { background: var(--bg-dark); color: var(--thm-white); border-color: var(--bg-dark); } .thm-btn.thm-bg-color-two:hover { background: var(--mg); border-color: var(--mg); color: #fff; } .thm-btn.thm-bg-color-three { background: var(--mg); color: #fff; border-color: var(--mg); } .thm-btn.thm-bg-color-three:hover { background: var(--mg-dim); border-color: var(--mg-dim); } .thm-btn.thm-bg-color-four { background: transparent; color: var(--mg); border-color: var(--bord-2); } .thm-btn.thm-bg-color-four:hover { background: var(--mg); color: #fff; border-color: var(--mg); } .thm-btn.animated-dashes > svg.inner-dashed-border { stroke: rgba(255,255,255,.4); } .thm-btn.btn-circle { background: var(--thm-color-light); border-color: var(--bord); color: var(--mg); } .thm-btn.btn-circle:hover { background: var(--mg); border-color: var(--mg); color: #fff; } /* ── BANNER / HERO ──────────────────────────── */ .single_banner { background-color: #fff !important; background-image: none !important; } .single_banner .banner_text .subtitle { font-family: 'DM Sans', sans-serif; font-size: 10px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: var(--mg); background: transparent; border: 1px solid var(--bord-2); padding: 6px 16px; display: inline-block; margin-bottom: 20px; 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.04; } .thm-color-three { color: var(--mg) !important; font-style: italic; } .single_banner .banner_text .text { font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 300; color: var(--cream-2); line-height: 1.9; max-width: 400px; margin: 18px 0 32px; } /* ── FULL WIDTH BOX ─────────────────────────── */ .full_width_box { background: #fff; border-top: 1px solid var(--bord); border-bottom: 1px solid var(--bord); } .full_width_box .box { background-color: #fff !important; border-right: 1px solid var(--bord); padding: 44px 40px; transition: background .3s; position: relative; } .full_width_box .box::before { content:''; position:absolute; top:0;left:0;right:0;height:3px;background:var(--mg);opacity:0;transition:opacity .3s; } .full_width_box .box:hover { background-color: var(--thm-color-light) !important; } .full_width_box .box:hover::before { opacity: 1; } .full_width_box .box .icon { color: var(--mg); font-size: 2rem; margin-bottom: 18px; } .full_width_box .box .icon i { color: var(--mg); } .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(--cream-2);line-height:1.85; } /* ── SECCIONES ──────────────────────────────── */ .section-padding { background-color: var(--bg-main); } .thm-bg-color-light { background-color: #fff !important; } .section-bg:before,.section-bg-fix:before { background-color: rgba(26,8,16,.75); } .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(--mg);border-radius:50%;position:absolute;left:0;top:10px; } /* ── GALERÍA ────────────────────────────────── */ .gallery_box { background:var(--bg-main);border:1px solid var(--bord);overflow:hidden; } .gallery_box img { transition:transform .5s; } .gallery_box:hover img { transform:scale(1.05); } .gallery_box svg.inner-dashed-border { stroke:var(--mg) !important;opacity:.25; } .gallery_box:hover svg.inner-dashed-border { opacity:.6; } .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(--mg);color:#fff; } /* ── SERVICIOS ──────────────────────────────── */ .service_box { background:#fff;border:1px solid var(--bord);transition:border-color .3s,background .3s;position:relative; } .service_box::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--mg);opacity:0;transition:opacity .3s;pointer-events:none; } .service_box:hover { border-color:var(--bord-2); } .service_box:hover::before { opacity:1; } .service_box .box_inner i { color:var(--mg) !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(--mg); } .service_box p.text { color:var(--cream-2);font-size:13px;line-height:1.85; } .service_box.animated-dashes svg.inner-dashed-border { stroke:var(--mg);opacity:.12; } .service_box:hover svg.inner-dashed-border { opacity:.3; } /* ── CTA ────────────────────────────────────── */ .cta_bg { background-color:var(--bg-dark) !important; } .cta_bg h2 { font-family:'Cormorant Garamond',serif;color:var(--thm-white);font-weight:300; } /* ── PRODUCTOS ──────────────────────────────── */ .product_box { background:#fff;border:1px solid var(--bord);transition:border-color .3s,transform .3s;overflow:hidden; } .product_box:hover { border-color:var(--bord-2);transform:translateY(-4px); } .product_box .product_image { background:var(--thm-color-light);overflow:hidden; } .product_box .product_image img { transition:transform .5s; } .product_box:hover .product_image img { transform:scale(1.05); } .product_box .product_caption { padding:18px 20px 22px;border-top:1px solid var(--bord);background:#fff; } .product_box .title { font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:400;color:var(--cream);margin-bottom:4px; } .product_box .title a { color:var(--cream); } .product_box .title a:hover { color:var(--mg); } .product_box .price span { color:var(--mg);font-size:13px; } .rating .bi-star.active { color:var(--mg); } .rating .bi-star { color:var(--bord); } .product_box .product_meta .thm-btn.btn-circle { background:var(--thm-color-light);border-color:var(--bord);color:var(--mg); } .product_box .product_meta .thm-btn.btn-circle:hover { background:var(--mg);color:#fff; } .product_box.animated-dashes svg.inner-dashed-border { stroke:var(--mg);opacity:.1; } .product_box:hover svg.inner-dashed-border { opacity:.25; } /* ── TESTIMONIOS ────────────────────────────── */ .testimonial_box { background:#fff;border:1px solid var(--bord);border-left:2px solid var(--mg);padding:28px; } .testimonial_box h4 { font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:400;color:var(--cream);margin-bottom:2px; } .slick-dots li button { background:var(--bord);border-color:var(--bord); } .slick-dots li.slick-active button { background:var(--mg);border-color:var(--mg); } .slick-arrow { background:var(--thm-color-light);border-color:var(--bord);color:var(--mg); } .slick-arrow:hover { background:var(--mg);border-color:var(--mg);color:#fff; } /* ── BLOG ───────────────────────────────────── */ .post { background:#fff;border:1px solid var(--bord);transition:border-color .3s,transform .3s;overflow:hidden; } .post:hover { border-color:var(--bord-2);transform:translateY(-3px); } .post .post_meta a { color:var(--muted);font-size:11px; } .post .post_meta a span { color:var(--mg); } .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(--mg); } .post .post_desc { color:var(--cream-2);font-size:13px;line-height:1.8; } .post.animated-dashes svg.inner-dashed-border { stroke:var(--mg);opacity:.1; } .post:hover svg.inner-dashed-border { opacity:.25; } /* ── EQUIPO ─────────────────────────────────── */ .team_box { background:#fff;border:1px solid var(--bord);transition:border-color .3s; } .team_box:hover { border-color:var(--bord-2); } .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(--mg); } .team_box .team_caption .desig { color:var(--muted);font-size:11px;letter-spacing:.08em; } .team_box .team_social li a { background:var(--thm-color-light);border-color:var(--bord);color:var(--mg); } .team_box .team_social li a:hover { background:var(--mg);color:#fff; } /* ── FOOTER ─────────────────────────────────── */ .footer { background-color:#12060F !important;border-top:1px solid #2A1020; } .footer .ft_widgets .ft_title { font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mg);font-weight:500;border-bottom:1px solid #2A1020;padding-bottom:14px;margin-bottom:22px; } .footer .ft_widgets .ft_title span { color:var(--mg); } .footer .ft_widgets .ft_title:after { background-color:var(--mg);height:1px;bottom:-1px;width:24px; } .footer .ft_about p { color:#4A2035;font-size:13px;line-height:1.9; } .footer .ft_menu li > a { color:#4A2035;font-size:13px; } .footer .ft_menu li > a:hover { color:var(--mg); } .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(--mg-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(--mg); } .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(--mg); } .footer .ft_widgets .ft_contact li > a { color:#4A2035; } .footer .ft_widgets .ft_contact li > a:hover { color:var(--mg); } .footer .ft_social li a.thm-btn { background:transparent;border-color:#2A1020;color:#4A2035; } .footer .ft_social li a.thm-btn:hover { background:var(--mg);border-color:var(--mg);color:#fff; } /* ── COPYRIGHT ──────────────────────────────── */ .thm-bg-color-three { background-color:#0E040B !important;border-top:1px solid #2A1020; } .thm-bg-color-three p, .thm-bg-color-three .copyright p { color:#3A1528;font-size:11px;letter-spacing:.06em; } .thm-bg-color-three a { color:#3A1528; } .thm-bg-color-three a:hover { color:var(--mg); } /* ── BACK TO TOP ────────────────────────────── */ .back-to-top { background:var(--thm-color-light);border-color:var(--bord);color:var(--mg); } .back-to-top:before { border-color:var(--mg);opacity:.3; } .back-to-top:hover,.back-to-top:focus { background:var(--mg);border-color:var(--mg);color:#fff; } /* ── WHATSAPP ───────────────────────────────── */ .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,.35);text-decoration:none;transition:transform .2s;border:none; } .whatsapp-float:hover { transform:scale(1.1);color:#fff; } /* ── FORMULARIOS ────────────────────────────── */ .form-control-custom { background:#fff;border-color:var(--bord);color:var(--cream); } .form-control-custom:focus { background:#fff;border-color:var(--mg);color:var(--cream);box-shadow:none; } .form-control-custom::placeholder { color:var(--muted); } .form-control-custom + i { color:var(--mg); } /* ── MODALES ────────────────────────────────── */ .modal-content { background:#fff;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(--mg); } /* ── SEARCH ─────────────────────────────────── */ .search-form-wrapper { background:rgba(26,8,16,.95); } .search-form-wrapper form input { color:var(--thm-white);border-bottom-color:#2A1020; } .search-form-wrapper form input::placeholder { color:#4A2035; } .search-form-wrapper .search-btn { color:var(--mg); } /* ── PAGINACIÓN ─────────────────────────────── */ .pagination .page-item .page-link { background:var(--thm-color-light);color:var(--mg); } .pagination .page-item.active .page-link, .pagination .page-item:hover .page-link { background:var(--mg);color:#fff; } /* ── TABLAS ─────────────────────────────────── */ table th,table td { background:#fff;border-color:var(--bord);color:var(--cream-2); } table th { color:var(--cream); } /* ── RESPONSIVE ─────────────────────────────── */ @media(max-width:991px){ .header .navigation { background:#fff; } .header .navigation .main-menu > .menu-item > a { background:#fff;border-bottom-color:var(--bord);color:var(--cream-2); } } @media(max-width:767px){ h1 { font-size:38px; } h2 { font-size:30px; } .single_banner .banner_text .title { font-size:40px; } } @media(max-width:575px){ .single_banner .banner_text .title { font-size:32px; } }