/*
 * Descripción: TEXTOS CSS
 * Copyright (c) 2023
*/

.title {font-size:1.375em; line-height:110%; color:var(--fa-color-title); position:relative; font-weight:600;margin-bottom:15px;}
.title.normal{font-weight: 400; line-height: 1.2em;}
.title a {text-decoration:none; color:var(--fa-color-title);}
.title a:hover{text-decoration:none; color:var(--fa-color-title-hover);}

.title.font2{font-family: 'Bangers', cursive;}
.title.font2:after{display:none}

.title:after {position: absolute; content: ''; left: 0px; bottom: -10px; width: 70px; height: 2px; background-color: var(--fa-colordest);}
.title.noraya:after{position: absolute; content: ''; left: 0px; bottom: -10px; width: 70px; height: 2px; background-color:  var(--fa-colordest); display:none}
.title.center::after{left: 50%; margin-left: -35px; width:70px;}
.title.nobottom{margin-bottom:0px;}

.title.xxl-size{font-size:2em;}
.title.xl-size{font-size:1.75em;}
.title.l-size{font-size:1.5625em;}
.title.s-size{font-size:1.25em;}
.title.xs-size{font-size:1.125em;}
.title.xxs-size{font-size:0.9375em;}

.title.xl-size i, .title.l-size i, .title.s-size i, .title.xs-size i, .title.xxs-size i{vertical-align: middle !important}

.title.estilo1, .title.estilo2.noraya, .title.estilo3.noraya{padding-left:0px;}

.title.estilo2{padding-left:10px;}
.title.estilo2:after {position: absolute; content: ''; left: 0px; bottom: 0px; width: 3px; height: 100%; background-color: var(--fa-colordest);}

.title.estilo3{padding-left:20px;}
.title.estilo3:after{position: absolute; content: ""; left: 0px; top: 50%; width: 15px; height: 2px; background-color: var(--fa-colordest);}

.subtitle {font-family: 'Bangers', cursive; font-size:1.5em; line-height:110%; color:var(--fa-nombre); position:relative;}
.subtitle a {text-decoration:none; color:var(--fa-nombre);}
.subtitle a:hover{text-decoration:none; color:var(--fa-nombre);}


.bigtext{font-size:2.5em; line-height:1}

@media (max-width: 480px) {.title,.subtitle {font-size:1.2em;}}

.lema{font-family: 'Bangers', cursive; font-size:2.125em; color:var(--fa-color-lema); line-height:1}
.lema span{color:var(--fa-colordest);}
.txtdat{font-size:0.8125em; color:var(--fa-color-principal);}
.txtdat span{color:var(--fa-colordest);}

.txtmin{font-size: 0.8125em; text-decoration: none;line-height:1.231em;}
.txtmin.s-size{font-size:0.75em;}
.txtmin.xs-size{font-size:0.6875em;}

.titulo{font-weight:normal; font-size: 1.231em; line-height:1.231em; color:var(--fa-color-titulo); margin-bottom:5px}

.titaba {font-size:1.125em; font-weight:700; line-height: 120%; color:var(--fa-titaba); position:relative; margin:0px 0 15px 0;}
.titaba a {text-decoration:none; color:var(--fa-titaba-a);}
.titaba a:hover{text-decoration:none; color:var(--fa-titaba-hover);}
.titaba img{vertical-align:bottom;}

.txtaba{color:var(--fa-txtaba);}
.txtaba a{color:var(--fa-txtaba-a); text-decoration:none}
.txtaba a:hover{color:var(--fa-txtaba-hover); text-decoration:none}

.txtaba a.gris{color:var(--fa-txtabagris);}
.txtaba a.gris:hover{color:var(--fa-txtabagris-hover);}

.txtaba a.grisoscuro{color:var(--fa-txtabagris-oscuro);}
.txtaba a.grisoscuro:hover{color:var(--fa-txtabagris-oscuro-hover);}

.abajo{font-size: 0.875em; color: var(--fa-abajo); text-decoration: none; font-weight:300;}
.abajo a, .abajo a:focus{color: var(--fa-abajo-a); text-decoration: none;}
.abajo a:hover, .abajo a:focus{color: var(--fa-abajo-hover); text-decoration: none;}

.txt404 {font-size: 7em; font-family: Arial, Helvetica, sans-serif; font-weight: 400; line-height:1em; color:#ad0000;}
.txt404_msg{font-family: Arial, Helvetica, sans-serif; font-size:2.5em; color:#333; line-height:1.2em;}

/*colores*/
.colordest {color:var(--fa-colordest);}
.naranja{color:var(--fa-naranja);}
.rojo {color:var(--fa-rojo);}
.rosa{color:var(--fa-rosa);}
.magenta{color:var(--fa-magenta);}
.verde {color:var(--fa-verde);}
.verde-claro {color:var(--fa-verde-claro);}
.morado{color:var(--fa-morado);}
.purpura{color:var(--fa-purpura);}
.amarillo{color:var(--fa-amarillo);}
.azul{color:var(--fa-azul);}
.cian{color:var(--fa-cian);}
.light{color:var(--fa-light);}
.negro{color:var(--fa-negro);}
.blanco{color:var(--fa-blanco);}
.gris {color:var(--fa-gris);}
.gris-oscuro {color:var(--fa-gris-oscuro);}
.gris-claro {color:var(--fa-gris-claro);}
.gris-clarito {color:var(--fa-gris-clarito);}
.text-dark{color:var(--fa-text-dark);}
.text-dark-75{color:var(--fa-text-dark-75);}
.text-dark-65{color:var(--fa-text-dark-65);}
.text-dark-50{color:var(--fa-text-dark-50);}
.text-dark-25{color:var(--fa-text-dark-25);}

.colorclaro{color:var(--fa-colorclaro);}
.colorclaro a{color:var(--fa-colorclaro);}
.colorclaro a:hover; .colorclaro a:focus{color:var(--fa-colorclaro);}

.colornombre{color:var(--fa-nombre);}
.colornombre a{color:var(--fa-nombre);}
.colornombre a:hover, .colornombre a:focus{color:var(--fa-nombre);}