*, *:before, *:after {box-sizing:border-box;}
@supports (-webkit-overflow-scrolling: touch) {html {scroll-behavior:auto;} }

:root {
--body-bg:#F8F8F8;
--body-url-imagen: 1url("https://img.freepik.com/free-vector/white-abstract-background_23-2148810113.jpg");
--body-gradi11:134,221,244;
--body-gradi11-trans:0.5;
--body-gradi21: 0,0,0;
--body-gradi21-trans: 0.1;
--body-family: 'Oswald','Inter',Arial,tahoma,sans-serif;
--body-color: #07273D;
--body-size:18px;
--body-line-height:1.6;
--body-a:#207FFF;
--body-a-hover:#006DFF;

--w-texto: #510000;
--w-bg: #FFFDFD;
--w-primario: #AE1D1D;
--w-secundario: #E9E9E9;
--w-acentuado: #34B7BA;

--w-texto-rgb: 81, 0, 0;
--w-bg-rgb: 255, 253, 253;
--w-primario-rgb: 174, 29, 29;
--w-secundario-rgb: 233, 233, 233;
--w-acentuado-rgb: 52, 183, 186;

--h1-family: Oswald','Inter',Arial,sans-serif;
--h1-size: 58px;
--h1-line-height: 1;  
--h1-weight: 600;
--h1-color: #9E1A1A;
--h1-trasnform: none;
--h1-margin:0 0 8px 0;

--h2-family: 'Oswald','Inter',Arial, sans-serif;
--h2-size: 37px;
--h2-line-height: 1.2;
--h2-weight: 600;
--h2-color: #07273D;
--h2-trasnform: none;
--h2-margin:0 0 6px 0;

--h3-family: 'Oswald',helvetica, Arial, sans-serif;
--h3-size: 20px;
--h3-line-height: 1.1;
--h3-weight: 500;
--h3-trasnform: none;
--h3-margin:0px 0 4px 0;

--b-02: rgba(225, 225, 225, 0.2);
--b-05: rgba(225, 225, 225, 0.5);
--b-08: rgba(255, 255, 255, 0.8);
--n-01: rgba(0, 0, 0, 0.1);
--n-02: rgba(0, 0, 0, 0.2);
--n-03: rgba(0, 0, 0, 0.3);
--n-003: rgba(0, 0, 0, 0.03);
--n-005: rgba(0, 0, 0, 0.05);
--p-b: rgb(235, 235, 235);
--p-n: #0f0f0f;

--p-family: 'Oswald','Inter',colossus, Arial, sans-serif; --p-size:18px; --p-line-height:27px;
}

html, body {padding:0; margin:0; box-sizing:border-box; color: var(--w-texto); background:var(--w-bg); font-family: var(--p-family); font-size: var(--p-size); scroll-behavior: smooth;}

a {1font-weight:550; text-decoration:none; color:var(--body-a); transition:all .2s;}
a:hover {text-decoration:underline; color:var(--body-a-hover);}
p {margin:2px auto 12px auto; line-height: var(--p-line-height);}

main {width:100%; max-width:1428px; margin: 0 auto;}

section {width:100%; margin:0 auto; padding:10px 0 10px 0;}
.colssus-web .marco {width:100%; max-width:1428px; border-radius:18px; margin:0 auto; padding:25px 50px 25px 50px}

.colssus-web .titulo {margin:0 0 5px 0; display:flex; align-items:center;}

.colssus-web .fila {width:100%; display:flex; gap:5px; flex-wrap:wrap; justify-content: space-evenly;}

.colssus-web .wcol{padding:10px; box-sizing: border-box; display: flex; flex-direction: column;}

.colssus-web .wcol-25 {flex-basis:calc(25% - 10px); }
.colssus-web .wcol-33 {flex-basis:calc(33% - 5px);}
.colssus-web .wcol-40 {flex-basis:calc(40% - 5px);}
.colssus-web .wcol-50 {flex-basis:calc(50% - 5px);}
.colssus-web .wcol-60 {flex-basis:calc(60% - 5px);}
.colssus-web .wcol-66 {flex-basis:calc(66% - 5px);}
.colssus-web .wcol-75 {flex-basis:calc(75% - 5px);}
.colssus-web .wcol-100 {flex-basis:100%;}

.colssus-web .izq {text-align: left; align-items: flex-start;}
.colssus-web .cen {text-align: center; align-items: center;}
.colssus-web .der {text-align: right; align-items: flex-end;}
.colssus-web .sup {justify-content:flex-start;}
.colssus-web .med {justify-content:center;}
.colssus-web .inf {justify-content: flex-end;}

