/*
 * Descripción: FRAMEWORK BY GRUPO5.COM
 * Copyright (c) 2021
*/

/*.title {font-size:1.625em; color:#212121; line-height:120%; position:relative; display:table; font-weight:700;}
.title a {text-decoration:none; color:#212121;}
.title a:hover{text-decoration:none; color:#212121;}
.title:after {position: absolute; content: ''; left: 0px; bottom: 5px; width: 3px; height: 22px; background-color: #212c4c;}
.title:before{content: '';margin-right:10px !important;}

.title.xl-size{font-size:2.25em;}
.title.xl-size:after {bottom: 6px; height: 30px;}
.title.l-size{font-size:1.75em;}
.title.l-size:after {bottom: 5px; height: 22px;}
.title.s-size{font-size:1.375em;}
.title.s-size:after {bottom: 5px; height: 17px;}
.title.xs-size{font-size:1.25em;}
.title.xs-size:after {bottom: 5px; height: 15px;}
.title.xxs-size{font-size:1.125em;}
.title.xxs-size:after {bottom: 4px; height: 14px;}*/

.title {font-size:2.5em; color:#333333; line-height:115%; position:relative; display:table; font-weight:700; margin-bottom:20px !important;}
.title a {text-decoration:none; color:#333333;}
.title a:hover{text-decoration:none; color:#333333;}
.title.center {margin:0 auto;}

.title.blanco a, .title.blanco a:hover, .title.blanco a:focus{color:#fff;}

.title.margin{margin:20px;}
.title.nomargin{margin:0px !important;}
.title.nomarginbottom{margin-bottom:0px !important;}
.title.s-marginbt{ margin-bottom:10px !important;}
.title.xs-marginbt{ margin-bottom:5px !important;}

.title.xl-size{font-size:3.125em;}
.title.l-size{font-size: 2.8125em;}
.title.s-size{font-size:1.875em;}
.title.xs-size{font-size:1.4375em/*1.5625em*/}
.title.xxs-size{font-size:1.125em; line-height:130%;}

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

.subtitle {font-size:1.25em; color:#212121; line-height:120%; position:relative; display:table; font-weight:700;}
.subtitle a {text-decoration:none; color:#212121;}
.subtitle a:hover{text-decoration:none; color:#212121;}
.subtitle:after {position: absolute; content: ''; left: 0px; bottom: 4px; width: 3px; height: 16px; background-color: #212c4c;}
.subtitle:before{content: '';margin-right:10px !important;}

.subtitle.verde:after{background-color: #90c34d;}
.subtitle.naranja:after{background-color: #f6b219;}
.subtitle.cian:after{background-color: #1cafb9;}
.subtitle.magenta:after{background-color: #dd2350;}

.txt-producto {font-size: 1em; color: #000; font-weight: 700; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

@media (max-width: 991px) {
	.title, .title.xl-size, .title.maxsize {font-size:1.5625em;}
}

.precio{color:#494949; font-size:1.875em;}
.precio span{color:#8d8d8d; font-size:0.75em; text-decoration:line-through; font-weight:400; padding-left:5px;}
.precio.s-size{font-size:1.5em;}
.precio.xs-size{font-size:1.25em;}

.txtinfo {font-size: 0.9375em; color: #868378; font-weight:500; margin-bottom:5px;}
.txtinfo i{font:1.23em;vertical-align: middle;}

.txtmin{font-size: 0.875em; color: #364a63; /*line-height: 140%;*/ text-decoration: none;}
.txtmin a, .txtmin a:hover, .txtmin a:focus {color: #364a63;}
.txtmin.s-size{font-size:0.8125em; line-height:140%;}
.txtmin.xs-size{font-size:0.6875em; line-height:140%;}

.minitexto{padding: .5rem 0; white-space: nowrap; font-size: .75rem;}

.titulo{font-weight:normal; font-size: 1.231em; /*18px*/ line-height:1.231em; color:#000; margin-bottom:5px}

.titaba {font-size:1.125em; line-height:110%; color:#fff; position:relative; margin:0px 0 15px 0;}
.titaba a {text-decoration:none; color:#fff;}
.titaba a:hover{text-decoration:none; color:#fff;}

.txtaba{font-size: 0.9375em;}

.abajo{font-size: 0.875em; color: #999; text-decoration: none;}
.abajo a, .abajo a:focus{color: #999; text-decoration: none;}
.abajo a:hover, .abajo a:focus{color: #ccc; 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:#f6b219!important;}
.marron{color:#c88444 !important;}
.naranja{color:#f6b219 !important;}
.rojo {color:#e0284c!important;}
.rosa{color: #ff2c55!important;}
.magenta{color: #dd2350 !important;}
.verde {color:#90c34d !important;}
.morado{color: #626ed4!important;}
.purpura{color:#663399 !important;}
.amarillo{color:#ffcf35 !important;}
.azul{color:#212c4c !important;}
.cian{color:#1cafb9!important;}
.light{color:#8094ae !important;}

.verdoso{color:#0e8da7 !important;}

.gris {color:#999 !important;}
.gris-claro {color:#ccc !important;}
.gris-oscuro {color:#666 !important;}
.negro {color:black !important;}
.blanco {color:white !important;}

.text-dark{color:#181c32!important}
.text-dark-75{color:#3f4254!important}
.text-dark-65{color:#5e6278!important}
.text-dark-50{color:#7e8299!important}
.text-dark-25{color:#d1d3e0!important}