@font-face {
    font-family: fuenteLight;
    src: url(PlusJakartaText-Light.otf);
    font-display: fallback;
}

@font-face {
    font-family: fuente;
    src: url(PlusJakartaText-Regular.otf);
    font-display: fallback;
}

@font-face {
    font-family: fuenteBold;
    src: url(PlusJakartaText-Bold.otf);
    font-display: fallback;
}

/*COLOR PRINCIPAL 221,33,68*/

:root{
    --color-01:rgba(114,171,3,1);
    --color-02:rgba(53,53,53,1);
    --color-03:rgba(151,149,166,1);
    --gris-claro:rgba(180,180,180,1);
    --anim-tm:300ms;
    --ancho-sitio:1280px;
    --margin-prdcont:10px;
}

*{
    color:var(--color-02);
    font-family: fuenteLight;
}

/*BODIES*/

body{background: rgba(255,255,255,1);}


/*GENERALES*/

.iconoGeneral svg{
    fill: var(--color-02);
}

.textoGeneral{
    font-size: 16px;
}

.boton01{
    position: relative;
    top:0px;
    display: inline-block;
    vertical-align: top;
    width:auto;
    background:rgba(255,255,255,1);
    border:2px solid var(--color-02);
    border-radius: 5px;
    padding: 12px 24px;
    margin-left:5px;
    margin-right:5px;
    cursor: pointer;
    box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.2);
    transition: top var(--anim-tm) ease, box-shadow var(--anim-tm) ease;
}

.boton01:first-child{
    margin-left: 0px;
}

.boton01:last-child{
    margin: 0px;
}

.boton01:hover{
    top: -3px;
    box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.2);
}

.boton01 .textoGeneral{
    color:var(--color-02);
    font-size: 16px;
    text-transform: uppercase;
}

.boton01 .iconoGeneral svg{
    fill:rgba(255,255,255,1);
}

.botonFull{
    width:100%;
    margin-left: 0px;
    margin-right: 0px;
}

.item + .botonFull,
.inputCont + .botonFull{
    margin-top: 24px;
}

.tooltip{
    font-size: 16px;
    font-family: fuenteLight;
}


.cuadroBasico{
    padding:36px;
    border-radius: 5px;
    background:rgba(255,255,255,1);
    border:2px solid var(--gris-claro);
}

.cuadroBasico .titulo{
    font-size: 24px;
    font-family: fuenteBold;
    padding-bottom: 4px;
}

.cuadroBasico .detalles{
    font-size: 16px;
    padding-bottom: 24px;
}

/*INPUTS*/

.inputCont + .inputCont{
    padding-top: 24px;
}

.input{
    padding:12px 16px;
    border-radius: 5px;
    color:var(--color-02);
}

.inputLabelNombre{
    font-family: fuente;
}

.inputLabelDetalles, .unicheckPbxTextoDetalles{
    color:var(--color-03);
    /*color:rgba(68,55,77,0.5)*/
}

.inputCont + .boton01{
    margin-top: 24px;
}

select.input{
    appearance: none;
}

/*FACEBOOK*/

.loginFacebook{
    border-radius: 5px;
}

/*ANCHO DEL SITIO*/

.cuerpo > .elemento:not(.logoMenu, .pie){
    padding-left:calc(50% - (var(--ancho-sitio) / 2)) ;
    padding-right:calc(50% - (var(--ancho-sitio) / 2)) ;
}

/*MENú MóVIL*/

.menuMovil{
    left:100vw;
    padding:20px;
}

.menuMovilAbierto{
    left:25vw;
}

.menuMovil .categorias{
    margin-bottom: 20px;
}

.menuMovil .redes{
    padding:12px 0px;
    width:100%;
    text-align: center;
    padding-top: 20px;
    border-top:1px solid rgba(0,0,0,0.1);
}

.menuMovil .redes .red{
    width:auto;
    text-align: right;
    margin:0px 5px;
}

/*CABECERAS*/

/*LOGO Y BUSQUEDA*/

body[name=""] .logoMenu,
body[name="inicio"] .logoMenu{
    background: rgba(0,0,0,0.03);
}

.logoMenu{
    padding:12px 40px;
}

