@import url('https://fonts.googleapis.com/css2?family=Fira+Sans: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');

:root {
--color-principal: #0068b4;
--color-principal-2: #e9edf6;

--amarillo: #ffd700;
--amarillo-2: #fdf1ac;
--amarillo-3: #fffbe4;
--amarillo-4: #464104;
--amarillo-rgb: 254,198,39,100;
--amarillo-rgb-2: 213,187,114,100;
--amarillo-rgb-3: 239,222,176,100;
--amarillo-rgb-4: 44,35,11,100;

--azul: #001e64;
--azul-2: #638AE6;
--azul-3: #87ABFF;
--azul-4: #000c26;
--azul-rgb: 0,30,100,100;
--azul-rgb-2: 99,138,230,100;
--azul-rgb-3: 135,171,255,100;
--azul-rgb-4: 0,12,38,100;

--beige: #675446;
--beige-2: #e6d9d0;
--beige-3: #f4eae8;
--beige-4: #392a1f;
--beige-rgb: 103,84,70,100;
--beige-rgb-2: 230,217,208,100;
--beige-rgb-3: 244,234,232,100;
--beige-rgb-4: 57,42,31,100;

--celeste: #00A2FF;
--celeste-2: #77bfe9;
--celeste-3: #d7ecf8;
--celeste-4: #1D4861;
--celeste-rgb: 0,162,255,100;
--celeste-rgb-2: 119,191,233,100;
--celeste-rgb-3: 215,236,248,100;
--celeste-rgb-4: 29,72,97,100;

--gris: #525458;
--gris-2: #aaaeb6;
--gris-3: #e4e8f1;
--gris-4: #242527;
--gris-rgb: 82,84,88,100;
--gris-rgb-2: 170,174,182,100;
--gris-rgb-3: 228,232,241,100;
--gris-rgb-4: 36,37,39,100;

--naranja: #FF5F0D;
--naranja-2: #ebba74;
--naranja-3: #f8e8d0;
--naranja-4: #401703;
--naranja-rgb: 255,95,13,100;
--naranja-rgb-2: 235,186,116,100;
--naranja-rgb-3: 248,232,208,100;
--naranja-rgb-4: 64,23,3,100;

--negro: #000000;
--negro-2: #c8c8c8;
--negro-3: #f6f6f6;
--negro-4: #323232;
--negro-rgb: 0,0,0,100;
--negro-rgb-2: 200,200,200,100;
--negro-rgb-3: 246,246,246,100;
--negro-rgb-4: 50,50,50,100;

--rojo: #640000;
--rojo-2: #FAACAC;
--rojo-3: #f7e7e7;
--rojo-4: #330000;
--rojo-rgb: 100,0,0,100;
--rojo-rgb-2: 250,172,172,100;
--rojo-rgb-3: 247,231,231,100;
--rojo-rgb-4: 51,0,0,100;

--rosa: #891860;
--rosa-2: #d47ebf;
--rosa-3: #f5bbe7;
--rosa-4: #57103D;
--rosa-rgb: 137,24,96,100;
--rosa-rgb-2: 212,126,191,100;
--rosa-rgb-3: 245,187,231,100;
--rosa-rgb-4: 87,16,61,100;

--verde: #32612d;
--verde-2: #b2d3c2;
--verde-3: #e7fff3;
--verde-4: #183715;
--verde-rgb: 50,97,45,100;
--verde-rgb-2: 178,211,194,100;
--verde-rgb-3: 231,255,243,100;
--verde-rgb-4: 24,55,21,100;

--violeta: #400078;
--violeta-2: #ad9fd4;
--violeta-3: #d1cfdd;
--violeta-4: #2b2144;
--violeta-rgb: 64,0,120,100;
--violeta-rgb-2: 173,159,212,100;
--violeta-rgb-3: 209,207,221,100;
--violeta-rgb-4: 43,33,68,100;
}


section {margin: 0; padding: 0;}
body {margin: 0 !important; padding: 0 !important; overflow-x: hidden;}


/**********************************************************************************/
/************************************* COLORES ************************************/
/**********************************************************************************/
.principal {color: var(--color-principal) !important;}
.principal-2 {color: var(--color-principal-2) !important;}

.amarillo {color: var(--amarillo) !important;}
.amarillo-2 {color: var(--amarillo-2) !important;}
.amarillo-3 {color: var(--amarillo-3) !important;}
.amarillo-4 {color: var(--amarillo-4) !important;}

.azul {color: var(--azul) !important;}
.azul-2 {color: var(--azul-2) !important;}
.azul-3 {color: var(--azul-3) !important;}
.azul-4 {color: var(--azul-4) !important;}

.beige {color: var(--beige) !important;}
.beige-2 {color: var(--beige-2) !important;}
.beige-3 {color: var(--beige-3) !important;}
.beige-4 {color: var(--beige-4) !important;}

.celeste {color: var(--celeste) !important;}
.celeste-2 {color: var(--celeste-2) !important;}
.celeste-3 {color: var(--celeste-3) !important;}
.celeste-4 {color: var(--celeste-4) !important;}

.gris {color: var(--gris) !important;}
.gris-2 {color: var(--gris-2) !important;}
.gris-3 {color: var(--gris-3) !important;}
.gris-4 {color: var(--gris-4) !important;}

.naranja {color: var(--naranja) !important;}
.naranja-2 {color: var(--naranja-2) !important;}
.naranja-3 {color: var(--naranja-3) !important;}
.naranja-4 {color: var(--naranja-4) !important;}

.negro {color: var(--negro) !important;}
.negro-2 {color: var(--negro-2) !important;}
.negro-3 {color: var(--negro-3) !important;}
.negro-4 {color: var(--negro-4) !important;}

.rojo {color: var(--rojo) !important;}
.rojo-2 {color: var(--rojo-2) !important;}
.rojo-3 {color: var(--rojo-3) !important;}
.rojo-4 {color: var(--rojo-4) !important;}

.rosa {color: var(--rosa) !important;}
.rosa-2 {color: var(--rosa-2) !important;}
.rosa-3 {color: var(--rosa-3) !important;}
.rosa-4 {color: var(--rosa-4) !important;}

.verde {color: var(--verde) !important;}
.verde-2 {color: var(--verde-2) !important;}
.verde-3 {color: var(--verde-3) !important;}
.verde-4 {color: var(--verde-4) !important;}

