@font-face {
	font-family: 'Rethink Sans';
	src: url('./fonts/RethinkSans-Italic.woff2') format('woff2'),
		url('./fonts/RethinkSans-Italic.woff') format('woff'),
		url('./fonts/RethinkSans-Italic.ttf') format('truetype');
	font-weight: 400;
	/* Regular weight */
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Rethink Sans';
	src: url('./fonts/RethinkSans-SemiBold.woff2') format('woff2'),
		url('./fonts/RethinkSans-SemiBold.woff') format('woff'),
		url('./fonts/RethinkSans-SemiBold.ttf') format('truetype');
	font-weight: 600;
	/* SemiBold weight */
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Rethink Sans';
	src: url('./fonts/RethinkSans-BoldItalic.woff2') format('woff2'),
		url('./fonts/RethinkSans-BoldItalic.woff') format('woff'),
		url('./fonts/RethinkSans-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	/* Bold weight */
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Rethink Sans';
	src: url('./fonts/RethinkSans-SemiBoldItalic.woff2') format('woff2'),
		url('./fonts/RethinkSans-SemiBoldItalic.woff') format('woff'),
		url('./fonts/RethinkSans-SemiBoldItalic.ttf') format('truetype');
	font-weight: 600;
	/* SemiBold weight */
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Rethink Sans';
	src: url('./fonts/RethinkSans-Bold.woff2') format('woff2'),
		url('./fonts/RethinkSans-Bold.woff') format('woff'),
		url('./fonts/RethinkSans-Bold.ttf') format('truetype');
	font-weight: 700;
	/* Bold weight */
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Rethink Sans';
	src: url('./fonts/RethinkSans-ExtraBold.woff2') format('woff2'),
		url('./fonts/RethinkSans-ExtraBold.woff') format('woff'),
		url('./fonts/RethinkSans-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	/* ExtraBold weight */
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Rethink Sans';
	src: url('./fonts/RethinkSans-ExtraBoldItalic.woff2') format('woff2'),
		url('./fonts/RethinkSans-ExtraBoldItalic.woff') format('woff'),
		url('./fonts/RethinkSans-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	/* ExtraBold weight */
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Rethink Sans';
	src: url('./fonts/RethinkSans-MediumItalic.woff2') format('woff2'),
		url('./fonts/RethinkSans-MediumItalic.woff') format('woff'),
		url('./fonts/RethinkSans-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	/* Medium weight */
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'Rethink Sans';
	src: url('./fonts/RethinkSans-Regular.woff2') format('woff2'),
		url('./fonts/RethinkSans-Regular.woff') format('woff'),
		url('./fonts/RethinkSans-Regular.ttf') format('truetype');
	font-weight: 400;
	/* Regular weight */
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Rethink Sans';
	src: url('./fonts/RethinkSans-Medium.woff2') format('woff2'),
		url('./fonts/RethinkSans-Medium.woff') format('woff'),
		url('./fonts/RethinkSans-Medium.ttf') format('truetype');
	font-weight: 500;
	/* Medium weight */
	font-style: normal;
	font-display: swap;
}

:host,
:root,
[data-bs-theme=light] {
	--primary-color: #E5713D;
	--info-color: #1C52A2;
	--info-color-rgb: 28 82 162;
	--info-color-hover: #2561b8;
	--success-color: #005E1F;
	--primary-color-dark: #a55734;
	--primary-text: #1E1E1E;
	--primary-bg-white: #FAE3D8;
	--secondary-text: #5F5F5F;
	--tertiary-text: #878787;
	--gray-color: #AAAAAA;
	--error-color: #D43333;
	--tblr-primary: #E5713D;
	--tblr-primary-rgb: 229, 113, 61;
	--border-color: #EEEEEE;
	--disabled-color: #CFCFCF;
	--border-radius: 16px;
	--body-bg: #FAFAFC;
	--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
body{
	font-family: 'Rethink Sans', sans-serif;
	font-size: 18px;
	color: var(--primary-text);
}
img.img-responsive {
    display: inline-block;
    width: 100%;
}
.btn-outline-primary {
    --bs-btn-color: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--primary-color);
    --bs-btn-hover-border-color: var(--primary-color);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-color);
    --bs-btn-active-border-color: var(--primary-color);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--primary-color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--primary-color);
    --bs-gradient: none;
	border-radius: 13px;
}
.btn-primary{
	--bs-btn-color: #fff;
    --bs-btn-bg: var(--primary-color);
    --bs-btn-border-color: var(--primary-color);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f4804c;
    --bs-btn-hover-border-color: var(--primary-color-dark);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--primary-color-dark);
	border-radius: 13px;
}

.container{
	max-width: 1296px;
}
.text-justify{
	text-align: justify;
}
.home .topbanner .container{
	max-width: 1440px;
	padding: 80px 20px;
}

.home .topbanner .container h1{
	font-size: min(56px, 8vw);
	font-weight: 600;
}
.home .topbanner .container p{
	font-size: 20px;
}
.home .topbanner .container .context{
	max-width: 630px;
}
.home .topbanner .container h1 span{
	color: var(--primary-color);
}
.home .topbanner .container .contbotones{
	padding-top: 30px;
	padding-bottom: 30px;
}
.home .topbanner .container .contbotones a{
	font-size: 18px;
	font-weight: 600;
}
.home .topbanner .container .contbotones a:first-child{
	margin-right: 20px;
	background-color: var(--primary-color);
	border-color: var(--primary-color);

}
.home .topbanner .container .contbotones a:nth-child(2){
	background-color: transparent;
	color: var(--primary-text);
}
.home .topbanner .container iframe{
	border-radius: 20px;
	width: 100%;
	height: 318px;
}

.home .contslider{
	padding: 80px 20px;
}
.home .contslider .swiper-scrollbar{
	display: none;
}


.nav-item.userNav .dropdown-menu{
	position: absolute;
	display: block;
    top: 90%;
    right: 0;
	opacity: 0;
	visibility: hidden;
    box-shadow: 0 0 0;
    border-radius: 12px;
    border: 1px solid var(--border-color);
	transition: opacity .4s ease, visibility .4s ease, top .4s ease;
}
.nav-item.userNav a.nav-link.opn ~ .dropdown-menu{
	top: 100%;
    opacity: 1;
	visibility: visible;
}
.nav-item.userNav .dropdown-menu a{
	color: var(--secondary-text);
	font-size: 14px;
	font-weight: 500;
	min-width: 11rem;
	padding: 0.5rem 0.75rem;
	transition: background .4s ease, color .2s ease;
}
.nav-item.userNav .dropdown-menu a:hover{
	color: #E5713D;
    text-decoration: none;
    background-color: #fff7f3;
}

.conttitle{
	text-align: center;
	padding-bottom: 30px;
}
.conttitle h2{
	font-size: 40px;
	font-weight: 600;
	text-align: center;
}
.conttitle p{
	font-size: 20px;
	font-weight: 400;
}
.conttitle p span{
	color: var(--primary-color);
}
.home .exploracatalogo{
	padding: 80px 20px;
}
.listCatalogo .itemCatalogo{
	padding: 20px;
}
.listCatalogo .itemCatalogo iframe{
	border-radius: 20px;
	width: 100%;
	height: 208px;
}
.listCatalogo .itemCatalogo .tags{
	font-size: 16px;
	color: #5F5F5F;
}
.listCatalogo .itemCatalogo .tags span::after{
	content: "•";
	margin: 0 3px;
	font-size: 10px;
}
.listCatalogo .itemCatalogo .tags span:last-child::after{
	content: "";
}
.listCatalogo .itemCatalogo h3{
	font-size: 28px;
	padding: 10px 0;
}
.listCatalogo .itemCatalogo p{
	font-size: 18px;
	color: #5F5F5F;
	line-height: 20px;
}
.listCatalogo .itemCatalogo .price{
	font-size: 28px;
	font-weight: 600;
	padding-bottom: 10px;
}
.listCatalogo .itemCatalogo a{
	font-size: 18px;
	font-weight: 600;
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
.listCatalogo .linkcatalogo{
	text-align: center;
	padding-top: 30px;
	font-size: 18px;
}

.home .encuentracategorias{
	padding: 80px 20px;
}
.home .encuentracategorias .linkcategorias{
	text-align: center;
	padding-top: 30px;
	font-size: 18px;
}
.home .encuentracategorias form{
	width: 100%;
	max-width: 636px;
	position: relative;
	margin: auto;
	margin-bottom: 40px;
}
.home .encuentracategorias form input{
	border-radius: 13px;
	border:1px solid #EEEEEE;
	width: 100%;
	padding: 10px;
}
.home .encuentracategorias form button{
	position: absolute;
	right: 10px;
	top: 7px;
	background-color: transparent;
	border-color: transparent;

}
.lisCategorias .itemCategoria{
	margin-bottom: 0;
    height: 100%;
    padding-bottom: 20px;
}
.lisCategorias .swiper-slide{
	height: auto;
}
.lisCategorias .swiper-slide .itemCategoria{
	height: 100%;
}
.lisCategorias .itemCategoria a{
	display: inline-block;
	border:1px solid #EEEEEE;
	padding: 20px;
	border-radius: 20px;
	text-align: center;
	text-decoration: none;
	width: 100%;
	height: 100%;
	color: #5F5F5F;
	font-size: 20px;
	font-weight: 600;
	min-height: 150px;
	display: grid;
	justify-items: center;
	align-items: center;
}
.lisCategorias .itemCategoria a:hover{
	color:var(--primary-color);
	border-color: var(--primary-color);
}
.lisCategorias .itemCategoria a:hover svg path{
	stroke: var(--primary-color) !important;
}

.suscribetesub{
	padding: 80px 20px;

}
.suscribetesub .row{
	justify-content: center;
	align-items: center;
	justify-items: center;
}
.suscribetesub h2{
	font-size: 48px;
	font-weight: 600;
	max-width: 668px;
}
.suscribetesub h4{
	font-size: 35px;
	font-weight: 600;
	max-width: 668px;
}
.suscribetesub h2 span, .suscribetesub h4 span{
	color: var(--info-color);
}
.suscribetesub  a{
	font-size: 18px;
	padding: 20px;
}
.suscribetesub .contentbtn{
	text-align: right;
}
.suscribetesub  a:first-child{
	background-color: var(--info-color);
	border-color: var(--info-color);
}
.suscribetesub  a:nth-child(2){
	background-color: transparent;
	color: var(--primary-text);
	border-color: var(--primary-text);
}
.home .loquedicenlosalumnos{
	padding-bottom: 80px;
}
.home .loquedicenlosalumnos .swiper-slide {
	padding-left: 0px;
	padding-right: 20px;
	margin-left: 10px;
}
.home .loquedicenlosalumnos .swiper-slide .row{
 align-items: center;
 border:1px solid #EEEEEE;
 border-radius: 20px;
 width: 98%;
}
.home .loquedicenlosalumnos .swiper-slide .row .col-md-4{
	padding: 0px;
}

.home .loquedicenlosalumnos .swiper-slide{
	font-size: 16px;
	padding-bottom: 40px;
}
.home .loquedicenlosalumnos .swiper-slide img{
	border-radius: 20px 0px 0px 20px;
}
.home .loquedicenlosalumnos .swiper-slide h3{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 0px;
}
.home .loquedicenlosalumnos .swiper-pagination{
	bottom: 0px;
}
.home .loquedicenlosalumnos .swiper-pagination .swiper-pagination-bullet{
	width: 26.67px;
	height: 8px;
	border-radius: 10px;
}
.home .loquedicenlosalumnos  .swiper-pagination .swiper-pagination-bullet-active{
	background: var(--primary-color);
}

.home .loquedicenlosalumnos   .swiper-scrollbar.swiper-scrollbar-horizontal{
	display: none;
}

.escribenos{
	background-image: url(./images/a9a8a60abf53648099640f50ae90ead1.png);
	padding-bottom: 40px;
	padding-top: 40px;
}
.escribenos h2{
	font-size: 48px;
	font-weight: 700;
}
.escribenos .row{
	justify-content: center;
	align-items: center;
	justify-items: center;
}
.escribenos h2 span{
	display: block;
	color: #60D669;
}
.escribenos button{
	border-radius: 13px;
	background-color: #60D669;
	padding: 10px 20px ;
	border-color: #60D669;
}

.whatsupp {
    background-image: url(./images/bannerwhatsuup.png);
    padding-bottom: 40px;
    padding-top: 40px;
    cursor: pointer;
}
.whatsupp h2{
	font-size: 48px;
	font-weight: 700;
	color: #ffffff;
}
.whatsupp .row{
	justify-content: center;
	align-items: center;
	justify-items: center;
}
.whatsupp h2 span{
	display: block;
	color: #60D669;
}

.contcontactenos{
	padding: 80px 20px;
	background-image: url(./images/Container_contarenos.png);
	height: 465px;
	text-align: right;
}

.contempresa{
	background-color: #c7de58;
}

.contcontactenos form, .contempresa form{
	width: 100%;
	max-width: 360px;
	display: inline-block;
	position: relative;
	background: #ffff;
	font-size: 18px;
	padding: 30px;
	border-radius: 20px;
	text-align: left;
}
.contcontactenos form h3{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 0px;
}
.contcontactenos form .form-control, .contempresa form .form-control{
	margin-bottom: 10px;

}
.contcontactenos form ::placeholder, .contempresa form ::placeholder{
	color:#878787;
}
.contcontactenos form textarea, .contempresa form textarea{
	height: 100px;
}
.contcontactenos form button, .contempresa form button{
	background-color: var(--primary-color);
	width: 100%;
	border-color: var(--primary-color);
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
}

.contatenosdos{
	padding: 80px 20px;
	background-color: #E9895D;
	font-size: 18px;
	color: #fff;
	margin-top: -46px;
}
.contatenosdos h3{
	font-size: 24px;
	font-weight: 600;
	color: #fff;
	margin-bottom: 20px;
}
.contatenosdos ul{
	padding-left: 0px;
	padding: 0px;
	list-style: none;
}

.header{
	padding: 20px;
}
.header form{
	position: relative;
	max-width: 220px;
	display: inline-block;
	margin-left: 20px;
}
.header form input{

}
.header form button{
	background: transparent;
	position: absolute;
	top: 5px;
	right: 10px;
	border:0px;
}
.movil{
	display: none;
}
.header .cond{
	display: flex;
	align-items: center;
	justify-content: end;
}
.header .cond a:hover{
	color: var(--primary-color);
}
.header .cond a svg:hover path{
	stroke: var(--primary-color);
}
.header .cond a.insise{
	background-color: var(--primary-color);
	color: #fff;
	border-radius: 14px;
	padding: 5px 10px;
	margin-left: 10px;
	margin-right: 10px;
}
.insise {
	display: inline-block;
	white-space: nowrap;
	padding: 5px 10px;
	border-radius: 14px;
	background-color: var(--primary);
	color: #fff;
}
.header ul{
	padding: 0px;
	list-style: none;
	display: flex;
	width: inherit;
	margin: 0px;
}
.header ul li{

	position: relative;
}
.header a{
	color: #5F5F5F;
	text-decoration: none;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
}
.header a#carritoCompra{
    position: relative;
    color: #000;
    padding-right: 7px !important;
    outline: none !important;
    border: 0 !important;
    box-shadow: 0 0 0 0 !important;
}
.header a#carritoCompra svg:hover path:first-of-type{
	display: none;
}
.header a#carritoCompra svg:hover path{
	stroke: #000;
}
.header a#carritoCompra svg{
	width: 20px;
	stroke-width: 1.5;
}
.header a#carritoCompra .badge{
	position: absolute;
	display: block;
    top: .05rem;
    right: .05rem;
	width: .5rem;
    height: .5rem;
	padding: 0;
}
.header a#carritoCompra .badge-red.badge-important {
    background: #ef4444;
    color: #fff;
}
.header a#carritoCompra:hover{
	color: #000;
	border: 0;
}
.header #language-icon svg{
	width: 20px;
	height: auto;
    stroke-width: 1.5;
}
.header .userNav .lbl-usuario-picture{
	width: 100%;
    max-width: 32px;
    border-radius: 4px;
}
.header .userNav .lbl-usuario-picture img{
    position: relative;
    width: 2rem;
    height: 2rem;
    line-height: 1;
	font-size: 0.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #667382;
    text-align: center;
    text-transform: uppercase;
    vertical-align: bottom;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #f6f8fb no-repeat center / cover;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px rgba(4, 32, 69, 0.14);
}
.header .userNav .nav-link{
	align-items: center;
	font-size: 16px;
}
.header ul li a{
	color: #5F5F5F;
	text-decoration: none;
	padding: 5px 10px;
	padding-right: 20px;
	display: inline-block;
}
.header ul li a svg{
	position: absolute;
	right: 0px;
	top: 15px;
}
.header ul li ul{
	position: absolute;
	top: 100%;
	margin-top: -10px;
	display: none;
}
.header ul li ul li a{
	padding-right: 0px;
}
.header ul li:hover ul{
	display: block;
}
.header ul li:hover a{
	color: var(--primary-color);
}
.header ul li:hover a ul li a{
	color: #5F5F5F;
}

