/*  
Theme Name: Mi Primo de Tijuana 2026
Theme URI: https://codeados.com/
Version: 1.0.0
Author: Codeados 
Author URI: https://codeados.com/
Description:  Mi Primo de Tijuana 2026
*/  
@import url("https://cdn.gestoapp.com/v2/style.css");


.colorwhite, .colorwhite a { color: var(--blanco); }
.container { position: relative; margin: 0 auto; width: 96%; max-width: 1080px; }
header, header > *, #logo { transition: all 0.3s ease; }
header { padding: 0; padding-top: 8px; padding-bottom: 8px; background: transparent; }
header.scroll { top: -100px; }
#logo { line-height: 0; display: block; max-width: 100%; width: 180px; }
header.scroll.fixed  #logo { }
#navigation { margin-top: 5px; }
header.scroll #navigation { }
nav#navigation ul li a { font-weight: 500; padding: 4px 8px; padding-top: 6px; }
nav#navigation ul li a:hover { }
a.trigger_menu { position: absolute; top: 0px; right: 10px; background: var(--corporativo2); color: #ffffff; padding: 0; height: 45px; width: 45px; line-height: 47px; border-radius: 50%; font-size: 20px; border: none; }
#footer a { color: var(--corporativo1) }
#navigationfooter { padding: 6px 0px; box-sizing: border-box; }
#navigationfooter ul { text-align: center; margin: 0; list-style: none; }
#navigationfooter ul li { text-align: center; margin-bottom: 10px; display: inline-block; }
#navigationfooter ul li a { margin-bottom: 0; padding: 4px 10px; font-size: 18px; text-transform: uppercase; margin-right: 10px; font-weight: 700; width: 100%; display: block; box-sizing: border-box; margin: 10px; border-radius: 20px; }
#navigationfooter ul li a:hover { text-decoration: none; background: var(--corporativo2alt); }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { text-transform: uppercase; font-weight: 700; letter-spacing: -1px; }
h1, .h1 { font-size: 2.8em }
h2, .h2 { font-size: 2.4em }
h3, .h3 { font-size: 2.5em }
h4, .h4 { font-size: 2.0em }
h5, .h5 { font-size: 1.8em }
h6, .h6 { font-size: 1.6em }
.jumbotitle { font-size: 48px; }
.bg_home h1 { line-height: 120%; }
#gotodelivery { width: 326px; box-shadow: 3px 3px 3px #880d0029; border-bottom: 3px solid #bb1e0f; border-radius: 30px; }
#gotodelivery:hover { width: 340px }
.bg_tijuana { position: absolute; bottom: 0px; right: 80px; opacity: 0.2; z-index: -1; }
.bg_home { padding-top: 100px; padding-bottom: 120px; position: relative; z-index: 0; }
.bg_home { overflow: hidden; background-image: linear-gradient(111deg, #f8ece6, #fdd6c3 100%); }
.cara_logo { width: 240px; clear: both; display: block; margin: 20px auto; }
.hero_logo { width: 600px }
.diagonal { position: relative; padding: 80px 0; z-index: 1; background: #f8ece6; }
.diagonal:before { content: ''; position: absolute; top: -38px; left: 0; width: 100%; height: 40px; background: #f8ece6; clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%); z-index: -2; }
.diagonal2 { position: relative; padding: 80px 0; z-index: 1; background: var(--corporativo1); }
.diagonal2:before { content: ''; position: absolute; top: -38px; left: 0; width: 100%; height: 40px; background: var(--corporativo1); clip-path: polygon(0 100%, 100% 0, 100% 100%, 0 100%); z-index: -2; }
@keyframes moveUpDown {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}
img.recurso_1 { position: absolute; width: 70px; animation: loaderShake 1s ease-in-out infinite; top: 0; right: 20%; }
img.recurso_1b { position: absolute; width: 70px; top: -60px; left: -10%; transform: rotate(270deg); }
img.recurso_2 { width: 240px; z-index: 0; animation: moveUpDown 2s ease-in-out infinite; }
img.recurso_3 { width: 240px; z-index: 0; animation: moveUpDown 2s ease-in-out infinite; }
img.recurso_4 { max-width: 80%; width: 660px; z-index: 0; }
.recurso_5 { transition: transform .2s; }
.recurso_5:hover { animation: shakeSoft .45s ease-in-out; }
@keyframes shakeSoft {
    0% { transform: rotate(0deg) translateX(0); }
    25% { transform: rotate(-2deg) translateX(-2px); }
    50% { transform: rotate(2deg) translateX(2px); }
    75% { transform: rotate(-1deg) translateX(-1px); }
    100% { transform: rotate(0deg) translateX(0); }
}
.frases-marquee { background: var(--corporativo1); color: var(--corporativo2); overflow: hidden; padding: 8px 0; position: absolute; top: 0; left: 0; width: 100%; }
.frases-marquee .carousel-cell { margin-right: 80px; font-weight: 600; font-size: 18px; white-space: nowrap; }
.frases-marquee .flickity-button, .frases-marquee .flickity-page-dots { display: none; }
@media screen and (max-width:1200px) {
    nav#navigation ul li a { }
}
@media screen and (max-width:1030px) {
    nav#navigation { background: var(--corporativo2); margin: 0; }
    nav#navigation ul { text-align: left; }
    nav#navigation ul li a { font-size: 25px; }
    #navigationfooter ul li { display: block; width: 100%; text-align: center; }
    #navigationfooter ul li a { margin: 0; }
    #logo { max-width: 240px; }
    .tabletmb20 { margin-bottom: 20px !important; }
    .bg_home { padding-top: 90px; padding-bottom: 90px; }
    .jumbotitle { font-size: 35px; }
    img.recurso_1 { right: 10%; }
    .bg_tijuana { bottom: 100px; right: -20px; }
    .cara_logo { width: 200px; clear: both; display: block; margin: 18px auto; }
    .hero_logo { width: 300px }
    img.recurso_3 { width: 200px; }
}
@media screen and (max-width:480px) {
    .bg_home { padding-top: 80px; padding-bottom: 80px; }
}