.txt-degrades {
    background: linear-gradient(120deg,var(--w-primario),var(--w-acentuado));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bg-degrades {
    background: linear-gradient(120deg,var(--w-primario),var(--w-acentuado));
}

h1 {margin:var(--h1-margin); 1letter-spacing:-2.5px; font-family:var(--h1-family); font-size:var(--h1-size); color:var(--h1-color); text-transform:var(--h1-trasnform);line-height:var(--h1-line-height); font-weight:var(--h1-weight); margin-bottom:var(--h1-margin-button);}

h2 {1margin:2px 0 10px 0; letter-spacing:-1.2px;
  font-family: var(--h2-family);
  color: var(--h2-color);
  font-size: var(--h2-size);
  font-weight: var(--h2-weight);
  text-transform: var(--h2-trasnform);
  margin: var(--h2-margin);
  line-height: var(--h2-line-height);
}

h3 {padding:0 0 8px 0; letter-spacing:-0.6px;
  font-family: var(--h3-family);
  font-size: var(--h3-size);
  font-weight: var(--h3-weight);
  text-transform: var(--h3-trasnform);
  margin: var(--h3-margin);
  line-height: var(--h3-line-height);
}

@media screen and (max-width: 1500px) {
    main {
        margin: 0 12%;
        width: auto !important;
    }
}

@media screen and (max-width: 1000px) {
    main {
        margin: 0 5%;
    }
}

@media screen and (max-width: 1440px) {
h1 {font-size: calc(var(--h1-size) - 8px);}
h2 {font-size: calc(var(--h2-size) - 4px);}
}

@media screen and (max-width: 1200px) {
h1 {font-size: calc(var(--h1-size) - 16px);}
h2 {font-size: calc(var(--h2-size) - 6px);}
}

@media screen and (max-width: 992px) {
h1 {font-size: calc(var(--h1-size) - 26px); letter-spacing:-2px;}
h2 {font-size: calc(var(--h2-size) - 14px); letter-spacing:-0.7px;}
h3 {font-size: calc(var(--h3-size) - 4px); letter-spacing:-0.7px;}
p {font-size: calc(var(--p-size) - 2px); line-height:calc(var(--p-line-height) - 3px);}
}

@media screen and (max-width: 576px) {
    main {
        margin: 0 3%;
    }
h1 {font-size: calc(var(--h1-size) - 36px); letter-spacing:-0.8px; line-height:calc(var(--body-line-height) - 0.5);}
h2 {font-size: calc(var(--h2-size) - 18px); letter-spacing:-0.5px;}
h3 {font-size: calc(var(--h3-size) - 3px); letter-spacing:-0.5px;}
p {font-size: calc(var(--p-size) - 2px); line-height:calc(var(--p-line-height) - 3px);}
}

@media screen and (max-width: 360px) {
h1 {font-size: calc(var(--h1-size) - 38px);letter-spacing:-0.6px;}
h2 {font-size: calc(var(--h2-size) - 23px);letter-spacing:-0.2px; line-height:calc(var(--h2-line-height) 0.5);}
h3 {font-size: calc(var(--h3-size) - 4px); letter-spacing:-0.8px;}
p {font-size: calc(var(--p-size) - 1px);letter-spacing: 0.2px; line-height:calc(var(--p-line-height) - 5px);}
}





/*@media screen and (max-width: 810px) {}
@media screen and (max-width: 660px) {
  .colssus-web .wcol-25a50 {flex-basis:calc(50% - 5px);}
}
@media screen and (max-width: 600px) {
  .marco {border-radius:12px; padding:15px 35px 15px 35px}
  .colssus-web .wcol-33 {flex-basis:calc(33% - 10px);}
  .colssus-web .wcol-33a100 {flex-basis:100%;}
  .colssus-web .wcol-50a100 {flex-basis:100%;}
}
@media screen and (max-width: 480px) {
  .colssus-web .wcol-33 {flex-basis:100%;}
}
@media screen and (max-width: 390px) {
  .marco {border-radius:10px; padding:10px 25px 10px 25px}
  .colssus-web .wcol-50 {flex-basis:calc(50% - 10px);}
}
@media screen and (max-width: 320px) {
  .colssus-web .wcol-50 {flex-basis:calc(45% - 20px);
}*/






@media only screen and (min-width: 1280px) {
    /* Estilos para desktops */
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    /* Estilos para tablets y desktops pequeños */
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* Estilos para tabletas */
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
    /* Estilos para teléfonos móviles en orientación horizontal */
    .colssus-web .wcol-x767a25 {flex-basis:calc(25% - 10px);}
    .colssus-web .wcol-x767a40 {flex-basis:calc(40% - 5px);}
    .colssus-web .wcol-x767a50 {flex-basis:calc(50% - 5px);}
    .colssus-web .wcol-x767a60 {flex-basis:calc(60% - 5px);}
    .colssus-web .wcol-x767a100 {flex-basis:100%;}
}
@media only screen and (max-width: 600px) {
    .colssus-web .marco {padding:25px 40px}
    /* Estilos para pantallas pequeñas, como teléfonos móviles en orientación vertical */
    .colssus-web .wcol-x600a25 {flex-basis:calc(25% - 10px);}
    .colssus-web .wcol-x600a40 {flex-basis:calc(40% - 5px);}
    .colssus-web .wcol-x600a50 {flex-basis:calc(50% - 5px);}
    .colssus-web .wcol-x600a60 {flex-basis:calc(60% - 5px);}
    .colssus-web .wcol-x600a100 {flex-basis:100%;}
}
@media only screen and (max-width: 480px) {
    .colssus-web .marco {padding:25px 30px}
    /* Estilos para pantallas pequeñas, como teléfonos móviles en orientación vertical */
    .colssus-web .wcol-x480a25 {flex-basis:calc(25% - 10px);}
    .colssus-web .wcol-x480a40 {flex-basis:calc(40% - 5px);}
    .colssus-web .wcol-x480a50 {flex-basis:calc(50% - 5px);}
    .colssus-web .wcol-x480a60 {flex-basis:calc(60% - 5px);}
    .colssus-web .wcol-x480a100 {flex-basis:100%;}
}
@media only screen and (max-width: 390px) {
    .colssus-web .marco {padding:25px 20px}
    .colssus-web .wcol{padding:5px;}
    /* Estilos para pantallas pequeñas, como teléfonos móviles en orientación vertical */
    .colssus-web .wcol-x390a25 {flex-basis:calc(25% - 10px);}
    .colssus-web .wcol-x390a40 {flex-basis:calc(40% - 5px);}
    .colssus-web .wcol-x390a50 {flex-basis:calc(50% - 5px);}
    .colssus-web .wcol-x390a60 {flex-basis:calc(60% - 5px);}
    .colssus-web .wcol-x390a100 {flex-basis:100%;}
}
@media only screen and (max-width: 320px) {
    .colssus-web .marco {padding:20px 15px}
}