.header ul li a ul li:hover a{
	color: var(--primary-color);
}
#botonClicAqui{
    background-color: #28C76F; /* color igual al texto WhatSUUP */
    color: white;
    font-weight: bold;
    padding: 10px 25px;
    border-radius: 10px;
    text-decoration: none;
    z-index: 10;
	width: 50%;
}

#botonClicAqui:hover,
#botonClicAqui:focus,
#botonClicAqui:active {
  background-color: #28C76F !important; /* mismo color base */
  color: #fff !important;
  box-shadow: none !important;
  border-color: #28C76F !important;
}

#containerBotonClic{
	display: flex;
	justify-content: center;
	height: 50%;
}


/* .menumovil{
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 10;
	background-color: #fff;
	padding: 20px;
	width: 100%;
	max-width: 300px;
	height: 100vh;
	box-shadow: #1E1E1E 1px 1px 10px;
	display: none;
} */
.menumovil a{
	text-decoration: none;
}
.menumovil ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.menumovil ul li ul{
	display: none;
	padding-left: 10px;
}
.menumovil ul li:hover ul{
	display: block;
}
.menumovil form{
	position: relative;
	max-width: 320px;
	display: inline-block;
}
.menumovil form input{

}
.menumovil form button{
	background: transparent;
	position: absolute;
	top: 5px;
	right: 10px;
	border:0px;
}

