@font-face {
    font-family: "Hero";
    src: url('../fonts/Hero/TTF/Hero-Regular.ttf');
}
@font-face {
    font-family: "Hero";
    src: url('../fonts/Hero/TTF/Hero-Bold.ttf');
    font-weight: bold;
}

:root {
    --color-red: #a91715;
    --color-red-dark: #7a1310;
    --color-red-dark-opacity: rgba(122, 19, 16,0.6);
    --color-black: #11110e;
    --color-black-opcity: rgba(17, 17, 14,0.6);
    --font-main: 'Hero', Arial, sans-serif;
}

body{  
    
    font-family:var(--font-main);
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 19px;
}

a{ cursor: pointer; }

footer a{ color: #ffffff; text-decoration: none;}

footer a:hover{ color: #ffffff; text-decoration:underline;}

header, #lines, #contact{ background-color: var(--color-black);}

#slogan{ background-color: var(--color-red-dark); }

.square-red{ background-color: var(--color-red-dark-opacity); }

.red{ color: var(--color-red-dark); }

.square-dark{ background-color: var(--color-black-opcity); }

.btn-download{ position: absolute; right: 0; bottom: 0; }

#main-menu{ background: url('../img/bg-menu.jpg') center top no-repeat; background-size: cover; }

#about-us{ background: url('../img/bg-quienessomos1.jpg') center top no-repeat; background-size: cover; }

#bg-contact{ background: url('../img/bg-texto.jpg') center top no-repeat; background-size: cover; }

#bg-form{ background: url('../img/bg-formulario.jpg') center top no-repeat; background-size: cover; }

#line-primiun{ background: url('../img/bg-lineapremiun.jpg') center top no-repeat; background-size: cover; }

#line-standar{ background: url('../img/bg-lineaestandar.jpg') center top no-repeat; background-size: cover; }

#line-ahumada{ background: url('../img/bg-lineaahumada.jpg') center top no-repeat; background-size: cover; }

#line-parrillera{ background: url('../img/bg-lineaparrillera.jpg') center top no-repeat; background-size: cover; }

#line-gourmet{ background: url('../img/bg-lineagourmet.jpg') center top no-repeat; background-size: cover; }

#logo-dispocerca{ background: url('../img/bg-logodispocerca.jpg') center top no-repeat; background-size: cover; }

#logo-saintel{ background: url('../img/bg-logosaintelconsultores.jpg') center top no-repeat; background-size: cover; }

#header-intern{ background: url('../img/bg-quienessomos.jpg') center top no-repeat; background-size: cover; }

#carnicos{ background: url('../img/bg-carnicos.jpg') center top no-repeat; background-size: cover; }

#proceso{ background: url('../img/bg-produccionydespacho.jpg') center top no-repeat; background-size: cover; }

#administracion{ background: url('../img/bg-administrativo.jpg') center top no-repeat; background-size: cover; }

.red-main{ color: var(--color-red); }

.bg-red{ background-color: var(--color-red-dark);}

.border-separator{ background: url('../img/linea-vertical-punteada.png') right top no-repeat ; background-size: contain; }

.border-separator2{ background: url('../img/linea-vertical.jpg') right top no-repeat ; background-size: contain; }

.transicion{transition:All 1s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}

.efecto_giratorio:hover{transform: rotate(360deg) ;-webkit-transform: rotate(360deg) ;-moz-transform: rotate(360deg) -o-transform: rotate(360deg) ;-ms-transform: rotate(360deg) ;}

.efecto_escala:hover{transform: scale(0.95);-webkit-transform: scale(0.95);-moz-transform: scale(0.95);-o-transform: scale(0.95);-ms-transform: scale(0.95);}

.title-about-us{ font-size: 3rem; }

#ico-whatsapp{ bottom: 20px; right: 20px; width: 60px; left: auto;}

@media (max-width: 992px) {

    .border-separator,.border-separator2{ background: none; }

}
@media (max-width: 752px) {

    #logo-aniversery{ width: 80px; }

    #main-logo{ width: 250px; }

    #about-us{ background: url('../img/movil/bg-quienessomos1.jpg') left top no-repeat; background-size: cover; }

    #header-intern{ background: url('../img/movil/bg-quienessomos.jpg') left top no-repeat; background-size: cover; }

    #line-primiun{ background: url('../img/movil/bg-lineapremiun.jpg') center top no-repeat; background-size: cover; }

    #line-standar{ background: url('../img/movil/bg-lineaestandar.jpg') center top no-repeat; background-size: cover; }

    #line-ahumada{ background: url('../img/movil/bg-lineaahumada.jpg') center top no-repeat; background-size: cover; }

    #line-parrillera{ background: url('../img/movil/bg-lineaparrillera.jpg') center top no-repeat; background-size: cover; }

    #line-gourmet{ background: url('../img/movil/bg-lineagourmet.jpg') center top no-repeat; background-size: cover; }

    #carnicos{ background: url('../img/movil/bg-carnicos.jpg') center top no-repeat; background-size: cover; }

    #proceso{ background: url('../img/movil/bg-produccionydespacho.jpg') center top no-repeat; background-size: cover; }

    #administracion{ background: url('../img/movil/bg-administrativo.jpg') center top no-repeat; background-size: cover; }

    #bg-contact{ background: url('../img/movil/bg-texto.jpg') center top no-repeat; background-size: cover; }

    .btn-download{ width: 250px; }

    .title-about-us{ font-size: 2rem; }

}