.violeta {color: var(--violeta) !important;}
.violeta-2 {color: var(--violeta-2) !important;}
.violeta-3 {color: var(--violeta-3) !important;}
.violeta-4 {color: var(--violeta-4) !important;}

/************************* COLORES DE FONDO ************************/

.bg-principal {background: var(--color-principal) !important;}
.bg-principal-2 {background: var(--color-principal-2) !important;}

.bg-amarillo {background: var(--amarillo) !important;}
.bg-amarillo-2 {background: var(--amarillo-2) !important;}
.bg-amarillo-3 {background: var(--amarillo-3) !important;}
.bg-amarillo-4 {background: var(--amarillo-4) !important;}
.bg-amarillo-5 {background: rgba(var(--amarillo-rgb-2));background: linear-gradient(0deg, rgba(var(--amarillo-rgb-2)) 0%, rgba(var(--amarillo-rgb-3)) 100%); !important;}

.bg-azul {background: var(--azul) !important;}
.bg-azul-2 {background: var(--azul-2) !important;}
.bg-azul-3 {background: var(--azul-3) !important;}
.bg-azul-4 {background: var(--azul-4) !important;}
.bg-azul-5 {background: rgba(var(--azul-rgb-2));background: linear-gradient(0deg, rgba(var(--azul-rgb-2)) 0%, rgba(var(--azul-rgb-3)) 100%); !important;}

.bg-beige {background: var(--beige) !important;}
.bg-beige-2 {background: var(--beige-2) !important;}
.bg-beige-3 {background: var(--beige-3) !important;}
.bg-beige-4 {background: var(--beige-4) !important;}
.bg-beige-5 {background: rgba(var(--beige-rgb-2));background: linear-gradient(0deg, rgba(var(--beige-rgb-2)) 0%, rgba(var(--beige-rgb-3)) 100%); !important;}

.bg-celeste {background: var(--celeste) !important;}
.bg-celeste-2 {background: var(--celeste-2) !important;}
.bg-celeste-3 {background: var(--celeste-3) !important;}
.bg-celeste-4 {background: var(--celeste-4) !important;}
.bg-celeste-5 {background: rgba(var(--celeste-rgb-2));background: linear-gradient(0deg, rgba(var(--celeste-rgb-2)) 0%, rgba(var(--celeste-rgb-3)) 100%); !important;}

.bg-gris {background: var(--gris) !important;}
.bg-gris-2 {background: var(--gris-2) !important;}
.bg-gris-3 {background: var(--gris-3) !important;}
.bg-gris-4 {background: var(--gris-4) !important;}
.bg-gris-5 {background: rgba(var(--gris-rgb-2));background: linear-gradient(0deg, rgba(var(--gris-rgb-2)) 0%, rgba(var(--gris-rgb-3)) 100%); !important;}

.bg-naranja {background: var(--naranja) !important;}
.bg-naranja-2 {background: var(--naranja-2) !important;}
.bg-naranja-3 {background: var(--naranja-3) !important;}
.bg-naranja-4 {background: var(--naranja-4) !important;}
.bg-naranja-5 {background: rgba(var(--naranja-rgb-2));background: linear-gradient(0deg, rgba(var(--naranja-rgb-2)) 0%, rgba(var(--naranja-rgb-3)) 100%); !important;}

.bg-negro {background: var(--negro) !important;}
.bg-negro-2 {background: var(--negro-2) !important;}
.bg-negro-3 {background: var(--negro-3) !important;}
.bg-negro-4 {background: var(--negro-4) !important;}
.bg-negro-5 {background: rgba(var(--negro-rgb-2));background: linear-gradient(0deg, rgba(var(--negro-rgb-2)) 0%, rgba(var(--negro-rgb-3)) 100%); !important;}

.bg-rojo {background: var(--rojo) !important;}
.bg-rojo-2 {background: var(--rojo-2) !important;}
.bg-rojo-3 {background: var(--rojo-3) !important;}
.bg-rojo-4 {background: var(--rojo-4) !important;}
.bg-rojo-5 {background: rgba(var(--rojo-rgb-2));background: linear-gradient(0deg, rgba(var(--rojo-rgb-2)) 0%, rgba(var(--rojo-rgb-3)) 100%); !important;}

.bg-rosa {background: var(--rosa) !important;}
.bg-rosa-2 {background: var(--rosa-2) !important;}
.bg-rosa-3 {background: var(--rosa-3) !important;}
.bg-rosa-4 {background: var(--rosa-4) !important;}
.bg-rosa-5 {background: rgba(var(--rosa-rgb-2));background: linear-gradient(0deg, rgba(var(--rosa-rgb-2)) 0%, rgba(var(--rosa-rgb-3)) 100%); !important;}

.bg-verde {background: var(--verde) !important;}
.bg-verde-2 {background: var(--verde-2) !important;}
.bg-verde-3 {background: var(--verde-3) !important;}
.bg-verde-4 {background: var(--verde-4) !important;}
.bg-verde-5 {background: rgba(var(--verde-rgb-2));background: linear-gradient(0deg, rgba(var(--verde-rgb-2)) 0%, rgba(var(--verde-rgb-3)) 100%); !important;}

.bg-violeta {background: var(--violeta) !important;}
.bg-violeta-2 {background: var(--violeta-2) !important;}
.bg-violeta-3 {background: var(--violeta-3) !important;}
.bg-violeta-4 {background: var(--violeta-4) !important;}
.bg-violeta-5 {background: rgba(var(--violeta-rgb-2));background: linear-gradient(0deg, rgba(var(--violeta-rgb-2)) 0%, rgba(var(--violeta-rgb-3)) 100%); !important;}


.bg-2-amarillo div:nth-child(4n+4), .bg-2-amarillo div:nth-child(4n+3) {background: var(--amarillo-3) !important;}
.bg-2-amarillo div:nth-child(4n+2), .bg-2-amarillo div:nth-child(4n+1) {background: var(--amarillo-2) !important;}

.bg-3-amarillo div:nth-child(6n+6), .bg-3-amarillo div:nth-child(6n+5), .bg-3-amarillo div:nth-child(6n+4) {background: var(--amarillo-3) !important;}
.bg-3-amarillo div:nth-child(6n+3), .bg-3-amarillo div:nth-child(6n+2), .bg-3-amarillo div:nth-child(6n+1) {background: var(--amarillo-2) !important;}

