/*Modificaciones de posición*/
main, menu, nav, section, summary {
    display: flow-root;
}
/*Modificaciones del body*/
.body-wrapper {
    position: inherit;
}
.layout-boxed .body-innerwrapper {
    max-width: fit-content;
    margin: inherit;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}
/*Row (modifica los margenes del costado)*/

.row {
    margin-right: 0px;
    margin-left: 0px;
}

/*Top Bar*/
/*
#sp-top-bar {
    border-radius: 20px;
    float: right;
    padding: 0px 0px 0px 0px;
    margin-bottom: 10px;
}
*/

#sp-top-bar .sp-module {
    margin: 0px 10px 0px 0px;
    float:right;
    font-family: Bangers, sans-serif;
}

/*Acá se modifican los botones de inicio de sesion y registarse*/
#sp-top-bar .sp-top3 .sp-column .sp-module .sp-module-content .custom .button .a:hover{
    background:rgba(0,0,0,0.5);
    font-family: Bangers, sans-serif;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span{
 box-shadow: 0 3px 5px 0 #f9f;
 border-radius: 20px;
 margin: 7px;
 line-height: 30px;
 background: white;
}
.sp-megamenu-parent>li>a:hover{
    color:#f9f !important;
}
/*Sub-menú*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    padding: 10px;
    border-radius: 20px;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    border-radius: 20px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
    padding: 10px;
    color: #f9f;
    font-family: Wallpoet , sans-serif;
  	font-size: 18px;
    text-align: center; /* alineación del texto en el centro*/
    text-transform: capitalize; /*poner todas las palabras al inicio en mayúsculas*/
    border-radius: 20px;
}
.sp-megamenu-parent>li.active>a {
    color: #fff !important;
    background-color: #7e0056 !important; 
}
/*Otro tipo de modificaciones*/
.jlslogin .button, .login .btnslogin {
    background-color: #f9f;
    
}
.sp-megamenu-parent {
    float: left;
    border-radius: 20px;
    
} 
.fa-dribbble::before {
    content: "\f16d";
    
}
/*Menu de OFF-Canvas*/
.offcanvas-overlay {
    background: rgb(100% 100% 50% / 20%); /*Agrega un poco de color amarillo*/
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
    background: #f9f !important;/*este es el color de fondo del paso final*/
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a, .offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a {
    background: #f9f0 ; /*ESTE ES EL COLOR DE FONDO, pero un paso atras del paso final, NO debe ir !important*/
}
.offcanvas-menu {
    background-image: url(/imagenes/Fondos/fondo_nubes_rosas.jpg);
    background-size: cover;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li.active {
    background: #7e0056;
    border-radius: 20px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
color: #000000;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
    background: white !important;
}
/*
.offcanvas-menu .sp-module ul >li:hover a {
   background: #f9f;
   border-radius: 20px;
   color: white;
}
*/
.new-look .offcanvas-menu .sp-module ul >li:focus a {
    background: #f9f;
    border-radius: 20px;
    color: black;
}

/*
.new-look .offcanvas-menu .sp-module ul >li.active a {
    background: #ff67ff;
    border-radius: 20px;
    color: white;
}
.new-look .offcanvas-menu .sp-module ul >li ul li a:hover {
    color: white;
}
*/
.close-offcanvas {
    border: 1px solid #000000;
    color: #000000;
}
.close-offcanvas:hover {
    border: 1px solid #f9f;
    color: #f9f;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
    background: #f9f0;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul>li>a {
    padding-left: 50px;
}
.offcanvas-menu-toggler {
    color:black;
}
/*Items especificos del menu*/
.nav-header.MenuDeAfiliaciones:hover{ /*Funciona*/
    background:#f9f !important;
    border-radius:20px;
}
.nav-header.MenuDeAfiliaciones:focus{ /*Funciona*/
    background:#f9f0 !important;
    border-radius:20px;
}
.nav-header.MenuDeServicios:hover{
    background:#f9f !important;
    border-radius:20px !important;
}

.item-552:hover{
    background:#db4ddb !important;
    border-radius:20px !important;
}
.collapse-menu-719.collapse.in:hover{
    background:#db4ddb !important;
    border-radius:20px;
}
.collapse-menu-719.collapse.in:focus{
    background:#db4ddb !important;
    border-radius:20px;
}
/*.item-719.deeper.parent a>nav-header.MenuDeAfiliaciones:focus{
    background:red !important;
}/*FUNCIONA*/
.item-670{
    background:#f9f0 !important; 
}
.item-670:hover{
    background:#db4ddb !important;
    border-radius:20px;
}
.item-723{
    background:#f9f0; 
}
.item-723:hover{
    background:#db4ddb !important;
    border-radius:20px;
}
/*Items del menu de servicios*/
.item-724{
    background:#f9f0 !important; 
}
.item-724:hover{
    background:#f9f !important;
    border-radius:20px !important;
}
.item-724:hover{
    background:#db4ddb !important;
    border-radius:20px;
}
.item-725{
    background:#f9f0; 
}
.item-725:hover{
    background:#db4ddb !important;
    border-radius:20px;
}
.item-726{
    background:#f9f0; 
}
.item-726:hover{
    background:#db4ddb !important;
    border-radius:20px;
}
/*Acá se modifican los botones del carrito*/
a.btn.btn-small.btn-danger.btn-xs.j2store-remove.remove-icon, .cart-update-button input.btn.btn-warning {
  color: #fff;
  background: #f9f;
  border: 1px solid #ff7aff;
}

a.btn.btn-small.btn-danger.btn-xs.j2store-remove.remove-icon:hover,
.cart-update-button input.btn.btn-warning:hover {
  color: #f9f;
  background: #fff !important;
}
#button-guest {
    background: #5cb85c !important;
}
.btn-primary:hover {
    border-color: #fff;
    background-color: #fff;
    color: #f9f;
    border: 1px solid #ff7aff;
}
/*Acá se modifican el estilo del menú  preguntas frecuentes*/

#accordion3.grayfaq.headerbackground .accordionfaqheader, #accordion3.grayfaq.headerbackground .accordionfaqheader a {
    background-image: url(imagenes/Fondos/fondooldpaper1500x999.jpg) !important;
}
#accordion3.grayfaq .accordionfaqheader:hover, #accordion3.grayfaq .accordionfaqheader:hover a, #accordion3.grayfaq .accordionfaqheader.selected, #accordion3.grayfaq .accordionfaqheader.selected a {
    color: #7e0056 !important;
    background-color: white !important;
  	box-shadow: 0 3px 5px 0 #f9f;
}