.logoMenu .logoEmpresa{
    padding:8px 0px;
    width: 120px;
    vertical-align: middle;
}

.logoMenu .menuBasico{
    width:calc(100% - 240px);
    text-align: center;
}

.logoMenu .menuBasico .menuLink{
    width:auto;
    padding:12px 24px;
}

.logoMenu .menuBasico .menuLink::after{
    content:'';
    position: absolute;
    bottom:-3px;
    width:0%;
    height: 3px;
    background-color: rgba(255,255,255,1);
    z-index: 1;
    left:50%;
    transition: width var(--anim-tm) ease, left var(--anim-tm) ease, background-color var(--anim-tm) ease;
}

.logoMenu .menuBasico .menuLink:hover::after{
    width:100%;
    left:0%;
    background-color: var(--color-01);
}

.logoMenu .redes{
    padding:12px 0px;
    width:120px;
    text-align: right;
}

.logoMenu .redes .red{
    width:auto;
    text-align: right;
    margin-left: 10px;
}

.menuBasico .menuLink .textoGeneral{
    text-transform: uppercase;
    font-family: fuenteBold;
}

/*CATEGORíAS CABECERA*/

.categoriasCabecera{
    position: relative;
    width:auto;
    display: inline-flex;
    flex-flow: row wrap;
}

.categoriasCabecera .ctgCont{
    flex-grow: 1;
}

.categoriasCabecera .ctgNombre{
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    padding: 12px 24px;
}

.categoriasCabecera .menuMainWrap{
    padding:20px;
    border-radius: 5px;
    background:rgba(255,255,255,1);
    border:2px solid var(--color-02);
    box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.2);
    left:4px;
}

/*BOTONES*/

.botonesUsuario{
    display: inline-block;
    vertical-align: top;
    width: auto;
    z-index: 1;
}


.botonCabecera{
    position: relative;
    width:auto;
    vertical-align: middle;
    cursor: pointer;
    transition: background var(--anim-tm);
    border-radius: 10px;
    padding:10px;
}

.botonCabecera .iconoGeneral{
    position: relative;
    vertical-align: middle;
    z-index: 1;
}

.botonCabecera .textoGeneral{
    color:rgba(255,255,255,1);
}

/*BOTóN BúSQUEDA*/

.botonBusqueda{
    position: absolute;
    top: 20px;
    right: 0px;
}

/*BOTON CARRITO*/

.botonCrtDatos{
    position: absolute;
    top: 5px;
    left: 0px;
    width:100%;
    padding: 0px;
    text-align: center;
}

.botonCrtCantidadTexto{
    display: none;
}

.botonCrtTotal{
    display: none;
}

.botonCrtCantidadNumero{
    position: relative;
    margin: 0px auto;
    width:auto;
    padding:1px 2px;
    font-size: 10px;
    font-family: fuenteBold;
    text-align: center;
    z-index: 1;
    border-radius: 50%;
    color:var(--color-01);
}

/*BOTON ABRIR MENU*/

.botonMenuMovil{
    display: none;
    position: absolute;
    top:calc(50% - 16px);
    right: 20px;
    width: auto;
    padding:4px;
}

.botonCategorias .textoGeneral{
    color:rgba(255,255,255,1);
}

/*PROBOX*/

.paginaLink{
    padding:12px;
    border:2px solid var(--gris-claro);
}

.paginaActual, .paginaActual:hover{
    background: var(--color-01);
    border-color: var(--color-01);
}

/*CONCEPTOS*/

.ordenConceptoImgWrap, .ordenConceptoImgWrap:after{
    border-radius: 10px;
}

.ordenConceptoCantidad{
    padding:10px 0px;
}

.conceptoCantidadSelect{
    background-color: rgba(0,0,0,0.1);
    border:none;
    border-radius: 10px;
    font-size: 16px;
    height: 30px;
    padding: 5px;
}

/*CONCEPTOS EN PBXCONT*/

div[data-protab="chkpgs"] .ordenConceptoCantidadBoton,
div[data-protab="chkpgs"] .ordenConceptoEliminar{
    display: none;
}

/*SECCIONES FIJAS*/

.cuerpo{
    text-align: left;
}

/*PAGINAS*/