.bg-4-amarillo div:nth-child(8n+8), .bg-4-amarillo div:nth-child(8n+7), .bg-4-amarillo div:nth-child(8n+6), .bg-4-amarillo div:nth-child(8n+5) {background: var(--amarillo-3) !important;}
.bg-4-amarillo div:nth-child(8n+4), .bg-4-amarillo div:nth-child(8n+3), .bg-4-amarillo div:nth-child(8n+2), .bg-4-amarillo div:nth-child(8n+1) {background: var(--amarillo-2) !important;}


.bg-2-azul div:nth-child(4n+4), .bg-2-azul div:nth-child(4n+3) {background: var(--azul-3) !important;}
.bg-2-azul div:nth-child(4n+2), .bg-2-azul div:nth-child(4n+1) {background: var(--azul-2) !important;}

.bg-3-azul div:nth-child(6n+6), .bg-3-azul div:nth-child(6n+5), .bg-3-azul div:nth-child(6n+4) {background: var(--azul-3) !important;}
.bg-3-azul div:nth-child(6n+3), .bg-3-azul div:nth-child(6n+2), .bg-3-azul div:nth-child(6n+1) {background: var(--azul-2) !important;}

.bg-4-azul div:nth-child(8n+8), .bg-4-azul div:nth-child(8n+7), .bg-4-azul div:nth-child(8n+6), .bg-4-azul div:nth-child(8n+5) {background: var(--azul-3) !important;}
.bg-4-azul div:nth-child(8n+4), .bg-4-azul div:nth-child(8n+3), .bg-4-azul div:nth-child(8n+2), .bg-4-azul div:nth-child(8n+1) {background: var(--azul-2) !important;}


.bg-2-beige div:nth-child(4n+4), .bg-2-beige div:nth-child(4n+3) {background: var(--beige-3) !important;}
.bg-2-beige div:nth-child(4n+2), .bg-2-beige div:nth-child(4n+1) {background: var(--beige-2) !important;}

.bg-3-beige div:nth-child(6n+6), .bg-3-beige div:nth-child(6n+5), .bg-3-beige div:nth-child(6n+4) {background: var(--beige-3) !important;}
.bg-3-beige div:nth-child(6n+3), .bg-3-beige div:nth-child(6n+2), .bg-3-beige div:nth-child(6n+1) {background: var(--beige-2) !important;}

.bg-4-beige div:nth-child(8n+8), .bg-4-beige div:nth-child(8n+7), .bg-4-beige div:nth-child(8n+6), .bg-4-beige div:nth-child(8n+5) {background: var(--beige-3) !important;}
.bg-4-beige div:nth-child(8n+4), .bg-4-beige div:nth-child(8n+3), .bg-4-beige div:nth-child(8n+2), .bg-4-beige div:nth-child(8n+1) {background: var(--beige-2) !important;}


.bg-2-celeste div:nth-child(4n+4), .bg-2-celeste div:nth-child(4n+3) {background: var(--celeste-3) !important;}
.bg-2-celeste div:nth-child(4n+2), .bg-2-celeste div:nth-child(4n+1) {background: var(--celeste-2) !important;}

.bg-3-celeste div:nth-child(6n+6), .bg-3-celeste div:nth-child(6n+5), .bg-3-celeste div:nth-child(6n+4) {background: var(--celeste-3) !important;}
.bg-3-celeste div:nth-child(6n+3), .bg-3-celeste div:nth-child(6n+2), .bg-3-celeste div:nth-child(6n+1) {background: var(--celeste-2) !important;}

.bg-4-celeste div:nth-child(8n+8), .bg-4-celeste div:nth-child(8n+7), .bg-4-celeste div:nth-child(8n+6), .bg-4-celeste div:nth-child(8n+5) {background: var(--celeste-3) !important;}
.bg-4-celeste div:nth-child(8n+4), .bg-4-celeste div:nth-child(8n+3), .bg-4-celeste div:nth-child(8n+2), .bg-4-celeste div:nth-child(8n+1) {background: var(--celeste-2) !important;}


.bg-2-gris div:nth-child(4n+4), .bg-2-gris div:nth-child(4n+3) {background: var(--gris-3) !important;}
.bg-2-gris div:nth-child(4n+2), .bg-2-gris div:nth-child(4n+1) {background: var(--gris-2) !important;}

.bg-3-gris div:nth-child(6n+6), .bg-3-gris div:nth-child(6n+5), .bg-3-gris div:nth-child(6n+4) {background: var(--gris-3) !important;}
.bg-3-gris div:nth-child(6n+3), .bg-3-gris div:nth-child(6n+2), .bg-3-gris div:nth-child(6n+1) {background: var(--gris-2) !important;}

.bg-4-gris div:nth-child(8n+8), .bg-4-gris div:nth-child(8n+7), .bg-4-gris div:nth-child(8n+6), .bg-4-gris div:nth-child(8n+5) {background: var(--gris-3) !important;}
.bg-4-gris div:nth-child(8n+4), .bg-4-gris div:nth-child(8n+3), .bg-4-gris div:nth-child(8n+2), .bg-4-gris div:nth-child(8n+1) {background: var(--gris-2) !important;}


.bg-2-naranja div:nth-child(4n+4), .bg-2-naranja div:nth-child(4n+3) {background: var(--naranja-3) !important;}
.bg-2-naranja div:nth-child(4n+2), .bg-2-naranja div:nth-child(4n+1) {background: var(--naranja-2) !important;}

.bg-3-naranja div:nth-child(6n+6), .bg-3-naranja div:nth-child(6n+5), .bg-3-naranja div:nth-child(6n+4) {background: var(--naranja-3) !important;}
.bg-3-naranja div:nth-child(6n+3), .bg-3-naranja div:nth-child(6n+2), .bg-3-naranja div:nth-child(6n+1) {background: var(--naranja-2) !important;}

.bg-4-naranja div:nth-child(8n+8), .bg-4-naranja div:nth-child(8n+7), .bg-4-naranja div:nth-child(8n+6), .bg-4-naranja div:nth-child(8n+5) {background: var(--naranja-3) !important;}
.bg-4-naranja div:nth-child(8n+4), .bg-4-naranja div:nth-child(8n+3), .bg-4-naranja div:nth-child(8n+2), .bg-4-naranja div:nth-child(8n+1) {background: var(--naranja-2) !important;}


.bg-2-negro div:nth-child(4n+4), .bg-2-negro div:nth-child(4n+3) {background: var(--negro-3) !important;}
.bg-2-negro div:nth-child(4n+2), .bg-2-negro div:nth-child(4n+1) {background: var(--negro-2) !important;}

