/* =====================================================
   estilos.css — CORREGIDO
   Fixes aplicados:
   1. Las 4 reglas duplicadas de .oferta consolidadas en 1
   2. font:700 corregido a font-weight:700
   3. Selector CSS malformado de growlUI corregido
   4. will-change añadido a elementos animados para mejor rendimiento
   ===================================================== */

/* --- OFERTA (era 4 reglas separadas, ahora 1 consolidada) --- */
.oferta {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    overflow: hidden;
    max-height: 100vh;
    font-size: 16px;
    padding: 10px;
}

@media (min-width: 769px) {
    .oferta {
        font-size: inherit;
        padding: 0;
    }
}

#cambiosDeDiseno {
    position: absolute;
    left: -9999px;
}

/* --- TIPOGRAFÍA PERSONALIZADA --- */
.custom-heading {
    font-size: 1.2rem;
    font-weight: normal;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    max-width: 800px;
    overflow-wrap: break-word;
}

h3.custom-heading {
    font-size: 1.2rem !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- ESTILOS PRINCIPALES (minificado, con correcciones) --- */
#contenido ul,#links ul,nav ul{list-style:none}.separador,nav ul{text-align:center}#contact-form,#contenido,#formulario textarea,#main,#slider,.navbar-brand,footer,nav,nav li a,nav li ul li,nav ul li{width:100%}#logoAnimado img,nav li a{transition:all 1s ease;cursor:pointer;will-change:transform}#formulario,#links,#redes{min-height:370px;box-shadow:5px 5px 10px gray}#contenido,#formulario,#links,#redes,footer{box-shadow:5px 5px 10px gray}#logoAnimado,#logoAnimado2,#telAnimado img,footer{position:relative}#clean,#links ul li a,#send,#telAnimado,#telAnimado2,nav li a,nav li a:hover{text-decoration:none}.small{font-size:12px}.large{font-size:20px}#notFound{margin:0 auto;width:50%}h4{color:#00f;text-shadow:5px 5px 10px green}p{text-align:justify}

/* CORREGIDO: font:700 → font-weight:700 (era valor inválido) */
nav{font-weight:700;padding:0}

nav ul{margin:0 auto;padding:0;width:95%}nav ul li{display:block;margin:0;vertical-align:middle}nav li a{background:rgba(45,78,157,.9);border:1px solid gold;border-radius:.5em;color:gold;display:inline-block;font-size:15px;padding:.5em 0}nav li .flecha{font-size:9px;padding-left:6px;display:none}nav li a:not(:last-child) .flecha{display:inline}#banquetes-bogota,#magia,#minitecas-bogota,#novedades,#titulo,.hidden,nav li ul{display:none}nav li a:hover{background:#5cb85c;border:2px solid #428bca;color:#fff;transform:scale(1.05)}#clean,footer{border-radius:.5em}.separador{padding:.5em 0}.separador h3{font-size:26px;font-weight:900;color:red;text-shadow:5px 5px 10px #ff0}footer{padding:.5em;opacity:.9;background:#5bc0de;min-height:380px;height:auto;z-index:9}footer .padding{padding:35px 0 0}footer h4{margin:1em 0}#buscar_boton{cursor:pointer;display:inline-block;width:10%}#clean{background:#f0ad4e;box-shadow:5px 5px 5px gray;padding:.5em}

/* CORREGIDO: selector malformado separado en 2 reglas independientes */
div.growlUI{background:url(check48.png) 10px 10px no-repeat}
div.growlUI h1, h1#contenido{text-align:center}
div.growlUI h2{color:#fff;padding:5px 5px 5px 75px;text-align:left}

#search-form,#send{box-shadow:5px 5px 5px gray;padding:.5em}#contenido h2,#contenido h3{text-align:center;font-weight:700;text-shadow:5px 5px 10px #ff0}#contenido{font-size:18px;border:1px solid #add8e6;border-radius:.5em;background:rgba(28,130,241,.8);padding-right:.5em}#formulario,#links,#redes,#search-form,#send{border-radius:.5em}#contenido h2{color:red;font-size:18px}#contenido h3{color:#adff2f}#contenido ul{text-align:justify;color:#fff}.who figure,span.resaltar3{text-align:center}#contenido span{color:#ff0}#personajesTitle{cursor:pointer;margin:0 25%;color:#ff0;text-shadow:5px 5px 5px #ff0}#decoracionesTitle{cursor:pointer;margin:0 25%;color:#00f;text-shadow:5px 5px 5px #00f}#minitecas-bogotaTitle{cursor:pointer;margin:0 25%;color:red;text-shadow:5px 5px 5px red}#formularioContacto{display:inline-block;width:65%}#formulario{background:rgba(255,216,0,.8)}#formulario input{width:50%}#links{background:rgba(255,0,220,.8)}#links ul li a{color:#ff0;font-size:24px;text-shadow:5px 5px 5px green}#links ul li a:hover{color:rgba(0,255,208,.8)}

/* Elementos animados con will-change para evitar reflows */
#logoAnimado{cursor:pointer;margin:0;top:1em;width:0;will-change:transform}
#logoAnimado img{width:150px}#logoAnimado:hover img{transform:translateX(1em) rotate3d(1,1,1,360deg)}#logoAnimado2{cursor:pointer;top:.5em;left:35%;margin:0;will-change:transform}#logoAnimado2 img{width:0}#logoAnimado2:hover img{transform:rotate3d(1,1,1,360deg)}#redes{background:rgba(0,255,144,.8)}#send{background:#5cb85c}#search-form{background:rgba(246,223,38,.8);margin:0 auto;width:300px}.body-content,.header{background:rgba(58,229,246,.6)}#search-form input{width:80%}#socialMedia ul li{cursor:pointer;list-style:none}#socialMedia ul li a{color:red}#socialMedia ul li a:hover{color:green}#socialMedia ul li a img{transition:1s all ease-in-out;will-change:transform}#socialMedia ul li a:hover img{transform:rotate3d(0,1,0,360deg)}#telAnimado{margin-top:-5em}#telAnimado img{width:0}#telAnimado2{padding-left:5%;margin:0}#telAnimado2 img{width:95%}#titulo{width:100%}#youtube,#youtube2,#youtube3{border-radius:1em;border:5px outset #90ee90;box-shadow:5px 5px 10px green;width:100%;height:300px}.imagenes{margin-left:0}.img-circle{margin-left:28%}.header{border-radius:2em;clear:both;height:260px;margin:0 auto;overflow:hidden;width:100%}.header a img{border:none}.separador img{width:95%;height:150px}span.telefono{font-size:34px;font-weight:900;color:#fff;text-shadow:5px 5px 10px #00f}.wrapper{width:100%}span.resaltar{color:#00f}span.resaltar2{color:#00f;font-size:150%}span.resaltar3{color:red;font-size:150%}.body-content{border-radius:1em;box-shadow:rgba(0,0,0,.7) 0 5px 10px;padding:1em;margin-top:0}

/* --- MEDIA QUERIES --- */
@media screen and (min-width:600px){#logoAnimado2{left:40%}.header{height:290px}}
@media screen and (min-width:768px){#search-form,nav{position:absolute}#titulo,nav ul{display:block}nav,nav ul,nav ul li{text-align:center}.header,nav,nav ul{width:100%}#contenido h2{font-size:28px}#titulo2{display:none}#youtube,#youtube2,#youtube3{border-radius:1em;border:5px outset #90ee90;box-shadow:5px 5px 10px green;margin:0 15%;width:75%;height:500px}#search-form{width:300px;left:40%;top:-1em}#search-form input{width:80%}.header{box-shadow:rgba(0,0,0,.5) 5px 5px 10px;height:180px}nav{margin-top:.5em;z-index:9999}nav ul li{display:inline-block;vertical-align:top;width:16%}nav ul li a{font-size:10px;width:100%}.body-content{margin:4em auto 0;padding:.5em 2em;width:93%}.container{width:100%}#slider{margin-top:4em;margin-left:auto;margin-right:auto;width:95%}.col-sm-2{width:34%}.col-sm-3{width:18%}.jumbotron{margin-top:20px}}
@media screen and (min-width:1024px){#banquetes-bogota,#magia,#minitecas-bogota,#novedades{display:inline-block}#contenido h2{font-size:32px}#youtube,#youtube2{width:100%}#youtube3{width:75%}nav ul li{width:9.5%}nav ul li a{font-size:11px}.col-sm-2,.col-sm-3{width:22%}}
@media screen and (min-width:1200px){#search-form{left:70%;top:-4em}#youtube,#youtube2{width:95%}}
@media screen and (min-width:1400px){nav ul li a{font-size:16px}footer article{margin-left:0}.col-sm-3{width:25%}}
@media screen and (min-width:1680px){nav ul li a{font-size:.9em}.col-sm-2{width:17%}}
@media screen and (min-width:1920px){#main{margin:0 auto;width:1680px}}