/* =================================================================== TACOS DON MANOLITO — Tema "CASUAL" Overrides sobre tdm.css. Mismos pantones y tipografías. Más grande, jugado y cálido. Se activa con . =================================================================== */ body.casual{background:var(--crema);font-size:18px;} /* Títulos más grandes y apretados */ .casual h1,.casual h2,.casual h3,.casual h4{letter-spacing:-.012em;line-height:.98;} /* Franja superior dorada de marca */ .casual .site-header{border-top:5px solid var(--dorado);} .casual .nav__links a, .casual .nav__links button{font-size:.92rem;letter-spacing:.03em;} /* Etiquetas tipo "sticker" */ .casual .kicker{ background:var(--dorado);color:var(--negro);padding:8px 18px;border-radius:999px; letter-spacing:.06em;font-size:.82rem;font-weight:700;box-shadow:0 6px 16px rgba(147,60,6,.16); } .casual .kicker::before{display:none;} .casual .kicker--light{background:rgba(231,176,66,.16);color:var(--dorado-cl);box-shadow:none;} /* Botones más robustos y con pop */ .casual .btn{ padding:18px 38px;font-size:1.04rem;letter-spacing:.04em;font-weight:700; box-shadow:0 10px 24px rgba(147,60,6,.18); } .casual .btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(147,60,6,.26);} .casual .nav__cta.btn{padding:14px 28px;font-size:.92rem;box-shadow:0 8px 18px rgba(231,176,66,.3);} .casual .btn--lg{padding:21px 46px;font-size:1.12rem;} /* Barra de acción cálida (café en vez de negro) */ .casual .hero-bar{background:var(--cafe);} .casual .hero-bar__tag span{color:rgba(255,255,255,.92);} .casual .hero-bar__tag b{color:var(--dorado-cl);} .casual .hero-bar__tag .dot{background:var(--dorado-cl);box-shadow:0 0 0 5px rgba(244,206,123,.25);} /* Accesos: más redondeados y con más sombra */ .casual .access{background:var(--crema);} .casual .acard{border-radius:22px;box-shadow:0 14px 36px rgba(21,16,10,.10);} .casual .acard:hover{transform:translateY(-8px);box-shadow:0 26px 60px rgba(21,16,10,.16);} .casual .acard__body{padding:26px 28px 28px;} .casual .acard__body h3{font-size:1.85rem;} .casual .acard__body .ico{width:46px;height:46px;border-width:2px;} /* Historia: títulos enormes, fotos redondeadas, sello más grande */ .casual .story__title{font-size:clamp(2.9rem,6.2vw,4.7rem);} .casual .story__photo{border-radius:18px;} .casual .story__photo--2{border-width:10px;border-radius:22px;} .casual .story__badge{ width:142px;height:142px;transform:rotate(-11deg); box-shadow:0 16px 34px rgba(21,16,10,.22);border:4px solid #fff; } .casual .story__badge b{font-size:2.6rem;} .casual .story__badge span{font-size:.68rem;} .casual .story__stat b{font-size:2.5rem;} /* CampechaBoxx: aún más grande */ .casual .boxx__title{font-size:clamp(2.9rem,6.6vw,4.8rem);} .casual .boxx__lead{font-size:1.5rem;font-weight:600;} .casual .boxx__photo{border-radius:22px;} .casual .boxx__feat b{font-size:2rem;} /* Galería: títulos grandes y bordes suaves */ .casual .gallery__head h2{font-size:clamp(2.6rem,5.6vw,4.3rem);} .casual .gallery__grid a{border-radius:18px;} /* Reseñas: tarjetas más redondas y legibles */ .casual .reviews__head h2{font-size:clamp(2.6rem,5.8vw,4.3rem);} .casual .review{border-radius:22px;padding:32px 30px;background:rgba(255,255,255,.07);} .casual .review__txt{font-size:1.15rem;} .casual .review__avatar{width:50px;height:50px;font-size:1.3rem;} /* Footer un poco más cálido */ .casual .footer h5{letter-spacing:.1em;} /* WhatsApp más grande/amigable */ .casual .wa-float{width:64px;height:64px;} /* ---- MENÚ (casual) ---- */ .casual .chips a{font-size:.9rem;} .casual .chips a.is-active{box-shadow:0 8px 18px rgba(147,60,6,.2);} .casual .menu-cat__head h2{font-size:clamp(2.4rem,5vw,3.8rem);} .casual .mdish{border-radius:22px;border-color:transparent;box-shadow:0 10px 26px rgba(21,16,10,.08);} .casual .mdish:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(21,16,10,.15);} .casual .mdish__name{font-size:1.3rem;} .casual .mdish__price{font-size:1rem;} .casual .menu-cta h2{font-size:clamp(2.4rem,5.4vw,4rem);} /* ---- DÓNDE ESTAMOS (casual) ---- */ .casual .locpage__map{border-radius:24px;} .casual .loc-search{border-radius:999px;} .casual .loc-box{border-radius:24px;border-color:transparent;box-shadow:0 10px 26px rgba(21,16,10,.08);} .casual .loc-box:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(21,16,10,.15);} .casual .loc-box h3{font-size:1.65rem;} .casual .loc-box__btns .btn{box-shadow:0 6px 14px rgba(21,16,10,.12);} /* ---- ORDENA EN LÍNEA (casual) ---- */ .casual .loc-card{border-radius:22px;border-color:transparent;box-shadow:0 10px 24px rgba(21,16,10,.07);} .casual .loc-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(21,16,10,.14);} .casual .loc-card h3{font-size:1.6rem;} .casual .loc-map{border-radius:24px;} .casual .loc-card__btns .btn{box-shadow:0 6px 14px rgba(21,16,10,.12);} /* ---- EVENTOS PRIVADOS (casual) ---- */ .casual .evhero__title{font-size:clamp(3rem,7.4vw,5.8rem);} .casual .evsplit__body h2{font-size:clamp(2.2rem,5vw,3.6rem);} .casual .evphoto{border-radius:28px;} .casual .cotiza__panel{border-radius:30px;} .casual .field input,.casual .field select,.casual .field textarea{border-radius:14px;} /* ---- NOSOTROS (casual) ---- */ .casual .ctaband h2{font-size:clamp(2.1rem,5.4vw,3.7rem);line-height:1.2;} .casual .about-stat b{font-size:clamp(2.2rem,4vw,3rem);} /* ---- GALERÍA (casual) ---- */ .casual .galgrid button{border-radius:20px;} /* ---- HAZTE CAMPECHALOVER (casual) ---- */ .casual .join__title{font-size:clamp(2.6rem,5.6vw,4.3rem);} .casual .join-card{border-radius:30px;} .casual .join-card .field input{border-radius:14px;}