.bg-3-negro div:nth-child(6n+6), .bg-3-negro div:nth-child(6n+5), .bg-3-negro div:nth-child(6n+4) {background: var(--negro-3) !important;}
.bg-3-negro div:nth-child(6n+3), .bg-3-negro div:nth-child(6n+2), .bg-3-negro div:nth-child(6n+1) {background: var(--negro-2) !important;}

.bg-4-negro div:nth-child(8n+8), .bg-4-negro div:nth-child(8n+7), .bg-4-negro div:nth-child(8n+6), .bg-4-negro div:nth-child(8n+5) {background: var(--negro-3) !important;}
.bg-4-negro div:nth-child(8n+4), .bg-4-negro div:nth-child(8n+3), .bg-4-negro div:nth-child(8n+2), .bg-4-negro div:nth-child(8n+1) {background: var(--negro-2) !important;}


.bg-2-rojo div:nth-child(4n+4), .bg-2-rojo div:nth-child(4n+3) {background: var(--rojo-3) !important;}
.bg-2-rojo div:nth-child(4n+2), .bg-2-rojo div:nth-child(4n+1) {background: var(--rojo-2) !important;}

.bg-3-rojo div:nth-child(6n+6), .bg-3-rojo div:nth-child(6n+5), .bg-3-rojo div:nth-child(6n+4) {background: var(--rojo-3) !important;}
.bg-3-rojo div:nth-child(6n+3), .bg-3-rojo div:nth-child(6n+2), .bg-3-rojo div:nth-child(6n+1) {background: var(--rojo-2) !important;}

.bg-4-rojo div:nth-child(8n+8), .bg-4-rojo div:nth-child(8n+7), .bg-4-rojo div:nth-child(8n+6), .bg-4-rojo div:nth-child(8n+5) {background: var(--rojo-3) !important;}
.bg-4-rojo div:nth-child(8n+4), .bg-4-rojo div:nth-child(8n+3), .bg-4-rojo div:nth-child(8n+2), .bg-4-rojo div:nth-child(8n+1) {background: var(--rojo-2) !important;}


.bg-2-rosa div:nth-child(4n+4), .bg-2-rosa div:nth-child(4n+3) {background: var(--rosa-3) !important;}
.bg-2-rosa div:nth-child(4n+2), .bg-2-rosa div:nth-child(4n+1) {background: var(--rosa-2) !important;}

.bg-3-rosa div:nth-child(6n+6), .bg-3-rosa div:nth-child(6n+5), .bg-3-rosa div:nth-child(6n+4) {background: var(--rosa-3) !important;}
.bg-3-rosa div:nth-child(6n+3), .bg-3-rosa div:nth-child(6n+2), .bg-3-rosa div:nth-child(6n+1) {background: var(--rosa-2) !important;}

.bg-4-rosa div:nth-child(8n+8), .bg-4-rosa div:nth-child(8n+7), .bg-4-rosa div:nth-child(8n+6), .bg-4-rosa div:nth-child(8n+5) {background: var(--rosa-3) !important;}
.bg-4-rosa div:nth-child(8n+4), .bg-4-rosa div:nth-child(8n+3), .bg-4-rosa div:nth-child(8n+2), .bg-4-rosa div:nth-child(8n+1) {background: var(--rosa-2) !important;}


.bg-2-verde div:nth-child(4n+4), .bg-2-verde div:nth-child(4n+3) {background: var(--verde-3) !important;}
.bg-2-verde div:nth-child(4n+2), .bg-2-verde div:nth-child(4n+1) {background: var(--verde-2) !important;}

.bg-3-verde div:nth-child(6n+6), .bg-3-verde div:nth-child(6n+5), .bg-3-verde div:nth-child(6n+4) {background: var(--verde-3) !important;}
.bg-3-verde div:nth-child(6n+3), .bg-3-verde div:nth-child(6n+2), .bg-3-verde div:nth-child(6n+1) {background: var(--verde-2) !important;}

.bg-4-verde div:nth-child(8n+8), .bg-4-verde div:nth-child(8n+7), .bg-4-verde div:nth-child(8n+6), .bg-4-verde div:nth-child(8n+5) {background: var(--verde-3) !important;}
.bg-4-verde div:nth-child(8n+4), .bg-4-verde div:nth-child(8n+3), .bg-4-verde div:nth-child(8n+2), .bg-4-verde div:nth-child(8n+1) {background: var(--verde-2) !important;}


.bg-2-violeta div:nth-child(4n+4), .bg-2-violeta div:nth-child(4n+3) {background: var(--violeta-3) !important;}
.bg-2-violeta div:nth-child(4n+2), .bg-2-violeta div:nth-child(4n+1) {background: var(--violeta-2) !important;}

.bg-3-violeta div:nth-child(6n+6), .bg-3-violeta div:nth-child(6n+5), .bg-3-violeta div:nth-child(6n+4) {background: var(--violeta-3) !important;}
.bg-3-violeta div:nth-child(6n+3), .bg-3-violeta div:nth-child(6n+2), .bg-3-violeta div:nth-child(6n+1) {background: var(--violeta-2) !important;}

.bg-4-violeta div:nth-child(8n+8), .bg-4-violeta div:nth-child(8n+7), .bg-4-violeta div:nth-child(8n+6), .bg-4-violeta div:nth-child(8n+5) {background: var(--violeta-3) !important;}
.bg-4-violeta div:nth-child(8n+4), .bg-4-violeta div:nth-child(8n+3), .bg-4-violeta div:nth-child(8n+2), .bg-4-violeta div:nth-child(8n+1) {background: var(--violeta-2) !important;}


/************************* COLORES DE BORDES ************************/

.border-principal {border: 2px solid var(--color-principal) !important;}
.border-principal-2 {border: 2px solid var(--color-principal-2) !important;}

.border-amarillo {border: 2px solid var(--amarillo) !important;}
.border-amarillo-2 {border: 2px solid var(--amarillo-2) !important;}
.border-amarillo-3 {border: 2px solid var(--amarillo-3) !important;}
.border-amarillo-4 {border: 2px solid var(--amarillo-4) !important;}

.border-azul {border: 2px solid var(--azul) !important;}
.border-azul-2 {border: 2px solid var(--azul-2) !important;}
.border-azul-3 {border: 2px solid var(--azul-3) !important;}
.border-azul-4 {border: 2px solid var(--azul-4) !important;}