#accordion3.grayfaq.contentbackground div.accordionfaqitem {
  	background-color: #fff0;
    background-image: url(imagenes/Fondos/fondooldpaper1500x999.jpg) !important;
    height: fit-content !important;
}
/*Acá se modifican el menú*/

#sp-header {
    box-shadow: 10px 10px 10px 10px #f9f !important;
    height: 50px;
}
/*Acá se modifica el margen de abajo*/
#sp-bottom {
    padding: 0px 0px;
    color: #000000;
    /* padding: 100px 0px; */
    border: #0000001a !important;
    border-width: 5px !important;
    border-style: inset !important;
}
#sp-bottom1 {
  background: white !important;
}
/*Articulos de la página*/
.items-row.row-0.row.clearfix{
	background-image:url(/imagenes/Fondos/fondo-papel-plata.jpg);
  	background-size: cover;
  	border-radius: 20px;
  	box-shadow: 1px 1px 10px 5px #f9f;
  	margin-top: 0.5%;
    margin-bottom: 2%;
}
.items-row.row-1.row.clearfix{
	background-image:url(/imagenes/Fondos/fondo-papel-bronce.jpg);
	background-size: cover;
  	border-radius: 20px;
  	box-shadow: 1px 1px 10px 5px #f9f;
  	margin-top: 0.5%;
    margin-bottom: 2%;
}
.items-row.row-2.row.clearfix{
	background-image:url(/imagenes/Fondos/fondopapelorov2.jpg);
	background-size: cover;
  	border-radius: 20px;
  	box-shadow: 1px 1px 10px 5px #f9f;
  	margin-top: 0.5%;
    margin-bottom: 2%;
}
/*Modificación de la letra de los precios*/
.product-price-container .sale-price {
    font-size: 18pt;
    font-weight: bold;
    font-family: monospace;
}