.footer{
	padding-top: 50px;
	padding-bottom: 50px;
	color: #5F5F5F;
	font-size: 18px;
}
.footer h3{
	color: var(--primary-color);
	font-size: 24px;
	font-weight: bold;
}
.footer ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footer ul li a{
	text-decoration: none;
	list-style: none;
	color: #5F5F5F;
}
.footer ul li a.ver{
	text-decoration: underline;
}
.footer .redes a{
	text-decoration: none;
}
.copyright .container{
	text-align: center;
	font-size: 18px;
	color: #5F5F5F;
	border-top: 1px solid #5F5F5F;
	padding-top: 40px;
	padding-bottom: 40px;
}
.copyright a{
	color: #6E7191;
}
.swiper .swiper-button-prev::after,
.swiper .swiper-button-next::after{
	font-size: 22px;
    color: #e5713d;
}
.swiper .lisCategorias .itemCategoria{
	margin-bottom: 0;
}
@media (max-width: 1024px){
	.header form.pc{
		display: none;
	}
}
@media(max-width:768px){
	.pc{
		display: none !important;
	}
	.movil{
		display: flex;
	}
	.btnmovil{
		text-align: right;
	}
}
.alert.alert-success,
.alert.alert-danger{
    font-size: 16px;
    color: #fff;
	margin: 0 !important;
}
.alert.alert-success{
	background-color: #2fb344;
    border-color: #2fb344;
}
.alert.alert-danger{
	background-color: #d63939;
    border-color: #d63939;
}
.alert.alert-success .btn-close{
	filter: invert(1);
    opacity: 1;
}
.menumovil{
    display: flex;
    gap: 15px;
    flex-direction: column;
}
.menumovil ul.menu li a{
	color: #5F5F5F;
	font-size: 14px;
	transition: color .4s ease;
}
.menumovil ul.menu li a:hover{
	color: var(--primary-color);
}
.menumovil .usr{
	display: flex;
    gap: 10px;
    flex-direction: column;
}
.menumovil .usr .panel{
	display: flex;
	gap: 10px;
}
.menumovil .usr .panel .p-btn{
	position: relative;
	display: flex;
	padding: 8px;
	min-width: 46px;
	min-height: 46px;
	border-radius: 8px;
	align-items: center;
	justify-content: center;
	border: 1px solid #ddd;
}
.menumovil .usr .panel .p-btn svg{
	width: 18px;
	color: #000;
}
.menumovil .usr .panel .p-btn#carritoCompra .badge{
    background-color: #ef4444;
    position: absolute;
    display: flex;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    padding: 0;
    font-size: 10px;
    align-items: center;
    justify-content: center;
}
.menumovil .usr .panel .p-btn#carritoCompra.active{

}
.menumovil .usr .panel .p-btn#carritoCompra.active + #google_translate_element_second{

}
.menumovil .usr .panel .p-btn#carritoCompra #language-icon{
	transition: color .4s ease;
}
.menumovil .usr .panel .p-btn#carritoCompra #language-icon.active{
	color: var(--primary-color);
}
.menumovil .usr .panel .p-btn#carritoCompra #google_translate_element_second{
	position: absolute;
    top: 90%;
    right: 0;
    opacity: 0;
	padding-top: .8rem;
    visibility: hidden;
    transition: opacity .4s ease, visibility .4s ease, top .4s ease;
}
.menumovil .usr .panel .p-btn#carritoCompra #google_translate_element_second select{
	font-family: 'Rethink Sans', sans-serif;
    padding: .5rem;
    outline: none;
    margin: 0;
    color: #5F5F5F !important;
    font-size: 14px !important;
    border-radius: 12px;
    font-weight: 500 !important;
    border: 1px solid var(--border-color);
}
.menumovil .usr .panel .p-btn#carritoCompra.active + #google_translate_element_second{
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.menumovil .usr > a{
	width: 100%;
	display: block;
}
.menumovil .usr .userNav{
    position: relative;
    padding: 6px;
	width: 100%;
    border-radius: 8px;
    border: 1px solid #ddd;
}
.menumovil .usr .userNav a{
	align-items: center;
	font-size: 14px;
}
.menumovil .usr .userNav a .icon{
	position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}
.menumovil .usr .userNav a.nav-link .icon svg{
	transform: rotate(180deg);
	transition: transform .4s ease;
}
.menumovil .usr .userNav .lbl-usuario-picture img{
    width: 32px;
	height: 32px;
    border-radius: 4px;	
}
.menumovil .usr .userNav .dropdown-menu {
	width: 100%;
	top: initial !important;
	bottom: 100% !important;
	transform: translateY(0);
	transition: opacity .4s ease, visibility .4s ease, transform .4s ease;
}
.menumovil .usr .userNav a.nav-link.opn ~ .dropdown-menu{
    transform: translateY(-8px);
}
.menumovil .usr .userNav a.nav-link.opn .icon svg{
	transform: rotate(0deg);
}