.border-beige {border: 2px solid var(--beige) !important;}
.border-beige-2 {border: 2px solid var(--beige-2) !important;}
.border-beige-3 {border: 2px solid var(--beige-3) !important;}
.border-beige-4 {border: 2px solid var(--beige-4) !important;}

.border-celeste {border: 2px solid var(--celeste) !important;}
.border-celeste-2 {border: 2px solid var(--celeste-2) !important;}
.border-celeste-3 {border: 2px solid var(--celeste-3) !important;}
.border-celeste-4 {border: 2px solid var(--celeste-4) !important;}

.border-gris {border: 2px solid var(--gris) !important;}
.border-gris-2 {border: 2px solid var(--gris-2) !important;}
.border-gris-3 {border: 2px solid var(--gris-3) !important;}
.border-gris-4 {border: 2px solid var(--gris-4) !important;}

.border-naranja {border: 2px solid var(--naranja) !important;}
.border-naranja-2 {border: 2px solid var(--naranja-2) !important;}
.border-naranja-3 {border: 2px solid var(--naranja-3) !important;}
.border-naranja-4 {border: 2px solid var(--naranja-4) !important;}

.border-negro {border: 2px solid var(--negro) !important;}
.border-negro-2 {border: 2px solid var(--negro-2) !important;}
.border-negro-3 {border: 2px solid var(--negro-3) !important;}
.border-negro-4 {border: 2px solid var(--negro-4) !important;}

.border-rojo {border: 2px solid var(--rojo) !important;}
.border-rojo-2 {border: 2px solid var(--rojo-2) !important;}
.border-rojo-3 {border: 2px solid var(--rojo-3) !important;}
.border-rojo-4 {border: 2px solid var(--rojo-4) !important;}

.border-rosa {border: 2px solid var(--rosa) !important;}
.border-rosa-2 {border: 2px solid var(--rosa-2) !important;}
.border-rosa-3 {border: 2px solid var(--rosa-3) !important;}
.border-rosa-4 {border: 2px solid var(--rosa-4) !important;}

.border-verde {border: 2px solid var(--verde) !important;}
.border-verde-2 {border: 2px solid var(--verde-2) !important;}
.border-verde-3 {border: 2px solid var(--verde-3) !important;}
.border-verde-4 {border: 2px solid var(--verde-4) !important;}

.border-violeta {border: 2px solid var(--violeta) !important;}
.border-violeta-2 {border: 2px solid var(--violeta-2) !important;}
.border-violeta-3 {border: 2px solid var(--violeta-3) !important;}
.border-violeta-4 {border: 2px solid var(--violeta-4) !important;}


/************************* COLORES DE SEPARADORES ************************/

.separador-amarillo, .separador-azul, .separador-beige, .separador-celeste, .separador-gris, .separador-naranja, .separador-negro, .separador-rojo, .separador-rosa, .separador-verde, .separador-violeta { 
    display:block;
    border:none;
    height:4px;
	width: 75%;
	margin: 10px auto 10px auto;
}

.separador-amarillo {
	background: rgba(var(--amarillo-rgb));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(var(--amarillo-rgb)) 0%, rgba(255,255,255,0) 100%);
}
.separador-azul {
	background: rgba(var(--azul-rgb));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(var(--azul-rgb)) 0%, rgba(255,255,255,0) 100%);
}

.separador-beige {
	background: rgba(var(--beige-rgb));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(var(--beige-rgb)) 0%, rgba(255,255,255,0) 100%);
}

.separador-celeste {
	background: rgba(var(--celeste-rgb));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(var(--celeste-rgb)) 0%, rgba(255,255,255,0) 100%);
}

.separador-gris {
	background: rgba(var(--gris-rgb));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(var(--gris-rgb)) 0%, rgba(255,255,255,0) 100%);
}

.separador-naranja {
	background: rgba(var(--naranja-rgb));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(var(--naranja-rgb)) 0%, rgba(255,255,255,0) 100%);
}

.separador-negro {
	background: rgba(var(--negro-rgb));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(var(--negro-rgb)) 0%, rgba(255,255,255,0) 100%);
}

.separador-rojo {
	background: rgba(var(--rojo-rgb));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(var(--rojo-rgb)) 0%, rgba(255,255,255,0) 100%);
}

.separador-rosa {
	background: rgba(var(--rosa-rgb));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(var(--rosa-rgb)) 0%, rgba(255,255,255,0) 100%);
}

.separador-verde {
	background: rgba(var(--verde-rgb));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(var(--verde-rgb)) 0%, rgba(255,255,255,0) 100%);
}

.separador-violeta {
	background: rgba(var(--violeta-rgb));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(var(--violeta-rgb)) 0%, rgba(255,255,255,0) 100%);
}

/**********************************************************************************/


.boton-amarillo, .boton-amarillo-2, .boton-azul, .boton-azul-2, .boton-beige, .boton-beige-2, .boton-celeste, .boton-celeste-2, .boton-gris, .boton-gris-2, .boton-naranja, .boton-naranja-2, .boton-negro, .boton-negro-2, .boton-rojo, .boton-rojo-2, .boton-rosa, .boton-rosa-2, .boton-verde, .boton-verde-2, .boton-violeta, .boton-violeta-2 {
	display: block;
	width: 100%;
	border-radius: 5px;
	box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
	text-decoration: none;
	text-align: center;
	padding: 4px;
	font-family: 'Fira Sans', sans-serif;
	font-weight: normal;
	font-size: 1.2rem;
}

.boton-amarillo a, .boton-amarillo-2 a, .boton-azul a, .boton-azul-2 a, .boton-beige a, .boton-beige-2 a, .boton-celeste a, .boton-celeste-2 a, .boton-gris a, .boton-gris-2 a, .boton-naranja a, .boton-naranja-2 a, .boton-negro a, .boton-negro-2 a, .boton-rojo a, .boton-rojo-2 a, .boton-rosa a, .boton-rosa-2 a, .boton-verde a, .boton-verde-2 a, .boton-violeta a, .boton-violeta-2 a {
	text-decoration:none!important;
	
}

.boton-amarillo span, .boton-amarillo-2 span, .boton-azul span, .boton-azul-2 span, .boton-beige span, .boton-beige-2 span, .boton-celeste span, .boton-celeste-2 span, .boton-gris span, .boton-gris-2 span, .boton-naranja span, .boton-naranja-2 span, .boton-negro span, .boton-negro-2 span, .boton-rojo span, .boton-rojo-2 span, .boton-rosa span, .boton-rosa-2 span, .boton-verde span, .boton-verde-2 span, .boton-violeta span, .boton-violeta-2 span {
		font-size: 0.9rem;
}