.inicioHeroe{
    width:100%;
    background: rgba(0,0,0,0.03);
    background-position: center bottom;
}

.inicioHeroeCont{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.inicioHeroeCont > .datos,
.inicioHeroeCont > .imagen{
    display: inline-block;
    vertical-align: top;
    width:50%;
}

.inicioHeroeCont .datos{
    padding-right: 40px;
}

.inicioHeroeCont .titulo{
    font-family: fuenteBold;
    font-size: 42px;
}

.inicioHeroeCont .detalles{
    font-size: 24px;
    padding-bottom: 40px;
    color:rgba(0,0,0,0.65)
}

.inicioHeroeCont .boton01{
    margin: 0px;
}

.inicioHeroeCont > .imagen{
    padding:100px 0px 60px 0px;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position:center 40px;
}


.inicioHeroeFigura svg{
    fill:var(--color-01);
}

.botonCatalogoInicioCont{
    padding-top: 40px;
    text-align: center;
}

.inicioNosotros{
    background:rgba(255,255,255,1);
}

.inicioNosotros .inicioHeroeCont .datos{
    padding-right: 0px;
    padding-left: 40px;
}

/*VENTAJAS*/

.ventajasInicio .seccionWrap{
    display: flex;
    justify-content: space-between;
    padding:200px 0px;
    text-align: center;
}

.ventajaCont{
    display: inline-block;
    vertical-align: top;
    width:350px;
    text-align: center;
}

.ventajaCont .imagen{
    width:80px;
    height:80px;
    margin-bottom: 24px;
}

.ventajasCont .imagen::after{
    content: '';
    position: absolute;
    bottom:0px;
    right:0px;;
    width:30px;
    height:30px;
    background: var(--color-03);
    border-radius: 50%;
    z-index: 1;
}

.ventajaCont .imagen img{
    width: 100%;
    height: auto;
    z-index: 1;
}

.ventajaCont .titulo{
    font-size: 24px;
    font-family: fuenteBold;
    text-align: center;
    line-height: 30px;
    margin-bottom: 4px;
}

.ventajaCont .contenido{
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}


/*FLICKITY*/
.flickity-prev-next-button.next{right:0px;}
.flickity-prev-next-button.previous{left:0px;}


/*PRODUCTOS*/

.productos .titulo{
    font-size: 36px;
    font-family: fuenteBold;
    padding: 16px 5px;
    text-align: center;
}

/*CATALOGO*/

.cabeceraSeccion{
    border-bottom: 1px solid rgba(0,0,0,0.1);
    padding:60px 0px;
    text-align: center;
}

.cabeceraSeccion .titulo{
    font-size: 42px;
    color:rgba(0,0,0,0.65);
    font-family: fuenteBold;
    text-align: center;
}

.formaCatalogoCont{
    padding:24px;
    border-radius: 5px;
    background:rgba(255,255,255,1);
    margin-right:30px;
    border:2px solid var(--gris-claro);
}

.listaCatalogoCategoriaPadre{display: none;}

.listaCatalogoCont{
    padding: 0px;
}

.formaCatalogoCont + .listaCatalogoCont{
    width:calc(100% - 300px);
}

#formaCatalogo .atrPbx{
    width:100%;
    text-align: left;
    padding: 8px 16px;
    border-radius: 5px;
}

.cuerpo > .catalogoProductosCont{
    padding:40px;
}

.catalogoProductosCont .ctgCont a{
    display: block;
    padding:20px 16px;
    background:rgba(0,0,0,0.05);
}

.catalogoProductosCont .categorias .ctgNombre{
    font-size: 14px;
}

/*CARRUSEL*/

.productos .carrusel{
    text-align: left;
    padding-bottom: 10px;
}

/*BOTON VER CATEGORIA*/fg

.botonVerCategoria{
    top:15px;
    right: 15px;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 10px;
    padding:5px;
    font-size: 12px;
    line-height: 12px;
    background: rgba(255,255,255,0);
    transition: background-color var(--anim-tm);
}

.botonVerCategoria:hover{
    background-color:rgba(255,255,255,1);
}

/*ITEM CONT*/

