.clear{clear:both;}

        @font-face {
                font-family: 'GTAmericaBold';
                src: url('../comunes/fonts/GTAmericaBold.otf');
        }

        @font-face {
                font-family: 'GTAmericaRegular';
                src: url('../comunes/fonts/GTAmericaRegular.otf');
        }
        
        /*body {background:black;color:white;font-family: 'GTAmericaRegular', sans-serif;font-size: .8rem;}*/
        body {background:black;color:white;font-family: 'Montserrat', sans-serif;font-size: .8rem;}
        section {overflow:hidden;}
        
        /*h1, h2, h5{text-align:center;width: 100%;font-family: 'GTAmericaBold', sans-serif;text-transform: uppercase;}*/
        h1, h2, h5{text-align:center;width: 100%;font-family: 'Montserrat', sans-serif;text-transform: uppercase;}
        h2{text-align:left;}
        h5{text-align:left;}

        h1{font-size:1.2rem;}
        h2{font-size:1rem;margin-bottom: 0px;color:#f85a01;}
        h3{font-size:1rem;}
        #hero h1{font-size:1.5rem;}
        #hero h1,#hero h2,#hero h3,#hero p {text-shadow: 2px 2px black;}
        p, label, li{font-size:.8rem;width:100%;}

        
        a{text-decoration: none;color:white;}

        .verde {color:#f85a01;}

        .boton{font-family: 'Montserrat',sans-serif; padding:0px; padding-left:15px;padding-right:15px;text-transform: uppercase;border: 0px;height: 1em;}
        .boton img{width: 1.5em;}
        .boton-dark{background:#393939;}
        .boton-light{background:black;}
        .boton-forma{height: 2em;border: solid 2px;border-radius: 0;background: black;padding-top: 5px;color: white;margin-top: 1.35em;}
        .boton-whats{height: 2em;border: solid 1px;border-radius: 0;background: black;padding-top: 5px;color:white;}
        .redsocial{height:2em;margin-right:1em;margin-top: 1em;}
        .oferta{color:#555;}

        /*menu*/
        .nav-link{color: white!important;margin-top: 11px;}
        .logomenu {
                margin-left: 2em;
                margin-right: 1em;
                width: 225px;
            }
        .logomenucolapsado{width:60%;}
        #header .nav-item{min-width: 100px;text-align:center;}
        .redsocialmenu{height:1.5em;float:right;}

        #botonmovil {display:block;}
        #botonpc {display:none;}

        .movil {display:block;}
        .pc {display:none;}

        .navbarmovil {display:block;}

        #menumovil {display:block;}
        
        /*menu end*/

        .linea {margin-left: 45%;margin-right:45%;width:10%;margin-top:0.5em;margin-bottom:0.5em;}
        .linea-abajo {margin-bottom: 2.1em;}
        .lineablanca{border: 1px solid white;width: 100%;}
        .seccion{margin-top:7em;margin-bottom:7em;overflow:hidden;}

        .inventario img{width:100%;}
        .menu {margin:0px;}
        .oferta {text-decoration: line-through;}
        .icono-pie{width:25px;margin-right:1rem;margin-bottom:5px;}

        /* formas */
        .form-control{background-color:#222;border: white solid 2px;border-radius: 0px;color:#f85a01;}
        footer .form-control{background-color:#fff;border:#808080 solid 1px;color:#fff;}


        /* footer */
        footer .nav-link{color: #555!important;}
        footer{color:#555;}
        #fondopie{background-image: url("../imagenes/bg-pie.jpg") no-repeat;background-size: 100%;}
        
        
        /* Rotacion de imagen on click */
        .rotate {
            transform: rotate(-90deg);
            /*transform: rotate(180deg);*/
            transition: .3s;
        }
        .rotate-reset {
            transform: rotate(0deg);
            transition: .3s;
        }


        /* Small devices (landscape phones, 576px and up) */
        @media (max-width: 575px) {
                .logomenucolapsado{width:60%;}
                #botonmovil {display:block;}
                #botonpc {display:none;}
                .movil {display:block;}
                .pc {display:none;}
                #menumovil {display:block;}
                .navbarmovil {display:block;}

                h1{font-size:1.2rem;}
                h2{font-size:1rem;}
                h3{font-size:1rem;}
                p{font-size:.8rem;}
        }

        /* Small devices (landscape phones, 576px and up) */
        @media (min-width: 576px) {
                .logomenucolapsado{width:30%;}
                #botonmovil {display:block;}
                #botonpc {display:none;}
                .movil {display:block;}
                .pc {display:none;}
                #menumovil {display:block;}
                .navbarmovil {display:block;}
        }

        /* Medium devices (tablets, 768px and up)*/
        @media (min-width: 768px) {
                #botonmovil {display:block;}
                #botonpc {display:none;}
                .movil {display:none;}
                .pc {display:block;}
                #menumovil {display:none;}
                .navbarmovil {display:block;}
        }

        /* Large devices (desktops, 992px and up)*/
        @media (min-width: 992px) {
                #botonmovil {display:none;}
                #botonpc {display:block;}
                .movil {display:none;}
                .pc {display:block;}
                #menumovil {display:none;}
                .navbarmovil {display:none;}
        }

        /* Extra large devices (large desktops, 1200px and up)*/
        @media (min-width: 1200px) {
                #botonmovil {display:none;}
                #botonpc {display:block;}
                .movil {display:none;}
                .pc {display:block;}
                #menumovil {display:none;}   
                .navbarmovil {display:none;}           
        }

        /* Cambios a fancybox galeria */
        .fancybox-button svg path {
                color: #f85a01!important;
        }

        /* Cambios a bootstrap UI */
        .navbar-toggler{border:0px;}
        .navbar-toggler:focus{box-shadow: none;}
        
        .accordion {--bs-accordion-bg:transparent;--bs-accordion-border-width:0px;}
        .accordion-button:focus{box-shadow: none;}

        .accordion-button::after {
                --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f85a01'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
                --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f85a01'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;
        }

        .form-control {
                color: #fff;
                background-color: transparent;
                border-color: #fff;
                outline: 0;
                box-shadow: 0 0 0 .25rem rgba(0,0,0,.25);
        }

        .form-control:focus {
                color: #f85a01;
                background-color: transparent;
                border-color: #f85a01;
                outline: 0;
                box-shadow: 0 0 0 .25rem rgba(0,0,0,.25);
        }

        .btn-primary {
                --bs-btn-color: #fff;
                --bs-btn-bg: #f85a01;
                --bs-btn-border-color: #f85a01;
                --bs-btn-hover-color: #000;
                --bs-btn-hover-bg: #f85a01;
                --bs-btn-hover-border-color: #f85a01;
                --bs-btn-focus-shadow-rgb: 49,132,253;
                --bs-btn-active-color: #000;
                --bs-btn-active-bg: #f85a01!important;
                --bs-btn-active-border-color: #f85a01!important;
                --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
                --bs-btn-disabled-color: #fff;
                --bs-btn-disabled-bg: #f85a01;
                --bs-btn-disabled-border-color: #f85a01;
        }