.boton-amarillo:hover, .boton-amarillo-2:hover, .boton-azul:hover, .boton-azul-2:hover, .boton-beige:hover, .boton-beige-2:hover, .boton-celeste:hover, .boton-celeste-2:hover, .boton-gris:hover, .boton-gris-2:hover, .boton-naranja:hover, .boton-naranja-2:hover, .boton-negro:hover, .boton-negro-2:hover, .boton-rojo:hover, .boton-rojo-2:hover, .boton-rosa:hover, .boton-rosa-2:hover, .boton-verde:hover, .boton-verde-2:hover, .boton-violeta:hover, .boton-violeta-2:hover {
	transition: .5s;
}

.boton-amarillo {
	color: var(--amarillo-3);
	background-color: var(--amarillo);
	border: solid 2px var(--amarillo-4);
}

.boton-amarillo:hover{
	color: var(--amarillo-2);
	background-color: var(--amarillo-4);
	border: solid 2px var(--amarillo);
}

.boton-amarillo-2 {
	color: var(--amarillo-4);
	background-color: var(--amarillo-3);
	border: solid 2px var(--amarillo-2);
}

.boton-amarillo-2:hover{
	color: var(--amarillo);
	background-color: var(--amarillo-2);
	border: solid 2px var(--amarillo-3);
}

.boton-azul {
	color: var(--azul-3);
	background-color: var(--azul);
	border: solid 2px var(--azul-4);
}

.boton-azul:hover{
	color: var(--azul-2);
	background-color: var(--azul-4);
	border: solid 2px var(--azul);
}

.boton-azul-2 {
	color: var(--azul-4);
	background-color: var(--azul-3);
	border: solid 2px var(--azul-2);
}

.boton-azul-2:hover{
	color: var(--azul);
	background-color: var(--azul-2);
	border: solid 2px var(--azul-3);
}

.boton-beige {
	color: var(--beige-3);
	background-color: var(--beige);
	border: solid 2px var(--beige-4);
}

.boton-beige:hover{
	color: var(--beige-2);
	background-color: var(--beige-4);
	border: solid 2px var(--beige);
}

.boton-beige-2 {
	color: var(--beige-4);
	background-color: var(--beige-3);
	border: solid 2px var(--beige-2);
}

.boton-beige-2:hover{
	color: var(--beige);
	background-color: var(--beige-2);
	border: solid 2px var(--beige-3);
}


.boton-celeste {
	color: var(--celeste-3);
	background-color: var(--celeste);
	border: solid 2px var(--celeste-4);
}

.boton-celeste:hover{
	color: var(--celeste-2);
	background-color: var(--celeste-4);
	border: solid 2px var(--celeste);
}

.boton-celeste-2 {
	color: var(--celeste-4);
	background-color: var(--celeste-3);
	border: solid 2px var(--celeste-2);
}

.boton-celeste-2:hover{
	color: var(--celeste);
	background-color: var(--celeste-2);
	border: solid 2px var(--celeste-3);
}

.boton-gris {
	color: var(--gris-3);
	background-color: var(--gris);
	border: solid 2px var(--gris-4);
}

.boton-gris:hover{
	color: var(--gris-2);
	background-color: var(--gris-4);
	border: solid 2px var(--gris);
}

.boton-gris-2 {
	color: var(--gris-4);
	background-color: var(--gris-3);
	border: solid 2px var(--gris-2);
}

.boton-gris-2:hover{
	color: var(--gris);
	background-color: var(--gris-2);
	border: solid 2px var(--gris-3);
}

.boton-naranja {
	color: var(--naranja-3);
	background-color: var(--naranja);
	border: solid 2px var(--naranja-4);
}

.boton-naranja:hover{
	color: var(--naranja-2);
	background-color: var(--naranja-4);
	border: solid 2px var(--naranja);
}

.boton-naranja-2 {
	color: var(--naranja-4);
	background-color: var(--naranja-3);
	border: solid 2px var(--naranja-2);
}

.boton-naranja-2:hover{
	color: var(--naranja);
	background-color: var(--naranja-2);
	border: solid 2px var(--naranja-3);
}

.boton-negro {
	color: var(--negro-3);
	background-color: var(--negro);
	border: solid 2px var(--negro-4);
}

.boton-negro:hover{
	color: var(--negro-2);
	background-color: var(--negro-4);
	border: solid 2px var(--negro);
}

.boton-negro-2 {
	color: var(--negro-4);
	background-color: var(--negro-3);
	border: solid 2px var(--negro-2);
}

.boton-negro-2:hover{
	color: var(--negro);
	background-color: var(--negro-2);
	border: solid 2px var(--negro-3);
}

.boton-rojo {
	color: var(--rojo-3);
	background-color: var(--rojo);
	border: solid 2px var(--rojo-4);
}

.boton-rojo:hover{
	color: var(--rojo-2);
	background-color: var(--rojo-4);
	border: solid 2px var(--rojo);
}

.boton-rojo-2 {
	color: var(--rojo-4);
	background-color: var(--rojo-3);
	border: solid 2px var(--rojo-2);
}

.boton-rojo-2:hover{
	color: var(--rojo);
	background-color: var(--rojo-2);
	border: solid 2px var(--rojo-3);
}

.boton-rosa {
	color: var(--rosa-3);
	background-color: var(--rosa);
	border: solid 2px var(--rosa-4);
}

.boton-rosa:hover{
	color: var(--rosa-2);
	background-color: var(--rosa-4);
	border: solid 2px var(--rosa);
}

.boton-rosa-2 {
	color: var(--rosa-4);
	background-color: var(--rosa-3);
	border: solid 2px var(--rosa-2);
}

.boton-rosa-2:hover{
	color: var(--rosa);
	background-color: var(--rosa-2);
	border: solid 2px var(--rosa-3);
}

.boton-verde {
	color: var(--verde-3);
	background-color: var(--verde);
	border: solid 2px var(--verde-4);
}

.boton-verde:hover{
	color: var(--verde-2);
	background-color: var(--verde-4);
	border: solid 2px var(--verde);
}

.boton-verde-2 {
	color: var(--verde-4);
	background-color: var(--verde-3);
	border: solid 2px var(--verde-2);
}

