@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://unpkg.com/swiper@8/swiper-bundle.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css');

*{ outline:none; -webkit-box-sizing:border-box; box-sizing:border-box; text-decoration:none; word-wrap:break-word; padding:0; margin:0; list-style: none;  }

h1,h2,h3,h4,h6{ font-family: 'Poppins', sans-serif; color: var(--black); font-size: 35px; font-weight: 400; margin-bottom: 30px; width: 100%; }

p,a,li, div{ font-family: 'Poppins', sans-serif; color: var(--black); font-size: 18px; font-weight: 300; }
p{ margin: 20px 0px; width: 100%; }
p span{ color: var(--blue); }

ul,
ol{ margin: 20px 0px; }

[type="text"],
[type="tel"],
[type="email"],
[type="date"],
[type="file"],
select,
textarea{ font-family: 'Poppins', sans-serif; -webkit-appearance: auto; background: transparent; color: var(--gray_light); font-size: 18px; width: 100%; border: none; padding: 10px 20px; margin: 5px 0px; border: 1px solid #ccc; border-radius: 10px; background: var(--white); }
textarea{ height: 120px !important; width: 100% !important; }
input[type="submit"],
.button{ color: var(--blue); border: none; padding: 10px 20px; text-align: center; display: block; width: 100%; background: var(--white); width: 100%; text-transform: uppercase; font-weight: bold; -webkit-appearance:none; border-radius: 10px; }
label{ width: 100%; display: block; margin-bottom: 10px; }

img{ display: block; height: auto; -o-object-fit: cover; object-fit: cover; }

.box{ max-width: 1700px; width: 90%; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; }

.col-12{ width: 100%; }
.col-11{ width: 91.6%; }
.col-10{ width: 83.3%; }
.col-9{ width: 75%; }
.col-8{ width: 66.6%; }
.col-7{ width: 58.3%; }
.col-6{ width: 50%; }
.col-5{ width: 41.66%; }
.col-4{ width: 33.3%; }
.col-3{ width: 25%; }
.col-2{ width: 16.6%; }
.col-1{ width: 8.3%; }

.flex{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.itemEnd{ -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
.itemCenter{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } 
.videoContainer{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;margin:10px auto;}
.videoContainer iframe, .videoContainer object, .videoContainer embed{position:absolute;top:0;left:0;width:100% !important;height:100% !important;}

.mleft{ margin-left: auto; }
.mright{ margin-right: auto; }
.mcenter{ margin: 0px auto; }

del{ text-decoration: line-through; }

.fa-solid, .fas, .fa-brands, .fa-regular{ font-size: 15px; color: var(--blue); }

:root{ --white: #fff; --black: #1b1b1b; --blue: #0d41e1; --red: #ff0000; --whatsapp: #1bd741; --swiper-theme-color: #0d41e1; --gray_light: #1b1b1b; }
::-moz-selection{ color: var(--white); background: var(--blue);  }
::selection{ color: var(--white); background: var(--blue); }

::-webkit-input-placeholder{ font-family: 'Poppins', sans-serif; color: var(--gray_light); font-size: 15px; }
::-moz-placeholder{ font-family: 'Poppins', sans-serif; color: var(--gray_light); font-size: 15px; }
:-ms-input-placeholder{ font-family: 'Poppins', sans-serif; color: var(--gray_light); font-size: 15px; }
:-moz-placeholder{ font-family: 'Poppins', sans-serif; color: var(--gray_light); font-size: 15px; }

hr{ display: block; max-width: 100%; width: 100%; height: 1px; background: rgba(0,0,0,0.2); border: none; margin: 10px 0px; }

.whatsapp{ background-color: var(--whatsapp); border-radius: 50%; position: fixed; bottom: 10px; left: 10px; z-index: 9; }
.whatsapp i{ color: var(--white); font-size: 40px; padding: 10px; }

/* Swiper */
.swiper{ width: 100%; }
.swiper-slide{ position: relative; }

.sWhite .swiper-button-prev, .swiper-rtl .swiper-button-next{ color: var(--white); }
.sWhite .swiper-button-next, .swiper-rtl .swiper-button-prev{ color: var(--white); }

.sOutside{ position: static; width: calc(100% - 80px); }
.sOutside .swiper-button-prev{ left: 0; margin: inherit; }
.sOutside .swiper-button-next{ right: 0; margin: inherit; }
.sOutside .swiper-wrapper{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

/* Menu */
.openMenuMovil{ display: none; }
.openMenuMovil,
.openMenuMovil *{ -webkit-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }

#menuMovil{ display: none; position: fixed; top: 10px; right: 10px; }
#menuMovil ul{ width: 45px; padding: 5px; }
#menuMovil ul li{ background: var(--blue_2); height: 5px; display: block; margin: 5px auto; }

/* Error */
.error .box{ padding: 150px 0px; }
.error h1{ text-align: center; color: var(--white); font-size: 150px; margin: 0px; }
.error p{ text-align: center; color: var(--white); margin: 0px; }

/* Home */
.home_one{ overflow: hidden; }
.home_one img{ width: 100%; }

.home_two h1 span{ color: var(--red); }
.home_two .col{ padding: 80px 0px; }
.home_two li{ margin: 5px 0px; }
.home_two i{ color: var(--red); margin-right: 10px; }

.home_three{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: var(--blue); }
.home_three .info{ padding: 80px 20%; }
.home_three img{ width: 100%; height: 100%; }
.home_three h2,
.home_three p{ color: var(--white); }
.home_three li{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 20px 0px; }
.home_three li span.i{ width: 40%; }
.home_three li span.p{ width: 60%; }
.home_three li img{ margin: 0px auto; max-width: 150px; width: 100%; height: 150px; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; }

.home_four{ padding: 80px 0px; }
.home_four .col{ margin: 0px auto 0px 100px; }
.home_four img{ max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; width: 100%; margin: 0px auto 20px auto; display: block; }
.home_four h3{ text-align: center; }
.home_four h3 span{ color: var(--blue); }
.home_four p{text-align: center; margin: 20px 0px; }
.home_four a{ font-size: 20px; font-weight: 500; background: var(--whatsapp); border-radius: 50px; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; width: 100%; margin: 0px auto; display: block; color: var(--white); padding: 10px 30px; }
.home_four a i{ color: var(--white); font-size: 20px; }

.home_five{ background: var(--blue); }
.home_five a,
.home_five p{ color: var(--white); margin: 10px 0px; }
.home_five .col{ padding: 20px; }

.form{ position: fixed; bottom: 20px; right: 20px; max-width: 350px; width: 100%; z-index: 2; }
.form p{ color: var(--white); margin: 0px; color: var(--white); }
.form a.What{ font-size: 20px; font-weight: 500; background: var(--whatsapp); border-radius: 50px; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; width: 100%; margin: 0px auto; display: block; color: var(--white); padding: 10px 30px; }
.form a.What i{ color: var(--white); font-size: 20px; }
.form .contact{ background: var(--blue); border-radius: 30px; padding: 30px 30px 10px 30px; margin-top: 20px; }
.form h6{ color: var(--white); font-size: 20px; text-align: center; margin: 0px; }
.form a{ color: var(--white); display: block; text-align: center; margin: 0px; }

.wpcf7 form .wpcf7-response-output{ margin: 0px !important; }

@media only screen and (max-width: 800px){

    .col-12,
    .col-11,
    .col-10,
    .col-9,
    .col-8,
    .col-7,
    .col-6,
    .col-5,
    .col-4,
    .col-3,
    .col-2,
    .col-1{ width: 100%; }  

    h1, h2, h3, h4, h5, h6{ font-size: 23px; margin-bottom: 10px; text-align: center; }
    p, a, li, div{ text-align: center; font-size: 17px; }
    
    .home_two .col{ padding: 50px 0px; }

    .home_three .info{ padding: 50px 0px; width: 90%; margin: 0px auto; }
    .home_three li img{ max-width: 80px; height: 80px; }

    .home_four{ padding: 50px 0px; }
    .home_four .col{ margin: 0px auto; }

    .home_five{ padding-bottom: 50px; }

    .form{ position: relative; max-width: 100%; width: 90%; margin: 0px auto; bottom: auto; right: auto; padding: 0px 0px 50px 0px; }
    .form a.What{ position: fixed; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } 

}