@charset "utf-8";
/* CSS Document */

.animate-opacity {
    animation: opac 1s;
    -webkit-animation: opac 1s;
}

@keyframes opac {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.animate-top {
    position: relative;
    animation: animatetop 0.8s;
    -webkit-animation: animatetop 0.8s;
}

@keyframes animatetop {
    from {
        top: -700px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

.rotating-background {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    animation: changeBackground 15s infinite; /* 3 imágenes × 5s = 15s */
    z-index: -1; /* Para que quede detrás del contenido */
    overflow: hidden;
}

body {
    min-height: 100vh;
}

@keyframes changeBackground {
    0% {
        opacity: 0;
        background-image: url('/img/background/TIGTORCH1.jpg');
    }
    20% {
        opacity: 1;
    }
    33% {
        opacity: 1;
        background-image: url('/img/background/TIGTORCH1.jpg');
    }
    33.01% {
        opacity: 0;
        background-image: url('/img/background/TIGTORCH2.jpg');
    }
    53% {
        opacity: 1;
    }
    66% {
        opacity: 1;
        background-image: url('/img/background/TIGTORCH2.jpg');
    }
    66.01% {
        opacity: 0;
        background-image: url('/img/background/TIGTORCH3.jpg');
    }
    86% {
        opacity: 1;
    }
    100% {
        opacity: 1;
        background-image: url('/img/background/TIGTORCH3.jpg');
    }
}


main {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.content{
    line-height: 1.3;
    color: rgb(255, 255, 255);
    text-shadow: 2px 3px 4px #000000;
    width: 60%;
    margin: 0 auto;
}

.intro {
    color: rgb(255, 255, 255);
    text-shadow: 3px 3px 6px #000000;
}

h1 {
    width: 100%;
    text-align: center;
}

.intro p {
    width: 70%;
    margin: 0 auto;
    text-align: justify;
    text-align-last: left;
}

.refbrand {
    display: block;
    box-sizing: border-box;
    align-items: center;
    width: 100%;
    background-color: rgb(255, 255, 255);
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
}

.cont-carousel {
    width: 100%;
    display: flex;
    overflow: hidden;
    scroll-behavior: smooth;
}

.brandslide {
    display: inline-flex;
    padding: 20px 35px;
    width: fit-content;
    margin: 0 auto;
    display: inline-flex;
}

.brandslide img {
    height: 75px;
    width: auto;
    margin: 0 auto;
    display: block;
    transition: .6s;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
}

.brandslide img:hover {
    height: 90px;
    width: auto;
}

@media screen and (max-width:1670px) {}

@media screen and (max-width:1366px) {
    #desktoplg {
        display: none;
    }

    #mcbookprolg {
        display: none;
    }

    #laplg1 {
        display: block;
    }

    #laplg2 {
        display: none;
    }

    #tabltlg1 {
        display: none;
    }

    #tabltlg2 {
        display: none;
    }

    #tabltlg3 {
        display: none;
    }

    #cellg1 {
        display: none;
    }

    #cellg2 {
        display: none;
    }

    #cellg3 {
        display: none;
    }
}

@media screen and (max-width:1344px) {
    #desktoplg {
        display: none;
    }

    #mcbookprolg {
        display: block;
    }

    #laplg1 {
        display: none;
    }

    #laplg2 {
        display: none;
    }

    #tabltlg1 {
        display: none;
    }

    #tabltlg2 {
        display: none;
    }

    #tabltlg3 {
        display: none;
    }

    #cellg1 {
        display: none;
    }

    #cellg2 {
        display: none;
    }

    #cellg3 {
        display: none;
    }
}

@media screen and (max-width:1280px) {
    #desktoplg {
        display: none;
    }

    #mcbookprolg {
        display: none;
    }

    #laplg1 {
        display: none;
    }

    #laplg2 {
        display: block;
    }

    #tabltlg1 {
        display: none;
    }

    #tabltlg2 {
        display: none;
    }

    #tabltlg3 {
        display: none;
    }

    #cellg1 {
        display: none;
    }

    #cellg2 {
        display: none;
    }

    #cellg3 {
        display: none;
    }
}

@media screen and (max-width:1024px) {
    #desktoplg {
        display: none;
    }

    #mcbookprolg {
        display: none;
    }

    #laplg1 {
        display: none;
    }

    #laplg2 {
        display: none;
    }

    #tabltlg1 {
        display: block;
    }

    #tabltlg2 {
        display: none;
    }

    #tabltlg3 {
        display: none;
    }

    #cellg1 {
        display: none;
    }

    #cellg2 {
        display: none;
    }

    #cellg3 {
        display: none;
    }
}

@media screen and (max-width:992px) {}

@media screen and (max-width:768px) {
    #desktoplg {
        display: none;
    }

    #mcbookprolg {
        display: none;
    }

    #laplg1 {
        display: none;
    }

    #laplg2 {
        display: none;
    }

    #tabltlg1 {
        display: none;
    }

    #tabltlg2 {
        display: block;
    }

    #tabltlg3 {
        display: none;
    }

    #cellg1 {
        display: none;
    }

    #cellg2 {
        display: none;
    }

    #cellg3 {
        display: none;
    }
}

@media screen and (max-width:667px) {
    #desktoplg {
        display: none;
    }

    #mcbookprolg {
        display: none;
    }

    #laplg1 {
        display: none;
    }

    #laplg2 {
        display: none;
    }

    #tabltlg1 {
        display: none;
    }

    #tabltlg2 {
        display: none;
    }

    #tabltlg3 {
        display: block;
    }

    #cellg1 {
        display: none;
    }

    #cellg2 {
        display: none;
    }

    #cellg3 {
        display: none;
    }

    .display-middle {
        min-height: unset;
    }
}

@media screen and (max-width:554px) {
    body {
        background: url('/img/bgcel1.jpg') no-repeat fixed;
    }

    .intro p {
        width: 90%;
    }
}

@media screen and (max-width:414px) {
    #desktoplg {
        display: none;
    }

    #mcbookprolg {
        display: none;
    }

    #laplg1 {
        display: none;
    }

    #laplg2 {
        display: none;
    }

    #tabltlg1 {
        display: none;
    }

    #tabltlg2 {
        display: none;
    }

    #tabltlg3 {
        display: none;
    }

    #cellg1 {
        display: block;
    }

    #cellg2 {
        display: none;
    }

    #cellg3 {
        display: none;
    }
}

@media screen and (max-width:375px) {
    #desktoplg {
        display: none;
    }

    #mcbookprolg {
        display: none;
    }

    #laplg1 {
        display: none;
    }

    #laplg2 {
        display: none;
    }

    #tabltlg1 {
        display: none;
    }

    #tabltlg2 {
        display: none;
    }

    #tabltlg3 {
        display: none;
    }

    #cellg1 {
        display: none;
    }

    #cellg2 {
        display: block;
    }

    #cellg3 {
        display: none;
    }
}

@media screen and (max-width:330px) {
    #desktoplg {
        display: none;
    }

    #mcbookprolg {
        display: none;
    }

    #laplg1 {
        display: none;
    }

    #laplg2 {
        display: none;
    }

    #tabltlg1 {
        display: none;
    }

    #cellg1 {
        display: none;
    }

    #cellg2 {
        display: none;
    }

    #cellg3 {
        display: block;
    }
}