.boton-verde-2:hover{
	color: var(--verde);
	background-color: var(--verde-2);
	border: solid 2px var(--verde-3);
}

.boton-violeta {
	color: var(--violeta-3);
	background-color: var(--violeta);
	border: solid 2px var(--violeta-4);
}

.boton-violeta:hover{
	color: var(--violeta-2);
	background-color: var(--violeta-4);
	border: solid 2px var(--violeta);
}

.boton-violeta-2 {
	color: var(--violeta-4);
	background-color: var(--violeta-3);
	border: solid 2px var(--violeta-2);
}

.boton-violeta-2:hover{
	color: var(--violeta);
	background-color: var(--violeta-2);
	border: solid 2px var(--violeta-3);
}

/**********************************************************************************/
/************************************* TÍTULOS ************************************/
/**********************************************************************************/

.titulo-1, .titulo-1-destacado {font-family: 'Fira Sans', sans-serif; font-weight: 900;}
.titulo-1-destacado {text-shadow: 1px 1px 5px rgb(0 0 0 / 100%); color: #ffffff;}
.titulo-1-destacado:hover {color: var(--azul) !important;}

.titulo-2, .titulo-2-destacado {font-family: 'Fira Sans', sans-serif; font-weight: 600;}
.titulo-2-destacado {text-shadow: 1px 1px 5px rgb(0 0 0 / 100%); color: #ffffff;}
.titulo-2-destacado:hover {color: var(--azul) !important;}

.titulo-3, .titulo-3-destacado {font-family: 'Fira Sans', sans-serif; font-weight: normal;}
.titulo-3-destacado {text-shadow: 1px 1px 2px rgb(0 0 0 / 100%); color: #ffffff;}
.titulo-3-destacado:hover {color: var(--azul) !important;}

.titulo-4, .titulo-4-destacado {font-family: 'Fira Sans', sans-serif; font-weight: 200;}
.titulo-4-destacado {text-shadow: 1px 1px 2px rgb(0 0 0 / 100%); color: #ffffff;}
.titulo-4-destacado:hover {color: var(--azul) !important;}



.texto-destacado {font-family: 'Fira Sans', sans-serif; font-weight: 400; text-shadow: 1px 1px 5px rgb(0 0 0 / 100%); color: #ffffff;}
.texto-destacado:hover {color: var(--azul) !important;}





/**********************************************************************************/
/******************************** LISTAS ORDENADAS ********************************/
/**********************************************************************************/

.lista-contenedor {
width:100%;
max-width:1200px;
margin: auto;
margin-bottom: 10px;
padding: 20px;
}

.lista-1 {columns: 1;}
.lista-2 {columns: 2;}
.lista-3 {columns: 3;}
.lista-4 {columns: 4;}
.lista-1 ul, .lista-2 ul, .lista-3 ul, .lista-4 ul {list-style: none; padding: 0;}
.lista-1 li, .lista-2 li, .lista-3 li, .lista-4 li {font-family: 'Fira Sans', sans-serif;}
.lista-1 li::before, .lista-2 li::before, .lista-3 li::before, .lista-4 li::before {
content: "\f0c8";
font-family: "FontAwesome"; 
display: inline-block;
margin-top: -1.3em;
width: 2em;
font-size: 10px;
}

@media (max-width: 576px) {
.lista-2 {columns: 1;}
.lista-3 {columns: 1;}
.lista-4 {columns: 1;}
.lista-1 li, .lista-2 li, .lista-3 li, .lista-4 li {font-size: 14px;}
}
@media (min-width: 576px) {
.lista-2 {columns: 1;}
.lista-3 {columns: 1;}
.lista-4 {columns: 1;}
.lista-1 li, .lista-2 li, .lista-3 li, .lista-4 li {font-size: 14px;}
}
@media (min-width: 768px) {
.lista-2 {columns: 2;}
.lista-3 {columns: 2;}
.lista-4 {columns: 2;}
.lista-1 li, .lista-2 li, .lista-3 li, .lista-4 li {font-size: 16px;}
}
@media (min-width: 992px) {
.lista-2 {columns: 2;}
.lista-3 {columns: 2;}
.lista-4 {columns: 2;}
.lista-1 li, .lista-2 li, .lista-3 li, .lista-4 li {font-size: 16px;}
}
@media (min-width: 1200px) {
.lista-2 {columns: 2;}
.lista-3 {columns: 3;}
.lista-4 {columns: 4;}
.lista-1 li, .lista-2 li, .lista-3 li, .lista-4 li {font-size: 18px;}
}
@media (min-width: 1400px) {
.lista-2 {columns: 2;}
.lista-3 {columns: 3;}
.lista-4 {columns: 4;}
.lista-1 li, .lista-2 li, .lista-3 li, .lista-4 li {font-size: 18px;}
}

/**********************************************************************************/


.img-buscador {width:100%; height: 200px; object-fit: cover;}

.grid-tipo-alojamiento {
float: right;
border-radius: 0px 5px 5px 0px;
margin-top: -50px;
box-shadow: 2px 2px 5px black;
z-index: 2;
background: rgba(255, 255, 255, 0.7);
align-self: start;
justify-self: start;
position: relative;
padding: 2px 5px 2px 10px;
left: 0px;
}



/********** MENU **********/

#menu-buscador {width:92%; padding:0; margin:0; display: inline-block; float: left; border-radius: 10px;background-color: white;border: solid 1px #e9e9e9;box-shadow:0 20px 50px #333;}
.jquery-accordion-menu,.jquery-accordion-menu *{font-family:'Open Sans',sans-serif;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline:0;}
.jquery-accordion-menu {min-width:160px;float:left;position:relative;}
.jquery-accordion-menu .jquery-accordion-menu-footer,.jquery-accordion-menu .jquery-accordion-menu-header {width:100%;height:15px;padding-left:22px;float:left;line-height:50px;font-weight:600;color: var(--color-principal);}
.jquery-accordion-menu ul{margin:0;padding:0;list-style:none}
.jquery-accordion-menu ul li{width:100%;display:block;float:left;position:relative}
.jquery-accordion-menu ul li a{width:100%;padding:10px 20px;float:left;text-decoration:none;color: var(--azul);font-size:18px;background: white;white-space:nowrap;position:relative;overflow:hidden;-o-transition:color .2s linear,background .2s linear;-moz-transition:color .2s linear,background .2s linear;-webkit-transition:color .2s linear,background .2s linear;transition:color .2s linear,background .2s linear}
.jquery-accordion-menu>ul>li.active>a,.jquery-accordion-menu>ul>li:hover>a{color:#fff;background: var(--azul-4);}
.jquery-accordion-menu>ul>li>a{border-bottom:solid 1px #e9e9e9}
.jquery-accordion-menu ul li a i{width:34px;float:left;line-height:18px;font-size:16px;text-align:left;}
.jquery-accordion-menu .submenu-indicator{float:right;right:22px;position:absolute;line-height:19px;font-size:20px;-o-transition:transform .3s linear;-moz-transition:transform .3s linear;-webkit-transition:transform .3s linear;-ms-transition:transform .3s linear}

.jquery-accordion-menu ul ul.submenu .submenu-indicator{line-height:16px}
.jquery-accordion-menu .submenu-indicator-minus>.submenu-indicator{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.jquery-accordion-menu ul ul.submenu,.jquery-accordion-menu ul ul.submenu li ul.submenu{width:100%;display:none;position:static}
.jquery-accordion-menu ul ul.submenu li{clear:both;width:100%}

.jquery-accordion-menu ul ul.submenu li a{width:100%;float:left;font-size:16px;background: var(--color-principal-2);border-top:none;position:relative;border-left:solid 6px transparent;-o-transition:border .2s linear;-moz-transition:border .2s linear;-webkit-transition:border .2s linear;transition:border .2s linear}
.jquery-accordion-menu ul ul.submenu li:hover>a{border-left-color: var(--color-principal);}
.jquery-accordion-menu ul ul.submenu>li>a{padding-left:30px}
.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>a{padding-left:45px}
.jquery-accordion-menu ul ul.submenu>li>ul.submenu>li>ul.submenu>li>a{padding-left:60px}
.jquery-accordion-menu ul li .jquery-accordion-menu-label,.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{min-width:20px;padding:1px 2px 1px 1px;position:absolute;right:18px;top:14px;font-size:11px;font-weight:800;color:#555;text-align:center;line-height:18px;background:#f0f0f0;border-radius:100%}
.jquery-accordion-menu ul ul.submenu li .jquery-accordion-menu-label{top:12px}
.ink{display:block;position:absolute;background:rgba(255,255,255,.3);border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}

.animate-ink{-webkit-animation:ripple .5s linear;-moz-animation:ripple .5s linear;-ms-animation:ripple .5s linear;-o-animation:ripple .5s linear;animation:ripple .5s linear}
@-webkit-keyframes ripple{100%{opacity:0;-webkit-transform:scale(2.5)}}
@-moz-keyframes ripple{100%{opacity:0;-moz-transform:scale(2.5)}}
@-o-keyframes ripple{100%{opacity:0;-o-transform:scale(2.5)}}
@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}

,rotate-icon:hover {-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}





.btn-block {display: block; width: 100%;}
  .btn-block + .btn-block {margin-top: 0.5rem;}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {width: 100%; }





.promo {align-items: stretch;
background-color: var(--naranja);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: 0 2px 4px rgb(48 48 48 / 15%);
color: #000;
display: flex;
font-size: 14px;
font-weight: 600;
gap: 4px;
right: 20px;
padding: 4px 10px;
transform: translateY(-5px);
}


.promo::before, .promo::after {border-bottom: 5px solid var(--naranja-2);
content: "";
height: 0;
position: absolute;
top: 0;
width: 0;
}
.promo::before{border-right: 5px solid transparent; right: -5px;}
.promo::after{border-left: 5px solid transparent; left: -5px;}



.iconos-servicio {top: 160px; display: flex; height: 28px; right: 0;}
.servicio {background-color: rgba(255, 255, 255, 0.5); border-radius: 10px; padding: 7px 7px 0px 7px; margin-right: 5px;font-size: 14px; color: var(--principal);}





/********** LISTA BUSCADOR **********/
#suggestions .lista-ciudades {display: flex;flex-wrap: wrap; padding:0 10px 10px 20px; margin: 0; display: inline-block; float: left; width: 95%;background-color: var(--color-principal-3);border-radius: 0 0 10px 10px;}
#suggestions .lista-ciudades ul {list-style-position: inside; margin: 0; padding: 0 ; list-style-type: none; background: var(--principal-2);}
#suggestions .lista-ciudades ul li {float:left; line-height:24px; font-size: 18px; width:50%;}
#suggestions .lista-ciudades ul li a {color: var(--principal); text-decoration: none;}
#suggestions .lista-ciudades ul li a:hover {color: var(--principal); text-decoration: none;}
#suggestions .lista-ciudades ul li:before {content: "\f04b"; font-family: 'fontawesome'; padding-right: 10px;color: var(--principal);font-size: 12px;}






/********** MODULOS INICIALES **********/
.footer {display: flex;flex-wrap: wrap;}

footer .ciudades {padding: 1%; margin: 1% 0 1% 1%; display: inline-block; float: left; border-radius: 4px; width: 95%;}
footer .ciudades ul {list-style-position: inside;margin: 0px;padding: 10px 0 10px 0;list-style-type: none;}
footer .ciudades ul li {float:left;line-height:24px;font-size: 18px;width:20%;}
footer .ciudades ul li a {color: var(--verde-2); text-decoration: none;}
footer .ciudades ul li a:hover {color: var(--verde-3); text-decoration: none;}
footer .ciudades ul li:before {content: "\f04b"; font-family: 'fontawesome'; padding-right: 10px;color: var(--verde-2);font-size: 12px;}

footer .ciudades h2 {color: var(--verde-3); text-align: center;}






@media (max-width: 576px) {
.box-forms {padding: 1rem; margin: 1rem;}
footer .ciudades ul li {line-height:22px;font-size: 16px;width:50%;}
}
@media (min-width: 576px) {
.box-forms {padding: 1rem; margin: 1rem;}
footer .ciudades ul li {width:50%;}
}
@media (min-width: 768px) {
.box-forms {padding: 1rem; margin: 1rem -0.75rem 0;}
}
@media (min-width: 992px) {
.box-forms {padding: 1rem; margin: 1rem -0.75rem 0;}
footer .ciudades ul li {width:25%;}
}
@media (min-width: 1200px) {
.box-forms {padding: 1rem; margin: 1rem -0.75rem 0;}
footer .ciudades ul li {width:20%;}
}
@media (min-width: 1400px) {
.box-forms {padding: 1rem; margin: 1rem -0.75rem 0;}
footer .ciudades ul li {width:20%;}
}