@charset "utf-8";

#content-1{float: left;width: 100%;position: relative;height: auto;z-index:99;}

.span-h1-content-1 {font-family: 'Rubik', sans-serif;font-weight:600;color:rgba(48,101,165,1);text-align:center}

.h1-content-1{font-family: 'Rubik', sans-serif;font-weight:700;color:#000;text-align:left}

.p-content-1 {color:rgba(85,85,85,1.00);font-family: 'Rubik', sans-serif;font-weight:400;text-align:left}

.h2-content-1 a{font-family: 'Rubik', sans-serif;line-height:25px;font-weight:500;background-color:coral;color:rgba(255,255,255,1.00);position: relative;float: left;border-radius: 50px;letter-spacing: 1px;opacity:1}

.h2-content-1 a:hover{opacity: 0.9}

#content-2{float: left;width: 100%;position: relative;height: auto;z-index:9;background-color:rgba(255,255,255,1)}

.box-content-2{background-color: #fff;border-radius: 20px;padding: 25px;box-shadow: 0px 4px 12px rgba(0,0,0,0.05)}

.h2-content-2{font-family:'Rubik', sans-serif;color:#000;z-index:1;font-weight:700;text-align:center;padding:10px 0px;position:relative;float: left}

.h3-content-2{font-family: 'Rubik', sans-serif;line-height:25px;font-weight:500;background-color: #FFCB00 !important;color: #555;position: relative;float: left;border-radius: 50px;letter-spacing: 1px;opacity:1;text-align:center;text-decoration: none}

.ul-content-2{list-style:none;padding:0;margin:0;position:relative;float: left}

.li-content-2{font-family: 'Rubik', sans-serif;font-size:16px;line-height:26px;margin-bottom:6px;padding-left:20px;position:relative;float: left}

.li-content-2::before{content:"•";position:absolute;left:0;color:#007bff;font-weight:bold}

.li-2-content-2{font-style:italic;color:#444;margin-top:5px;position:relative;float: left}

.h4-content-2{font-family: 'Rubik', sans-serif;text-align:center;color:#222;font-weight:600;border-top:1px solid #ddd;position:relative;float: left;width: 100%}

.btn-ver-mas{display:inline-block;width:100%;padding:12px 0px;border-radius:25px;background-color:#007bff;color:#fff;text-align:center;font-weight:500;text-decoration:none;transition: all 0.3s ease;font-family: 'Rubik', sans-serif;position:relative;float: left}

.btn-ver-mas:hover{background-color:#0056b3}

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

    #content-1{width: 100%;height:auto;padding:10px 0px 0px 0px;margin:80px 0px 0px 0px;position: relative;float: left;box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2)}

    .content-box-content-1{position:relative;width:90%;height:auto;margin:0px 5%;float:left;z-index:9999999999999999;overflow: hidden;}

    .box-content-1:nth-child(1){position:relative;width:100%;height:auto;margin:0px 0px;float:left;}

    .box-content-1:nth-child(2){position:relative;width:100%;height:auto;margin:0px 0%;float:left;}

    .span-h1-content-1{font-size:22px;position: relative;width:100%;height:auto;line-height:32px;float:left;margin:15px 0px;text-align: center}

    .h1-content-1{font-size:30px;position: relative;width:100%;height:auto;line-height:50px;float:left;margin:5px 0px 0px 0px;text-align: center}

    .p-content-1{font-size:18px;position: relative;width:100%;height:auto;line-height:35px;float:left;margin:30px 0px 0px 0px;text-align: center}

    .h2-content-1 a{margin:25px 5%;font-size:18px;padding:10px 0px;width:90%;height: auto;position: relative;float: left;text-align: center}

    .col-box-content-1{position:relative;width:100%;height:auto;margin:0px;float:left;}

    .img-content-1{position:relative;width:100%;height:auto;margin:0% 0%;float:left;z-index:9;}

    #content-2{width: 100%;height:auto;margin:0px;padding:50px 0px;position: relative;float: left;}

    .content-box-content-2{position:relative;width:90%;height:auto;padding:0px;  margin:0px 5%;float:left;}

    .box-content-2{position:relative;width:90%;height:auto;margin:10px 0px;float:left;}

    .col-box-content-2{position:relative;width:100%;height:auto;margin:0px;float:left;}

    .img-content-2{position:relative;width:50px;height:auto;margin:0% 0px 0px -25px;left:50%;float:left;z-index:9;}

    .h2-content-2{font-size: 25px;line-height: 35px; margin: 10px 15%;width: 70%}

    .h3-content-2{font-size: 18px;margin:0px 2.5% 20px 2.5%;width: 95% }

    .ul-content-2{padding:0;margin: 10px 0px 0px 0px}

    .li-content-2{font-size: 16px;line-height: 26px;margin: 5px 0px}

    .li-2-content-2{font-size: 16px;line-height: 26px;margin-bottom: 6px}

    .h4-content-2{font-size: 20px;padding:20px 0px 0px 0px}

    .btn-ver-mas{width: 50%;margin:0px 25%;font-size: 18px}
}


@media screen and (min-width:981px) and (max-width:1366px) {
    
    #content-1{width: 100%;height:auto;padding:10px 0px 0px 0px;margin:0px 0px 0px 0px;position: relative;float: left;box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2)}

    .content-box-content-1{position:relative;width:1100px;height:auto;margin:0px 0px 0px -550px;left:50%;float:left;z-index:9999999999999999;overflow: hidden;}

    .box-content-1:nth-child(1){position:relative;width:55%;height:auto;margin:30px 0px;float:left;}

    .box-content-1:nth-child(2){position:relative;width:40%;height:auto;margin:0px 0px 0px 0%;float:left;}

    .span-h1-content-1{font-size:22px;position: relative;width:100%;height:auto;line-height:25px;float:left;margin:15px 0px;text-align: left}

    .h1-content-1{font-size:36px;position: relative;width:100%;height:auto;line-height:50px;float:left;margin:5px 0px 0px 0px}

    .p-content-1{font-size:18px;position: relative;width:100%;height:auto;line-height:35px;float:left;margin:30px 0px 0px 0px}

    .h2-content-1 a{margin:25px 0px;font-size:18px;padding:20px 5px;width:380px;height: auto;position: relative;float: left;text-align: center}

    .col-box-content-1{position:relative;width:100%;height:auto;margin:0px;float:left;}

    .img-content-1{position:relative;width:100%;height:auto;margin:0% 15%;float:left;z-index:9;}

    #content-2{width: 100%;height:auto;margin:0px;padding:50px 0px;position: relative;float: left;}

    .content-box-content-2{width:90%;margin:0px 5%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px}

    .col-box-content-2{position:relative;width:100%;height:auto;margin:0px;float:left;}

    .img-content-2{position:relative;width:50px;height:auto;margin:0% 0px 0px -25px;left:50%;float:left;z-index:9;}

    .h2-content-2{font-size: 22px;margin: 10px 0px;width: 100%}

    .h3-content-2{font-size: 18px;margin:0px 2.5% 20px 2.5%;width: 95% }

    .ul-content-2{padding:0;margin: 10px 0px 0px 0px}

    .li-content-2{font-size: 16px;line-height: 26px;margin: 5px 0px}

    .li-2-content-2{font-size: 16px;line-height: 26px;margin-bottom: 6px}

    .h4-content-2{font-size: 20px;padding:20px 0px 0px 0px}

    .btn-ver-mas{width: 50%;margin:0px 25%;font-size: 18px}
}

@media screen and (min-width:1367px) {
    
    #content-1{width: 100%;height:auto;padding:10px 0px 0px 0px;margin:0px 0px 0px 0px;position: relative;float: left;box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.2)}

    .content-box-content-1{position:relative;width:1366px;height:auto;margin:0px 0px 0px -683px;left:50%;float:left;z-index:9999999999999999;overflow: hidden;}

    .box-content-1:nth-child(1){position:relative;width:45%;height:auto;margin:0px 0px;float:left;}

    .box-content-1:nth-child(2){position:relative;width:50%;height:auto;margin:50px 0px 0px 5%;float:left;}

    .span-h1-content-1{font-size:25px;position: relative;width:100%;height:auto;line-height:25px;float:left;margin:15px 0px;text-align: left}

    .h1-content-1{font-size:40px;position: relative;width:100%;height:auto;line-height:55px;float:left;margin:5px 0px 0px 0px}

    .p-content-1{font-size:18px;position: relative;width:100%;height:auto;line-height:35px;float:left;margin:30px 0px 0px 0px}

    .h2-content-1 a{margin:25px 0px;font-size:18px;padding:20px 5px;width:380px;height: auto;position: relative;float: left;text-align: center}

    .col-box-content-1{position:relative;width:100%;height:auto;margin:0px;float:left;}

    .img-content-1{position:relative;width:100%;height:auto;margin:0% 15%;float:left;z-index:9;}

    #content-2{width: 100%;height:auto;margin:0px;padding:50px 0px;position: relative;float: left;}

    .content-box-content-2{width:90%;margin:0px 5%;display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px}

    .img-content-2{position:relative;width:50px;height:auto;margin:0% 0px 0px -25px;left:50%;float:left;z-index:9;}

    .h2-content-2{font-size: 22px;margin: 10px 0px;width: 100%}

    .h3-content-2{font-size: 18px;margin:0px 5% 20px 5%;width: 90% }

    .ul-content-2{padding:0;margin: 10px 0px 0px 0px}

    .li-content-2{font-size: 16px;line-height: 26px;margin: 5px 0px}

    .li-2-content-2{font-size: 16px;line-height: 26px;margin-bottom: 6px}

    .h4-content-2{font-size: 20px;padding:20px 0px 0px 0px}

    .btn-ver-mas{width: 50%;margin:0px 25%;font-size: 18px}

}