.itemCont{
    border-radius: 5px;
    border:2px solid var(--gris-claro);
    transition: box-shadow var(--anim-tm), border-color var(--anim-tm);
}

.itemCont:hover{
    box-shadow:0px 5px 10px rgba(0,0,0,0.1);
}

.itemContHL, .itemContHL:hover{
    background-color:rgba(255,255,255,1);
}

.itemDatos{
    padding:16px 24px;
}

.pbx_oxxo svg{
    width:50px;
    height: auto;
}

.paypal svg{
    width:60px;
    height: auto;
}

/*CATáLOGO*/

/*PRDCONT*/

/*EN CUADRíCULA*/
.cuadricula .prdCont{
    margin-bottom: var(--margin-prdcont);
}

.cuadricula .prdCont .prdNombre{
    padding:10px;
    margin-bottom: 20px;
}

/*EN CARRUSEL*/

.carrusel .prdCont{
    padding:0px var(--margin-prdcont);
}

.carrusel .prdCont .prdNombre{
    padding:10px;
    margin-bottom: 20px;
}

.botonFav svg{fill:rgba(221,33,68,0.8);}

.prdImg{
    background: none;
}

.prdImgsFull,
.prdImgPrn{
    overflow: hidden;
    background-color: rgba(255,255,255,1);
    box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1) inset;
}

.prdImgThmb{
    border-radius: 10px;
    overflow: hidden;
}

.prdDatos{
    text-align: left;
}

.prdDatosSeccion{
    padding: 10px;
}

.prdMarca{
    display: none;
    padding-bottom: 10px;
}

.prdNombre{
    font-size: 16px;
}

.prdPrecio{
    font-family: fuente;
}

.precioOferta{
    font-family: fuenteBold;
    color:var(--color-01);
}

.letreroOferta{
    top:10px;
    left: 10px;
    right: auto;
    background: var(--color-01);
    color:rgba(255,255,255,1);
    padding:5px 10px;
    border-radius: 5px;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
}

.prdCncCnt{
    background-color: rgba(0,0,0,0.1);
    border:none;
    border-radius: 5px;
    margin-top: 10px;
}

.prdBotones{
    top:5px;
    bottom: auto;
    right: 5px;
}

/*PRDDISP*/

.prdDisp{
    padding-top: 60px;
    padding-bottom: 60px;
    background: rgba(0,0,0,0.03);
}

.prdDispScc{
    background:var(--gris-claro);
    padding:50px 0px;
}

.prdDisp .botonVerPrd{
    display: none;
}

.prdDisp .prdCont{
    padding:0px;
}

[data-protab="verprd"] .prdImg,
.prdDisp .prdImg{
    padding: 0px 0px 30px 0px;
    border:none;
}

[data-protab="verprd"] .prdNombre,
.prdDisp .prdNombre{
    font-size: 36px;
    line-height: 36px;
    font-family: fuenteBold;
}

[data-protab="verprd"] .prdDetalles,
.prdDisp .prdDetalles{
    font-family: fuente;
    padding:30px 0px;
}

[data-protab="verprd"] .precioOferta,
.prdDisp .precioOferta{
    color:var(--color-01);
}

.prdDisp .prdDatos{
    padding: 0px 0px 0px 50px;
}

.prdExistencia{
    border-radius: 10px;
    padding: 6px 10px;
}

[data-protab="verprd"] .botonAC,
.prdDisp .botonAC{
    margin-left: 0px;
    margin-top: 10px;
    text-align: center;
}

[data-protab="verprd"] .prdAtributos,
.prdDisp .prdAtributos{
    margin: 24px 0px;
    border-radius: 5px;
}

.prdAtrNombre,
.prdAtrValor{
    padding: 10px 16px;
}

/*PRD CONT DENTRO DE LA VISTA RáPIDA DE PRODUCTO*/

[data-protab="verprd"]{
    width: 1290px;
    left:calc(50% - 645px);
}

/*PRD CONT DENTRO DE LA VISTA DE MI CARRITO*/

.carrito{
    padding-top: 30px;
}

.carrito .prdCont{
    width:100%;
    padding:0px;
    margin-bottom: 30px;
}

.carrito .prdImg{
    width:20%;
}

