/* --------------------------------------------------------- PADRE HIJO */
.padre { margin-left: 3%; margin-right: 3%; max-width: 1024px;}
/* --------------------------------------------------------- FUENTES */
/* --------------------------------------------------------- SIZE */
.size_01 {font-size: 0.1rem !important;}
.size_08 {font-size: 0.8rem !important;}
.size_09 {font-size: 0.9rem !important;}
.size_1 {font-size: 1rem !important;}
.size_1_2 {font-size: 1.2rem !important;}
.size_1_3 {font-size: 1.3rem !important;}
.size_1_4 {font-size: 1.4rem !important;}
.size_1_5 {font-size: 1.5rem !important;}
.size_1_8 {font-size: 1.8rem !important;}
.size_2 {font-size: 2rem ;}
.size_2_5 {font-size: 2.5rem !important;}
.size_3 {font-size: 3rem !important;}
.size_4 {font-size: 3.2rem !important;}
.size_7 {font-size: 7rem !important;}
/* ---------------------------------------------------------- FORMATO */
.sinnegrita {font-weight:200;}
.alto_linea_10 {line-height:40px!important;}
.interlineado_15 {line-height : 1.5rem;}
.interlineado_20 {line-height : 20px;}
.interlineado_28 {line-height : 28px;}
.interlineado_40 {line-height : 40px;}
.interlineado_60 {line-height : 60px;}
.interlineado_80 {line-height : 80px;}
.subrayado_linea { text-decoration: underline!important;}
.subrayado {background: radial-gradient(circle, rgba(255,255,178,1) 57%, rgba(255,255,0,6) 97%, rgba(255,255,178,0.8) 100%); }
.texto-subrayado-fosforito {
text-decoration: underline;
text-decoration-color: #FFFFB2; /* Color del subrayado */
text-shadow: 0 0 10px #ffff00, 0 0 10px #ffffcc, 0 0 10px #ffff00; /* Efecto de fosforito */
}
/* --------------------------------------------------------- COLOR */
.color_principal{ color:#194399;}
.color_principal_fondo { background-color: #194399;}
.color_principal_fondo_degradado {
background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(30,34,105,1) 64%, rgba(0,65,144,1) 100%);}
.color_secundario {color:#D700AC;}
.color_secundario_fondo { background-color: #D700AC;}
/* --------------------------------------------------------- BLANCO NEGRO*/
.color_blanco {color:#fbfbfb !important;}
.color_blanco a { color:#fbfbfb;}
.fondo_blanco {background-color: #ffffff;}
.fondo_f6 { background-color: #f6f6f6;}
.fondo_negro { background-color:#000000 ;}
.fondo_ceniza { background-color: #626262;}
.negroB { color: #484F5B;}
.negroB a { color: #484F5B;}
/* --------------------------------------------------------- COLORES*/
.color_whatsapp { color:#25d366;}
.color_whatsapp a { color:#1aa34cee; }
.dorado {color:#d5ad6d ;}
.dorado a {color:#d5ad6d ;}
.dorado2 {color:#af8f5b ;}
.dorado2 a {color:#af8f5b ;}
.gris_oscuro {color:#0c022f !important;}
.gris { color:#626262;}
.gris a { color:#626262;}
.fondo_gris { background-color: #fbfbfb;}
.fondo_naranja { background-color: #EC6906;}
.fondo_gris_oscuro { background-color: #2a3138;}
.azul_1 { color:#196CA1;}
.azul_1 a { color:#196CA1;}
.azul_1 a:hover { color:#0c022f;}
.fondo_azul1 { background-color:#196CA1 !important;}
.marron {color: #d9d1c3;}
.marron a {color: #d9d1c3;}
.marron a:hover { color:#00aeca;}
.fondo_marron {background-color: #d6d1c4;}
.fondo_amarillo { background-color: #f6c93d;}
.borde_texto { -webkit-text-stroke: 1px #a19b91; }
/* --------------------------------------------------------- ALINEACION */
.izquierda {text-align:left !important; float:left;}
.derecha {text-align:right; float: right !important;}
.centrado { text-align: center;}
.justificado { text-align: justify;}
.cursiva { font-style: oblique;}
.minegrita {font-weight:bold;}
.sinmargenes { margin-top: 0px; margin-bottom: 0px;}
.margen_texto {padding-right: 6%;}
.margenes_texto {padding-right: 6%; padding-left: 6%;}
.delante { z-index: 10;}
.no_pading_derecha {padding-right:0px !important;}
.no_pading_izquierda {padding-left:0px !important;}
.no_pading_superior {padding-top:0px !important;}
.paddin_superior { margin-top:15px;}
.pading_superior_negativo {margin-top:-190px !important;}
.pading_superior_negativo_20 {margin-top:-20px !important;}
.pading_superior_negativo_50 {margin-top:-70px !important;}
.pading_superior_negativo_80 {margin-top:-160px !important;}
.pading_superior_negativo_90 {margin-top:-90px !important;}
.pading_superior_negativo_101 {margin-top:-101px !important;}
.pading_superior_negativo_100 {margin-top:-120px !important;}
.pading_superior_negativo_150 {margin-top:-153px !important;}
.pading_superior_negativo_180 {margin-top:-180px !important;}
.pading_superior_negativo_190 {margin-top:-190px !important;}
.pading_superior_negativo_300 {margin-top:-400px !important;}
.no_pading_button { padding-bottom: 0px!important;}
/* --------------------------------------------------------- DERECHA */
.margenes_generales { margin-right: 5%; margin-left: 5%;;}
.paddin_general { padding-right: 5%; padding-left: 5%;}
.margen-1-derecha { padding-right: 1%; margin-right: 1%;}
.margen-2-derecha { padding-right: 2%; margin-right: 2%;}
.margen-3-derecha { padding-right: 3%; margin-right: 3%;}
.margen-4-derecha { padding-right: 4%; margin-right: 4%;}
.margen-5-derecha { padding-right: 5%; margin-right: 5%;}
.margen-7-derecha { padding-right: 7%; margin-right: 7%;}
.margen-10-derecha { padding-right: 10%; margin-right: 10%;}
.margen-15-derecha { padding-right: 15%; margin-right: 15%;}
.margen-20-derecha { padding-right: 20%; margin-right: 20%;}
.margen-30-derecha { padding-right: 30%; margin-right: 30%;}
.padding_derecha_5 { padding-right: 2%;}
.padding_derecha_7 { padding-right: 7%;}
/* --------------------------------------------------------- IZQUIERDA */
.padding_0_1-I { margin-left: -2rem; }
.padding_0_3-I { padding-left: 0.3rem; }
.padding_1-I { padding-left: 1rem; margin-right: 1rem;}
.padding_15-I { padding-left: 1.5rem;}
.padding_izquierda_5 { padding-left: 5%;}
.padding_izquierda_7 { padding-left: 7%;}
.padding_7-I { padding-left: 7%;}
.margen-1-izquierda { padding-left: 1%; margin-right: 1%;}
.margen-2-izquierda { padding-left: 2%; margin-right: 2%;}
.margen-3-izquierda { padding-left: 3%; margin-right: 3%;}
.margen-4-izquierda { padding-left: 4%; margin-right: 4%;}
.margen-5-izquierda { padding-left: 5%; margin-right: 5%;}
.margen-10-izquierda { padding-left: 10%; }
.margen-15-izquierda { padding-left: 15%; margin-right: 15%;}
.margen-20-izquierda { padding-left: 20%; margin-right: 20%;}
/* --------------------------------------------------------- SUPERIOR */
.padding_superior_03 { padding-top: 0.3rem;}
.padding_superior_05 { padding-top: 0.5rem;}
.padding_superior_2 { padding-top: 2rem;}
.padding_superior_5 { padding-top: 5rem;}
.padding_superior_20 { padding-top: 15%;}
.margen_superior-2 { margin-block-start: -0.5rem!important;}
.margen_superior_1 { margin-top: 1px;}
.margen_superior_2 { margin-top: 2px;}
.margen_superior_3 { margin-top: 3px;}
.margen_superior_4 { margin-top: 4px;}
.margen_superior_5 { margin-top: 5px;}
.margen_superior_6 { margin-top: 6px;}
.margen_superior_7 { margin-top: 7px;}
.margen_superior_8 { margin-top: 8px;}
.margen_superior_9 { margin-top: 9px;}
.margen_superior_10 { margin-top: 10px;}
.margen_superior_15 { margin-top: 15px;}
.margen_superior_20 { margin-top: 20px;}
.margen_superior_30 { margin-top: 30px;}
.margen_superior_50 { margin-top: 50px;}
/* --------------------------------------------------------- BUTTON */
.padding_button_03 { padding-bottom: 0.3rem;}
.padding_button_07 { padding-bottom: 7%;}
.margen_button_x1 { margin-bottom: -0.8rem!important;}
.margen_button_03 { margin-bottom: 0.3rem!important;}
.margen_button_10 { margin-bottom: 5%;}
.margen_button_20 { margin-bottom: 10%}
.margen_button_30 { margin-bottom: 30px;}
.margen_button_40 { margin-bottom: 40px;}
.margen_button_60 { margin-bottom: 60px!important;}
.margen_cuadrado {
margin-top: 10px; margin-right: 10px; margin-left: 10px; margin-bottom: 10px;
}
/* --------------------------------------------------------- ALINEACION */
.ancho_20 { width: 20%; float: left;}
.ancho_30 { width: 30%;}
.ancho_60 { width: 60%; }
.ancho_max_560 { max-width: 560px;}
.ancho_max_1024 { max-width: 1024;}
/* --------------------------------------------------------- ALINEACION */
.miboton_azul {
font-size: .8em;
font-weight: 400;
background-color: #196ca1;
border-radius: 0;
padding: 6px 10px;
display: inline-block;
color: #fff;
cursor: pointer;
-webkit-transition: all .15s ease;
-moz-transition: all .15s ease;
-ms-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease;
}
.miboton_azul:hover {
background-color: #2c4d7d; /* Azul más claro al pasar el mouse */
}
.miboton_amarillo {
font-size: .8em;
font-weight: 400;
background-color: #f6c93d;
border-radius: 0;
padding: 6px 10px;
display: inline-block;
color: #fff;
cursor: pointer;
-webkit-transition: all .15s ease;
-moz-transition: all .15s ease;
-ms-transition: all .15s ease;
-o-transition: all .15s ease;
transition: all .15s ease;
}
.miboton_amarillo:hover {
background-color: #2c4d7d; /* Azul más claro al pasar el mouse */
}
/* --------------------------------------------------------- */
/* Estilo para el contenedor que deseas fijar */
.sticky-container {
position: -webkit-sticky;
position: sticky;
top: 130px; /* La posición superior a la que se fijará el elemento */
padding: 10px;
z-index: 2; /* Ajusta el Ãndice z según sea necesario */
}
hr.nomargin {
border: none;
background-color: #000; /* Puedes ajustar el color de la lÃnea horizontal */
height: 1px; /* Puedes ajustar la altura de la lÃnea horizontal */
margin: 0; /* Elimina el margen predeterminado del hr */
}
.linea_separadora {
width: 30%;
}
.responsive-img {
width: 100%;
height: auto;
display: block;
}