.carrito .prdDatos{
    width:80%;
    padding-left: 10px;
}

.carrito .prdDatosSeccion{
    padding:0px;
}

.carrito .prdNombre{
    font-size: 16px;
}

.carritoBotones{
    padding-top:24px;
}

/*CALIFICACION*/

.califProm svg{fill:var(--color-01);}

/*PRODUCTOS RELACIONADOS*/

.productosRelacionados,
.productosRelacionados .productos{
    padding: 0px;
}

.productosRelacionados{
    padding-top: 15px;    
}

/*MI CUENTA*/

.miCuentaIzqLinkAct svg{
    fill:var(--color-01);
}

.miCuentaIzqLinkAct .textoGeneral{
    color:var(--color-01);
}

/*CHECKOUT*/

.checkout{
    background:rgba(255,255,255,1);
}

.botonLoginCheckout{
    width:100%;
    text-align: left;
    margin: 0px 0px 10px 0px;
}

#formaCheckout{
    display: flex;
    flex-flow: row wrap;
}

.izqCheckout, .derCheckout{
    margin:0px;
    width:50%;
}

.izqCheckout{
    padding-right:30px;
}

.derCheckout{
    padding-left: 30px;
}

.checkout .itemContHL, .pbxCont .itemContHL{
    border:2px solid var(--color-01);
}

/*ORDEN PBX*/

.pedidoPbxDatosCont{
    text-align: left;
    padding:0px 0px 24px 0px;
}

.pedidoPbxStatusCont{
    border-radius: 20px;
    overflow: hidden;
}

.pedidoPbxStatusNombre,
.pedidoPbxStatusFecha{
    padding:10px 16px;
}

.pedidoPbxStatusDetalles{
    padding:0px 16px 10px 16px;
}

/*NOSOTROS*/

.nosotros{
    text-align: center;
    padding-top: 60px;
    padding-bottom: 80px;
}

.nosotros .cuadroBasico + .cuadroBasico{
    margin-top: 60px;
}

/*CONTACTO*/

.contacto{
    text-align: center;
    padding-top: 60px;
    padding-bottom: 80px;
}

#formaContacto{
    width:780px;
    overflow: hidden;
}

.contactoMensajeCont{
    position: relative;
    padding-bottom: 20px;
    z-index: 2;
}

#formaContacto .inputTelefono,
#formaContacto .inputEmail{
    display: inline-block;
    vertical-align: top;
    width:calc(50% - 10px);
}

#formaContacto .inputTelefono{margin-right: 10px;}
#formaContacto .inputEmail{margin-left: 10px;}

.contactoMensajeEnviado{
    display: none;
    font-size: 24px;
    padding:20px 0px
}

#formaContacto .submitContacto{
    z-index: 2;
}

.figuraContacto{
    position: absolute;
    bottom:-120px;
    right: -120px;
    width: 360px;
    z-index: 1;
}


/*PIE*/

.menuPieNav{
    color:rgba(255,255,255,0.65);
    display: inline-block;
    vertical-align: top;
    padding-right: 40px;
}

/*PROBOX*/
.pbxBack{
    background-color: rgba(80,80,80,0.8);
}

.pbxWrap{
    border-radius: 5px;
}

.pbxCabecera{
    border:none;
    text-align: left;
}

.pbxTitulo{
    color: var(--color-02);
    font-size: 24px;
    line-height: 24px;
    font-family: fuenteBold;
    width:calc(100% - 56px);
    padding: 16px 12px 16px 24px;
}

.botonPbxAnt + .pbxTitulo{
    width:calc(100% - 112px);
    padding-left: 12px;
}

.pbxSubTitulo{
    color:rgba(0,0,0,0.5);
}

.botonPbxAnt,
.botonCerrarPbx{
    padding:16px;
    cursor: pointer;
}

/*ANIMACION BOTóN VOLVER PBX*/

.botonPbxAnt{
    transition: opacity 300ms ease, transform 600ms cubic-bezier(.175, .885, .32, 1.275), -webkit-transform 600ms cubic-bezier(.175, .885, .32, 1.275);
}

.botonPbxAnt:hover{
    transform: translateX(-5px);
}

.botonCerrarPbx .tooltip{
    display: none;
}

.pbxLayer{
    top:20px;
    bottom:20px;
    border-radius: 10px;
}

.unicheckPbxCont{
    background: rgba(255,255,255,1);
    border-radius: 5px;
}

.checkPbxAct, .unicheckAct{background-color: var(--color-01);}
.checkPbxAct:hover, .unicheckAct:hover{background-color: var(--color-01)}

.pbxCuerpo{
    padding:16px 24px 24px 24px;
}

.pbxSinBtn{
    padding-bottom: 24px;
}

.botonRcpPss,
.botonRgsUst{
    padding:5px 0px;
}

.pbxPie{
    padding:24px;
    border-top: 1px solid var(--gris-claro);
}

/*PIE*/

.pieContacto{
    background: var(--color-02);
    padding:60px 0px;
    text-align: center;
}

.pieContacto .redes{
    text-align: center;
    width:150px;
}

.pieContacto .redes .red{
    width:auto;
    margin: 0px 5px;
}

.pieContacto .redes svg{
    fill:var(--color-01);
    width:30px;
    height: auto;
}

.pieContactoMenu{
    text-align: center;
    padding-top: 10px;
}

.pieContactoMenu .menuLink{
    width:auto;
    margin: 0px 10px;
}

.pieContactoMenu .menuLink .textoGeneral{
    text-transform: uppercase;
    color:rgba(255,255,255,1);
    font-size: 14px;
}

.pieTelefonos{
    text-align: center;
    padding-top: 10px;
}

.pieTelefonos .telefono{
    width:auto;
    padding: 0px 15px;
    border-right: 1px solid rgba(255,255,255,0.5);
}

.pieTelefonos .telefono .textoGeneral{
    color:rgba(255,255,255,0.5);
    font-family: fuenteLight;
    font-size: 14px;
    line-height: 14px;
}

.pieTelefonos .telefono:last-child{
    border-right: none;
}

.pieCopyright{
    background: var(--color-01);
    padding:30px 0px;
}
    
.pieCopyrightDerechos{
    text-align: center;
    font-size: 14px;
    color:rgba(255,255,255,1);
}

/*FLICKITY*/

.flickity-page-dots{
    position: absolute;
    bottom:0px;
    z-index: 10;
    width:100%;
    text-align: center;
    padding:0px 0px 30px 0px;
}

.flickity-page-dots .dot{
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: rgba(0,0,0,0.3);
    margin: 0px 10px;
    cursor: pointer;
}

.flickity-page-dots .dot.is-selected{
    background: rgba(0,0,0,0.8);
}

.flickity-prev-next-button{
    position: absolute;
    top:calc(50% - 40px);
    padding:px;
    border-radius: 50%;
    background: var(--gris-claro);
    border:none;
    opacity: 0.4;
    transition: opacity var(--anim-tm);
}

.flickity-prev-next-button:hover{
    opacity: 1;
}

.flickity-prev-next-button svg{
    width:24px;
    height: 24px;
}

.flickity-prev-next-button.next{right:20px;}
.flickity-prev-next-button.previous{left:20px;}

.flickity-prev-next-button:disabled { display: none; }

/*ESTILOS PRIORITARIOS*/

*.textoColor1{color: var(--color-01);}
*.textoColor2{color:rgba(47,126,145,1);}
*.textoColor3{color:rgba(255,255,135,1);}
*.textoBlanco,
*.textoBlanco .textoGeneral{
    color:rgba(255,255,255,1);
}
*.textoRojo  {color:rgba(253,69,69,1);}
*.textoVerde {color:rgba(107,184,63,1);}

.fondoColor01{background-color: var(--color-01);}
.fondoAzulPayPal{background-color:var(--azulPayPal);}

.botonVerde{background-color: rgba(107,184,63,1);}

.iconoColor1 svg{fill: var(--color-01);}
.iconoColor2 svg{fill: rgba(33,145,251,1);}
.iconoColor3 svg{fill: rgba(255,255,135,1);}
.iconoBlanco svg{fill: rgba(255,255,255,1);}
.iconoVerde  svg{fill: rgba(107,184,63,1);}
.iconoRojo   svg{fill: rgba(253,69,69,1);}