@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');

:root {
	--primary: #ea7134;
	--primaryopacity: #ffeee4;
	--secondary: #182d36;
	--tertiary: #ffa02a;
    --white: #ffffff;
    --whiteopacity: #ffffff33;
	--gray: #f0f0f0;
	--graydark: #e6e6e6;
    --graydarkest : #cccccc;
	--black: #0f2027;
    --blackopacity: #0f202780;
	--font: 'Poppins';
	--transition: all 0.25s ease-in-out;
	--grayblack2: #878787;
	--grayblack3: #2d3f43;
	--graymenu1: #a9a9a9;
	--newgray: #c3c3c375;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}
::selection {
    color: var(--primary) !important;
    background-color: var(--primaryopacity) !important;
}
a, button {
    outline: none;
    text-decoration: none;
}
ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, h7 {
	list-style: none;
	padding: 0;
	margin: 0;
}
img {
    max-width: 100%;
    height: auto;
	vertical-align: middle;
}
/*********************************** Initial **********************************/
body {
    font-family: var(--font), sans-serif;
    transition: var(--transition);
    background-color: var(--gray);
    color: var(--black);
    font-weight: 400;
    font-size: 0.85rem;
    position: relative;
    min-width: 20rem;
    margin: 0;
}
body.blog #slider,
body.category-base-de-conocimiento #slider {
    background: var(--white);
}
.wrapper {
	width: 100%;
    margin: 0 auto;
    max-width: 100rem;
	padding: 0 1rem;
}
#slider .wrapper div ul.slider-container{
	overflow: hidden;
    border-radius: 1rem;
}
#slider .wrapper{
	padding-bottom: 1.5rem;
}
.ky1-wrp {
	width: 100%;
    margin: 0 auto;
    max-width: 100rem;
	padding: 0 1rem;
}
@media only screen and (max-width: 48rem) {
	.wrapper {
		padding: 0 0.75rem;
	}
}
/*********************************** Superior Bar **********************************/
#superiorBar {
    background-color: var(--primary);
    padding: 0.5rem 0;
}
#superiorBar .wrapper {
	display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}
#superiorBar .list {
    display: flex;
    gap: 1rem;
}
#superiorBar .list a {
    transition: var(--transition);
    color: var(--white);
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}
#superiorBar .list a svg {
    fill: var(--white);
}
#superiorBar .list a:hover{
	opacity: 0.5;
}
@media only screen and (max-width: 75rem) {
	#superiorBar .list a {
		font-size: 0.75rem;
	}
}
@media only screen and (max-width: 62rem) {
	#superiorBar .wrapper {
		flex-direction: column;
		gap: 0.5rem;
	}
}
@media only screen and (max-width: 48rem) {
	#superiorBar .location {
		display: none;
	}
}
/*********************************** Header **********************************/
header {
	padding: 1rem 0;
	background-color: var(--white);
}
header .wrapper {
	display: flex;
    flex-direction: column;
    gap: 1rem;
}
header .top {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
}
header .logo {
    align-items: center;
    display: flex;
}
header .logo img {
    width: 11rem;
    min-width: 11rem;
}
header .searchBar {
    flex-basis: 48%;
    display: flex;
    border: 1px solid var(--graydark);
    border-radius: 2rem;
    background-color: var(--white);
    position: relative;
}
header .searchBar input {
    flex: 1;
    margin: 0;
    border: none;
    padding: 0 1.5rem;
    line-height: calc(2.5rem - 2px);
    background-color: transparent;
    font-size: 0.8rem;
    outline: none;
}
header .searchBar button {
    margin: 0;
    padding: 0 1.5rem;
    border: none;
	transition: var(--transition);
	cursor: pointer;
	background-color: transparent;
}
header .searchBar button svg {
	min-width: fit-content;
}
header .searchBar button:hover {
	opacity: 0.5;
}
header .searchBar .search-results {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    right: 0;
    background-color: var(--white);
    border: 1px solid var(--graydark);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.25);
    z-index: 1000;
    display: none;
    max-height: 352px;
    overflow-y: auto;
    border-radius: 0.5rem;
}
header .searchBar .search-results li {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    cursor: pointer;
    gap: 1rem;
    transition: var(--transition);
}
header .searchBar .search-results img.product-thumbnail {
    width: 40px;
    height: 40px;
    object-fit: cover;
}
header .searchBar .search-results li:hover {
    background-color: var(--gray);
}
header .links {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
header .links a {
    position: relative;
    padding: 0.5rem 1rem;
    transition: var(--transition);
    border-radius: 2rem;
    display: flex;
    background-color: var(--white);
	border: 1px solid var(--graydark);
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: var(--black);
    line-height: 1rem;
    font-weight: 500;
}
header .links a svg {
    min-width: fit-content;
}
header .links a:hover {
    background-color: var(--graydark);
}
header .links .cart svg {
    transition: var(--transition);
}
header .links .cart.change{
    background-color: var(--primary);
    color: var(--white);
}
header .links .cart.cart-highlight {
    background-color: var(--primary);
    color: var(--white);
}
header .links .cart.cart-highlight svg {
    fill: var(--white);
}
header .links .cart.scale-effect {
    transform: scale(1.125);
    transition: transform 0.4s ease-in-out;
}
header .links .cart.change svg {
    fill: var(--white);
}
header .bottom ul {
    margin: 0;
    display: flex;
    list-style: none;
    justify-content: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0;
}
header .bottom ul a {
    color: var(--black);
    padding: 0.5rem 0.9rem;
    display: block;
	transition: var(--transition);
	border-radius: 2rem;
	border: 1px solid var(--graydark);
	background-color: var(--white);
	line-height: 1rem;
    font-size: 0.75rem;
	font-weight: 500;
}
header .bottom ul a:hover {
	background-color: var(--graydark);
}
header .bottom ul #menu-item-29859 > a{
    background: url(/wp-content/uploads/2025/05/trueke-black.webp) no-repeat center center;
    width: 6rem;
    color: transparent;
    background-size: 4.3rem;
    background-color: white;
}
header .bottom #menu-item-29859 > a:hover,
header .bottom #menu-item-29859 > a[aria-current="page"]{
	background: url('/wp-content/uploads/2025/05/trueke-hov.webp') no-repeat center center;
	width: 6rem;
    color: transparent;
    background-size: 4.3rem;
	background-color: black !important;
}
header .bottom ul li:last-child a{
	position: relative;
	background: linear-gradient(45deg, #ffa500, #ff7f50, #ff4500) !important;
	overflow: hidden;
	color: var(--white);
}
header .bottom ul li:last-child a::before{
	content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    transform: skewX(-45deg);
    transition: 0.5s;
}
header .bottom ul li:last-child a:hover::before {
    left: 150%; 
    transition: 0.5s;
}
header .bottom ul .current-menu-item a {
	color: var(--white);
	 background-color: var(--primary) !important;
}
header .bottom ul .current-product-ancestor a {
	background-color: var(--primary);
	color: var(--white);
}
header .bottom ul .current-product_cat-ancestor a {
    background-color: var(--primary);
   color: var(--white);
}
@media only screen and (max-width: 100rem) { 
	header .searchBar{	
		flex-basis: 38%;
	}
}
@media only screen and (max-width: 75rem) { /* 1200px */
	header .searchBar{
		flex-basis: 35%;
	}
	header .links .account span{
		display: none !important;
	}
}
@media only screen and (max-width: 62rem) {
	header .searchBar {
		flex-basis: 33%;
		margin-left: auto;
	}
	header .links .rast span{
		display: none !important;
	}
}
@media only screen and (max-width: 48rem) {
	header .top {
		flex-wrap: wrap;
	}
	header .logo,
	header .links{
		order: 1;
	}
	header .links .account{
		gap: 0;
	}
	header .searchBar {
		order: 2;
		flex-basis: 100%;
		background-color: transparent;
		border: 1px solid var(--gray);
	}
	header .searchBar input{
		transition: var(--transition);
		border-radius: 2rem 0 0 2rem;
	}
	header .searchBar button{
		border-radius: 0 2rem 2rem 0;
	}
	header .searchBar input:focus,
	header .searchBar input:focus ~ button {
		transition: var(--transition);
		background-color: var(--white);
	}
	header .searchBar:focus-within {
    	border-color: var(--primary);
	}
	header .bottom {
		display: none;
	}
}
@media only screen and (max-width: 36rem) {
    header .top {
        gap: 0.5rem;
    }
    header .searchBar input {
        width: 8rem;
        padding-right: 0;
    }
    header .searchBar button {
        padding: 0 1rem;
    }
    header .logo img {
        width: 9rem;
        min-width: 9rem;
    }
}
@media only screen and (max-width: 30rem) {
    header {
        padding: 0.75rem 0;
    }
    header .searchBar input {
        width: 100%;
        padding-left: 1rem;
    }
    header .logo {
        padding-right: 0.5rem;
    }
}
@media only screen and (max-width: 26rem) {
    header .logo img {
        width: 8rem;
        min-width: 8rem;
    }
}
/*********************************** Slider **********************************/
#slider {
	background-color: var(--white);
	padding-top: 1rem;
}
#slider .slider-container li img {
    overflow: hidden;
    border-radius: 1rem;
}
#slider .slider-indicators {
    gap: 0.75rem;
    align-items: center;
    margin-bottom: 0.5rem;
}
#slider .slider-indicators li {
    width: 0.5rem;
    height: 0.5rem;
    border: none;
    border-radius: 1rem;
    background-color: var(--white);
    opacity: 0.5;
}
#slider .slider-indicators li.active {
    height: 0.4rem;
    width: 1.75rem;
    opacity: 0.875;
    padding: 0;
}
@media only screen and (max-width: 48rem) {
    #slider .slider-indicators {
        gap: 0.5rem;
    }
}
/*********************************** Product Filters **********************************/
#showFiltersButton {
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-radius: 0.5rem;
    font-weight: 500;
    display: none;
    width: 100%;
    margin: 0 0.75rem;
    font-weight: 600;
    font-size: 0.95rem;
	background-color: var(--white);
}
#showFiltersButton svg {
    transform: rotate(90deg);
}
#showFilters {
    width: 20%;
    display: flex;
    align-items: start;
    border-radius: 0.5rem;
    flex-direction: column;
    gap: 1rem;
}
#showFilters div .wpfFilterWrapper{
	background-color: var(--white);
    padding: 1rem;
    border-radius: 0.5rem;
    margin: 0 0 1rem 0;
}
#showFilters div .wpfFilterWrapper ul.wpfFilterVerScroll::-webkit-scrollbar-track{
	background-color: var(--gray);
	border: none;
}
#showFilters div .wpfFilterWrapper ul.wpfFilterVerScroll::-webkit-scrollbar-thumb {
	background-color: #ff7300;
    border: none;
}
#showFilters .filterBox {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.5rem;
    width: 100%;
}
#showFilters .wfpTitle {
    font-weight: 600;
    color: var(--primary);
    border: 1px solid var(--primary);
    padding: 0 0.75rem;
    line-height: 1.5rem;
    height: initial;
    border-radius: 2rem;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
	cursor: default;
}
#showFilters .wpfPriceInputs {
    display: none;
}
#showFilters .filterBox .title {
    font-weight: 600;
    background-color: var(--gray);
    padding: 0.5rem 1rem;
    border-radius: 1rem;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
}
#showFilters .filterBox .title svg {
    transform: rotate(90deg);
}
#showFilters .filterBox .filterContent {
    display: flex;
    flex-direction: column;
}
#showFilters .filterContent label {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
#showFilters .filterContent input {
    margin: 0;
}
#showFilters .wpfFilterContent .ms-options-wrap > button{
	border-radius: 1rem !important;
    padding: 0.25rem 0.75rem !important;
	cursor: pointer;
}
#showFilters .wpfFilterWrapper .wpfFilterTitle{
	cursor: default;
}
#showFilters .wpfFilterWrapper .wpfFilterTitle .wpfBlockClear{
	color: var(--secondary);
	font-weight: 600;
}
#showFilters .wpfFilterContent .ms-options-wrap > button:after{
	right: 0.75rem;
}
#showFilters .wpfFilterContent .ms-options-wrap > div.ms-options{
	max-height: none !important;
    min-height: auto !important;
	border-radius: 0.5rem;
	margin: 0.25rem 0 0 0;
	box-shadow: 0 0 0.25rem var(--blackopacity);
    border: none;
}
#showFilters .wpfFilterContent .ms-options-wrap > div.ms-options > ul label{
	padding: 0 0.75rem;
	margin: 0;
}
#showFilters .customFilter {
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    padding: 1rem;
    border-radius: 0.5rem;
    align-items: start;
}
#showFilters .customFilter .title {
    font-weight: 600;
    color: var(--primary);
    border: 1px solid var(--primary);
    padding: 0 0.75rem;
    line-height: 1.5rem;
    border-radius: 2rem;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
}
#showFilters .customFilter ul {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
#showFilters .customFilter li {
    
}
#showFilters .customFilter a {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    color: var(--black);
}
#showFilters .customFilter span {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 2rem;
    border: 2px solid var(--gray);
}
/*********************************** Product Grid **********************************/
#producGrid {
    background-color: var(--gray);
    padding: 1rem;
    display: flex;
    gap: 1rem;
    align-items: start;
}
#producGrid .grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    width: 80%;
    height: 100%;
}
#producGrid .woocommerce-pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0.5rem 0;
}
#producGrid .woocommerce-pagination ul {
    margin: 0;
    border: none;
    display: flex;
    gap: 0.5rem;
}
#producGrid .woocommerce-pagination ul li {
	float: none;
	border: none;
}
#producGrid .woocommerce-pagination ul li .page-numbers {
    background-color: var(--white);
    color: var(--black);
    border-radius: 2rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    border: 1px solid var(--graydark);
    transition: var(--transition);
}
#producGrid .woocommerce-pagination ul li .page-numbers:hover {
    background-color: var(--graydark);
}
#producGrid .woocommerce-pagination ul li .page-numbers.current {
    background-color: var(--primary) !important;
    color: var(--white);
}

@media only screen and (max-width: 75rem) {
    #showFilters {
        width: 25%;
    }
    #producGrid .grid {
        width: 75%;
    }
}
@media only screen and (max-width: 48rem) {
    #showFilters {
        max-height: 0rem;
        visibility: hidden;
        opacity: 0;
        width: 100%;
        transition: var(--transition);
    }
	#showFilters ul.wpfFilterVerScroll{
		max-height: none;
	}
    #showFiltersButton {
        display: flex;
		user-select: none;
    }
    #showFilters.showMobile {
        max-height: max-content;
        display: flex;
        margin: 0 0.75rem;
        width: 100%;
        visibility: visible;
        opacity: 1;
    }
    #producGrid {
        padding: 0.75rem 0;
        flex-wrap: wrap;
    }
    #producGrid .grid {
        justify-content: center;
        width: 100%;
        gap: 0.75rem;
    }
	#producGrid .woocommerce-pagination ul li .page-numbers{
		width: 1.5rem;
		height: 1.5rem;
	}
}
/*********************************** Product Grid Item **********************************/
.productItem {
    width: calc(20% - 1rem);
    border-radius: 0.5rem;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.productItem .prime-prices {
    margin: -.75rem .75rem .5rem auto;
    width: fit-content;
    background-color: var(--black);
    color: var(--white);
    padding: .25rem .5rem;
    border-radius: .25rem;
    font-size: .9rem;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    display: flex;
    opacity: 0;
    transition: opacity 0.3s ease;
	visibility: hidden;
}
.productItem:hover .prime-prices {
    opacity: 1;
	visibility: visible;
}
.productItem .prime-prices img{
	width: 3rem;
    margin-right: .5rem;
}
.productSlider.small ul li .productItem .prime-prices{
	display: none;
}
@media only screen and (max-width: 36rem) {
	.productItem .prime-prices{
		margin-top: .25rem;
	}
}
.productItem .evento-container{
    position: absolute;
    right: 0;
    top: 3rem;
    transform: rotate(-90deg);
    transform-origin: bottom right;
}
.productItem .evento-container p{
    margin: 0;
    color: var(--white);
    padding: 0.25rem 1rem;
    border-radius: .5rem .5rem 0 0;
}
.productItem .related-count-f{
	transition: var(--transition);
    background-color: var(--gray);
    border: 1px solid var(--graydark);
    padding: 0.25rem 1rem;
    border-radius: 2rem;
    font-size: 0.7rem;
    font-weight: 500;
    white-space: nowrap;
    margin: 0.5rem auto 0 auto;
	cursor: pointer;
}
.productItem:hover .related-count-f {
    background-color: var(--secondary);
	color: var(--white);
}
.productItem .link {
    color: var(--black);
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 3rem 1rem 0 1rem;
}
.productItem .link .thumbnail {
	width: 10rem;
	height: auto;
    max-width: 100%;
    transition: var(--transition);
}
.productItem:hover .thumbnail {
	transform: scale(1.025);
}
.productItem .link .name {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
}
.productItem .link .itm-var {
    transition: var(--transition);
    background-color: var(--gray);
    border: 1px solid var(--graydark);
    padding: 0.25rem 1rem;
    border-radius: 2rem;
    font-size: 0.7rem;
    font-weight: 500;
	white-space: nowrap;
}
.productItem:hover .link .itm-var {
	background-color: var(--secondary);
    color: var(--white);
}
/************Reposicionamiento de logo en grillas******************/
.home .wrapper .productItem .link .brand {
    display: flex;
    justify-content: left;
    align-items: center;
	position: absolute;
    top: 1rem;
    left: 1rem;
}
.grid .productItem .link .brand {
	width: 5.5rem;
    min-height: 1.5rem;
    display: flex;
    justify-content: start;
    align-items: center;
	position: absolute;
    top: 1rem;
    left: 1rem;
}
/***********************************/
.productItem .link .brand {
    width: 5.5rem;
    min-height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.productItem .link .brand img {
    filter: grayscale(1);
    max-width: min-content;
    transition: var(--transition);
}
.productItem:hover .brand img {
    filter: grayscale(0);
}
.productItem .link h4 {
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1rem;
    text-align: center;
}
.productItem .link .fixed {
    min-height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.productItem .linked-products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 0.5rem;
    padding: 0 1rem;
}
.productItem .linked-products li {
	padding: 0.125rem;
}
.productItem .linked-products li:last-child a{
	/*border: none;*/
}
.productItem .linked-products li a {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 2rem;
    border: 2px solid var(--gray);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary);
    font-weight: 600;
    font-size: 1rem;
}
.productItem .footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
}
.productItem .footer .badge {
    color: var(--white);
    background-color: var(--primary);
    font-size: 0.7rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: 0 0.75rem;
    border-radius: 0 1rem 1rem 0;
    transition: var(--transition);
    border: 1px solid #ea713452;
}
.productItem .footer .badge.pre {
    color: var(--primary);
    background-color: var(--primaryopacity);
}
.productItem .footer .badge.custom{
	text-transform: capitalize;
	background-color: var(--secondary);
	color: var(--white);
	border: 1px solid var(--secondary);
}
.productItem .footer .price {
    position: relative;
    color: var(--primary);
    font-size: 1.125rem;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    line-height: 1.5rem;
    padding-right: 0.75rem;
}
.productItem .footer .price b {
    font-size: 0.75rem;
    color: var(--black);
    line-height: 0.85rem;
    display: flex;
}
.productItem .viewMore {
    opacity: 0;
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
    background-color: var(--primaryopacity);
    padding: 0.25rem;
    border-radius: 0.5rem;
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(0);
    transition: var(--transition);
}
.productItem .viewMore svg {
    fill: var(--primary);
    transition: var(--transition);
}
.productItem:hover .viewMore {
    opacity: 1;
    transform: scale(1);
}
.productItem .viewMore:hover {
    background-color: var(--primary);
}
.productItem .viewMore:hover svg {
    fill: var(--white);
}
.productItem .techSpec {
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 0.75;
    width: 100%;
    border-radius: 0.55rem;
}
.productItem pre {
    display: flex;
    margin: 0;
    gap: 1rem;
    font-size: 0.7rem;
    width: 100%;
    justify-content: space-between;
    padding: 0.25rem 0.5rem;
    border-bottom: solid 0.1rem var(--graydark);
}
.productItem pre:last-of-type {
    border-bottom: none;
}
.productItem pre em {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-style: normal;
    font-family: var(--font), sans-serif;
}
.productItem pre em + em {
    font-weight: 600;
}
@media only screen and (max-width: 100rem) {
	.productItem {
        width: calc(25% - 1rem);
	}
}
@media only screen and (max-width: 75rem) {
	.productItem {
        width: calc(33.33% - 1rem);
	}
}
@media only screen and (max-width: 62rem) {
	.productItem .techSpec {
		display: none;
	}
}
@media only screen and (max-width: 48rem) {
	
}
@media only screen and (max-width: 36rem) {
	.productItem {
        width: calc(50% - 1rem);
	}
	.productItem .footer .price{
		font-size: 1rem;
	}
}

/*********************************** Categories **********************************/
#categories {
    padding: 0 0 1.5rem 0;
    background-color: var(--white);
}
#categories .content {
	display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}
#categories .content a {
    border-radius: 4rem;
    overflow: hidden;
    position: relative;
    flex: 0 15%;
    border: 2px solid var(--gray);
}
#categories .content .below {
    transition: var(--transition);
    opacity: 0;
}
#categories .content .fill {
    position: absolute;
    background-color: var(--white);
    transition: var(--transition);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
#categories .content .above {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 55%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
}
#categories .content .above img {
    width: 100%;
    transition: var(--transition);
}
#categories .content a:hover .below {
    opacity: 1;
}
#categories .content a:hover .fill {
    background-color: var(--blackopacity);
}
#categories .content a:hover .above img {
    filter: invert(1) brightness(128);
}
@media only screen and (max-width: 75rem) {
	#categories .content a {
		flex: 0 20%;
	}
}
@media only screen and (max-width: 48rem) {
	#categories .content a {
		flex: 0 30%;
		height: 3rem;
	}
}
@media only screen and (max-width: 36rem) {
	#categories .content a {
		flex: 0 45%;
	}
}
@media only screen and (max-width: 30rem) {
    #categories {
        padding: 1rem 0;
    }
	#categories .content {
        gap: 0.5rem;
	}
    #categories .content a {
        flex: 0 48%;
    }
}

/*********************************** Prizes **********************************/
#prizes {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 0;
    color: var(--white);
    overflow: hidden;
}
#prizes::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, rgb(229 100 26 / 75%) 0%, rgb(33 51 55 / 75%) 100%), 
                url('/wp-content/uploads/2023/10/bgb1.webp');
    background-size: cover;
    background-position: center;
    transform: translateZ(0);
    will-change: transform;
    z-index: -1;
}
#prizes .wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 68rem;
    position: relative;
}
#prizes .header {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#prizes .header h2 {
    font-size: 1.7rem;
    font-weight: 600;
}
#prizes .header p {
    text-align: center;
    font-size: 0.85rem;
    margin: 0;
}
#prizes .content {
    display: flex;
    gap: 1rem;
}
#prizes .slider-container li .peru {
  position: relative;
  background-color: var(--whiteopacity);
  backdrop-filter: blur(1.5rem);
  border-radius: 1.25rem;
  padding: 1.5rem;
  height: 100%;
}

#prizes .slider-container li .peru::before {
  content: "";
  position: absolute;
  top: 1rem; /* Para asegurar que la imagen respete el padding */
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  background-image: url('https://www.tiendakrear3d.com/wp-content/uploads/2025/03/image-macchupicchu.webp'); /* Reemplaza con la URL de tu imagen */
  background-size: cover;
  background-position: top;
  z-index: 2; /* Asegura que la imagen esté encima del contenido */
  border-radius: 1.25rem; /* Esto mantendrá la forma redondeada de la imagen */
	filter: brightness(0.8);
}

#prizes .slider-container li .peru .logo-peru{
	position: absolute;
    width: 8rem;
    right: 2.5rem;
    top: 2.5rem;
    z-index: 2;
}
#prizes .slider-nav{
	padding: 0;
}
#prizes .slider-nav.slider-nav-next{
	padding: 0;
}
#prizes .slider-nav::after {
    content: "";
    display: block;
    -webkit-mask: none !important;
    mask: none !important;
    background: transparent;
    background-image: url('https://www.tiendakrear3d.com/wp-content/uploads/2025/04/flecha-banner-x1.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(0deg);
	margin-left: .75rem;
}
#prizes .slider-nav.slider-nav-next::after {
    transform: rotate(180deg);
}

#prizes .slider-container li .peru .inf{
	position: absolute;
    z-index: 3;
    color: var(--white);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
#prizes .slider-container li .peru .inf p,
#prizes .slider-container li .peru .inf h1{
	margin: 0;
}
#prizes .slider-container li .peru .inf h1{
	font-size: 1.5rem;
}
#prizes .slider-container li .peru .inf p{
	font-size: 1rem;
}
#prizes .content .left {
	display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem 0.25rem 0.25rem 1.25rem;
    background-color: var(--whiteopacity);
    backdrop-filter: blur(1.5rem);
    width: 30%;
    overflow: hidden;
}
#prizes .content .right {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 70%;
}
#prizes .content .top {
    background-color: var(--whiteopacity);
    backdrop-filter: blur(1.5rem);
    text-align: justify;
    padding: 1.5rem;
    font-size: 0.85rem;
    gap: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0.25rem 1.25rem 0.25rem 0.25rem;
    height: 100%;
}
#prizes .content .top h2 {
    font-size: 1.125rem;
}
#prizes .content .top p {
    margin: 0;
    line-height: 1.125rem;
}
#prizes .content .bottom {
    display: flex;
    text-align: justify;
    font-size: 0.85rem;
    gap: 1rem;
    border-radius: 0.75rem;
}
#prizes .item {
    width: 50%;
    background-color: var(--whiteopacity);
    backdrop-filter: blur(1.5rem);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    border-radius: 0.25rem;
    justify-content: space-between;
    align-items: center;
}
#prizes .item:nth-child(2) {
    border-radius: 0.25rem 0.25rem 1.25rem 0.25rem;
}
#prizes .item img {
    border-radius: 0.25rem;
}
#prizes .item h2 {
    font-size: 0.8rem;
    text-align: center;
	margin-top: 0.5rem;
}
#prizes .item p {
    text-align: center;
    line-height: 1.125rem;
    padding: 0;
    margin: 0;
	font-size: 0.75rem;
}
#prizes .responsive {
    display: none;
    text-align: justify;
    font-size: 0.85rem;
    gap: 1rem;
    border-radius: 0.75rem;
}
@media only screen and (max-width: 75rem) { /* 1200px */
	#prizes ul.slider-container{
		margin: 0 var(--swiffy-slider-nav-outside-size);
	}
	#prizes .slider-nav{
		 margin-left: -.5rem;
	}
	#prizes .slider-nav.slider-nav-next{
		margin-right: -.5rem;
	}
}
@media only screen and (max-width: 62rem) {
	#prizes .wrapper ul.slider-container{
		margin: 0;
	}
	#prizes .wrapper .swiffy-slider .slider-nav::after, 
	#prizes .wrapper .swiffy-slider .slider-nav::before{
		padding: .5rem;
		width: 3rem;
		height: 3rem;
	}
	#prizes .wrapper .slider-nav-round .slider-nav::after, 
	#prizes .wrapper .slider-nav-square .slider-nav::after{
		width: 2rem;
		height: 2rem;
		margin: .5rem;
	}
	#prizes .slider-nav{
		display: none;
	}
}
@media only screen and (max-width: 48rem) {
    #prizes .wrapper {
        gap: 1rem;
    }
    #prizes .content .bottom {
        display: none;
    }
	#prizes .content{
		margin-bottom: 1rem;
	} 
    #prizes .responsive {
        display: flex;
    }
    #prizes .content .left {
        border-radius: 1.25rem 0.25rem 0.25rem 0.25rem;
    }
    #prizes .content .left img {
        width: 75%;
    }
    #prizes .item:nth-child(2) {
        border-radius: 0.25rem 0.25rem 1.25rem 1.25rem;
    }

	#prizes .slider-container li .peru .logo-peru{
		width: 6rem;
		right: 50%;
        transform: translateX(50%);
	}
	#prizes .slider-container li .peru .inf{
		width: 80%;
    	padding: 0 2rem;
	}
}
@media only screen and (max-width: 36rem) {
    #prizes .responsive {
        flex-direction: column;
    }
    #prizes .item {
        width: 100%;
    }
    #prizes .item img {
        max-width: 75%;
    }
}
@media only screen and (max-width: 30rem) {
    #prizes .content {
        flex-direction: column;
    }
    #prizes .content .right {
        width: 100%;
    }
    #prizes .content .top {
        border-radius: 0.25rem;
    }
    #prizes .content .left {
        border-radius: 1.25rem 1.25rem 0.25rem 0.25rem;
        width: 100%;
    }
    #prizes .content .left img {
        width: 30%;
        margin-top: 1rem;
    }
}
/*********************************** Prizes **********************************/
#mobileMenu {
    position: fixed;
    z-index: 99999;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transition: var(--transition);
    transform: translateX(110%);
    overflow-y: auto;
    background-color: #eeeeeeb8;
    backdrop-filter: blur(1.5rem);
	-webkit-backdrop-filter: blur(1.5rem); 
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
	padding-bottom: 5rem;
}
/* Estilo específico para Safari */
@supports (-webkit-touch-callout: none) {
    #mobileMenu {
        gap: 1rem; /* Gap diferente para Safari */
    }
}
#mobileMenu::-webkit-scrollbar {
    display: none;
}
#mobileMenu .logo {
    background-color: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
}
#mobileMenu .menu-menu-principal-container{
	margin: auto;
}
#mobileMenu .menu {  
    display: flex;
    align-items: center;
    flex-wrap: wrap;
	padding: 0 1rem;
	justify-content: space-evenly;
}
#mobileMenu .menu a {
 	color: var(--black);
    padding: 0.75rem 2rem;
    display: block;
    transition: var(--transition);
    border-radius: 2rem;
    line-height: 1rem;
    font-size: 0.8rem;
    font-weight: 600;
    border: 1px solid var(--graymenu1);
    text-align: center;
    justify-content: center;
    display: flex;
    white-space: nowrap;
}
#mobileMenu .links {
    display: flex;
    background-color: var(--secondary);
    flex-wrap: wrap;
	padding: 1rem 0;
}
#mobileMenu .links a {
	color: var(--white);
    font-weight: 500;
    display: flex;
    align-items: center;
    text-align: left;
    gap: 0.5rem;
    background-color: var(--secondary);
    padding: 0.5rem 1rem;
    width: 100%;
	font-size: 0.8rem;
	justify-content: center;
}
#mobileMenu .links a:nth-child(1){
	border-right: 0.1rem solid white;
}
#mobileMenu .links a:nth-child(1),
#mobileMenu .links a:nth-child(2){
	width: 50%;
}
#mobileMenu .links a:nth-child(3){
	display: none;
}
#mobileMenu .links a svg {
    fill: var(--white);
    min-width: 1rem;
}
#mobileMenu .menu-item{
    width: 40%;
	margin-bottom: 1rem;
}
#mobileMenu .menu-item:last-child,
#mobileMenu .menu-item:nth-last-child(2){
	margin-bottom: 0;
}
#mobileMenu .current-menu-item a {
	background-color: var(--primary);
    color: var(--white);
	border: 1px solid var(--primary);
}
#mobileMenu .current-product-ancestor a {
    background-color: var(--secondary);
	color: var(--white);
}
#mobileMenu .current-product_cat-ancestor a {
    background-color: var(--primary);
    color: var(--white);
	border: 1px solid var(--primary);
}
@media only screen and (max-width: 48rem) {
    #mobileMenu.open {
        transform: translateX(0);
    }
}
#wpadminbar {
	position: fixed;
}
@media only screen and (max-width: 416px) {
	#mobileMenu .menu a{
		font-size: 0.65rem;
	}
}
/*********************************** ProductSlider **********************************/
.productSlider {
    padding: 2rem 0;
    background-color: var(--gray);
}
.productSlider .wrapper {
    display: flex;
    flex-direction: column;
	gap: 1rem;
}
.productSlider .wrapper ul.slider-container{
	border-radius: 0.5rem;
}
.productSlider h3 {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin: 0;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.productSlider h3 svg {
    display: none;
    fill: var(--primary);
}
.productSlider .productItem {
    width: 100% !important;
}
.productSlider .productItem .link {
    gap: 1rem;
}
.productSlider .productItem .techSpec {
	display: none;
}
.productSlider .swiffy-slider li {
	display: flex;
    align-items: stretch;
}
.productSlider .swiffy-slider li .productItem .evento-container{
	display: none;
}
.productSlider .swiffy-slider .navigation {
    position: absolute;
    right: 0rem;
    top: -2.875rem;
    display: flex;
    gap: 0.75rem;
}
.productSlider .swiffy-slider .slider-nav {
    position: static;
    margin: 0;
    opacity: 1;
    background-color: var(--primary);
    height: 2rem;
    width: 2rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2rem;
    filter: none;
    transition: var(--transition);
}
.productSlider .swiffy-slider .slider-nav svg {
    fill: var(--white);
    transform: rotate(180deg);
}
.productSlider .swiffy-slider .slider-nav.slider-nav-next svg {
    transform: rotate(0deg);
}
.productSlider .slider-item-last-visible .slider-nav-next,
.productSlider .slider-item-first-visible .slider-nav-prev {
    visibility: visible !important;
    background-color: var(--white);
}
.productSlider .slider-item-last-visible .slider-nav-next svg,
.productSlider .slider-item-first-visible .slider-nav-prev svg {
    fill: var(--black);
}
.productSlider .swiffy-slider .slider-nav::after,
.productSlider .swiffy-slider .slider-nav::before {
    content: none;
}
@media only screen and (max-width: 75rem) {
	.slider-item-show6 {
    	--swiffy-slider-item-count: 4 !important;
	}
}
@media only screen and (max-width: 30rem) {
    .productSlider .swiffy-slider .navigation {
        gap: 0.5rem;
    }
}
/*********************************** Product Grid Small **********************************/
.productSlider.small {
    box-shadow: none;
    background-color: var(--white);
    padding-top: 0;
    padding-bottom: 1.5rem;
}
.productSlider.small ul.slider-container{
	border-radius: 0.5rem;
}
.productSlider.small .productItem {
    background-color: var(--gray);
    padding: 1rem;
    width: 100%;
}
.productSlider.small .productItem .related-count-f{
	display: none;
}
.productSlider.small .productItem .link {
    flex-direction: row;
    justify-content: space-around;
    filter: brightness(0.945);
    padding: 0;
}
.productSlider.small .productItem .link .fixed {
    height: initial;
	min-height: 2rem;
}
.productSlider.small .productItem .thumbnail {
    width: 5rem;
}
.productSlider.small .productItem .link .itm-var {
	display: none;
}
.productSlider.small .productItem .footer {
    display: none;
}
.productSlider.small .productItem .viewMore {
    display: none;
}
.productSlider.small .slider-item-last-visible .slider-nav-next,
.productSlider.small .slider-item-first-visible .slider-nav-prev {
    background-color: var(--gray);
}
.productSlider.small .productItem .linked-products {
    display: none;
}
@media only screen and (max-width: 100rem) {
	.productSlider.small .slider-item-show2-sm {
		--swiffy-slider-item-count: 3;
    }
}
@media only screen and (max-width: 62rem) {
	.productSlider.small .slider-item-show2-sm {
        --swiffy-slider-item-count: 2;
    }
}
@media only screen and (max-width: 48rem) {
	.productSlider.small .slider-item-show2-sm {
        --swiffy-slider-item-count: 1;
    }
}
/*********************************** bottomBar **********************************/

#bottomBar {
    position: fixed;
    z-index: 999999;
    bottom: 0;
    background-color: #eeeeeeb8;
    backdrop-filter: blur(1.5rem);
    left: 0;
    right: 0;
    font-size: 1rem;
    align-items: center;
    box-shadow: 0 0 2rem #00000036;
    display: none;
    height: 4rem;
    transition: var(--transition);
}
#bottomBar.open {
    background-color: var(--white);
}
#openMenu,
#openMenu svg {
    transition: var(--transition);
}
#openMenu.open {
    color: var(--primary);
}
#openMenu.open svg {
    fill: var(--primary);
}
#openMenu,
#bottomBar a {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black);
    flex-direction: column;
    font-size: 0.8rem;
    font-weight: 500;
    gap: 0.25rem;
    flex: 1;
	height: 100%;
}
#bottomBar a .cart {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
}
#cart-count-mobile {
    transition: var(--transition);
    transform: scale(1);
    min-width: 0;
    height: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    font-size: 1rem;
}
#cart-count-mobile.change {
    transform: scale(1.25);
    color: var(--white);
    background-color: var(--primary);
    padding: 0 0.25rem;
    min-width: 1.5rem;
    font-size: 0.85rem;
}
@media only screen and (max-width: 48rem) {
    #bottomBar {
        display: flex;
    }
}
/*********************************** imageSlider **********************************/
.imageSlider {
    text-align: center;
    background-color: var(--white);
    padding-bottom: 3rem;
    padding-top: 2rem;
}
.imageSlider .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
}
.imageSlider h3 {
    font-size: 1.125rem;
    font-weight: 600;
    width: 100%;
    text-align: left;
}
.imageSlider p {
    display: none;
}
.imageSlider .swiffy-slider li {
    display: flex;
    align-items: center;
    justify-content: center;
}
.imageSlider .swiffy-slider li img {
    max-height: 2rem;
    width: auto;
    filter: grayscale(1) brightness(0.945);
    transition: var(--transition);
}
.imageSlider .swiffy-slider li img:hover {
    filter: grayscale(0) brightness(1);
}
@media only screen and (max-width: 62rem) {
 
}
/*********************************** seoSection **********************************/
#seoSection {
	padding-top: 2rem;
    padding-bottom: 1.5rem;
    background-color: var(--gray);
}
#seoSection .seoCard {
    background-color: var(--white);
    padding: 3rem 5rem;
    border-radius: 0.75rem;
    box-shadow: 0 0 0.25rem var(--graydark);
    transition: all 100ms linear;
    max-height: 16rem;
    overflow: hidden;
    text-align: justify;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#seoSection .seoCard.open {
	max-height: initial;
}
#seoSection .seoCard h1 {
    text-align: center;
    font-size: 1rem;
}
#seoSection .seoCard p {
    margin: 0;
    line-height: 1.2rem;
}
#seoSection .seoCard p a {
    color: var(--black);
	text-decoration: underline;
}
#seoSection .seoExtend {
    box-shadow: 0 -1.25rem 2.5rem 2.5rem var(--gray);
    background-color: var(--gray);
    position: relative;
    display: flex;
    justify-content: center;
}
#seoSection .seoExtend span {
    cursor: pointer;
    font-weight: 500;
    background-color: var(--secondary);
    padding: 0.5rem 1rem;
    border-radius: 3rem;
    color: var(--white);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
#seoSection .seoExtend span p {
    margin: 0;
}
#seoSection .seoExtend svg {
    fill: var(--white);
    transition: var(--transition);
    transform: rotate(90deg);
}
#seoSection .seoCard.open + .seoExtend {
	box-shadow: none;
	margin-top: 1rem;
	background-color: transparent;
}
#seoSection .seoCard.open + .seoExtend svg {
	transform: rotate(270deg);
}
#seoSection .rff-tbl {
	display: flex;
	justify-content: center;
	margin-top: 2rem;
}
#seoSection .rff-tbl th {
	text-align: center;
}
#seoSection .rff-tbl table,
#seoSection .rff-tbl th,
#seoSection .rff-tbl td {
	border: 1px solid;
	padding: 1rem;
	border-collapse: collapse;
}
@media only screen and (max-width: 48rem) {
    #seoSection .seoCard {
        padding: 2rem;
    }
}
@media only screen and (max-width: 30rem) {
    #seoSection {
        padding: 2rem 0;
    }
}
/*********************************** toTop **********************************/
#leslie {
    position: fixed;
    bottom: 4.5rem;
    left: 0rem;
    z-index: 2;
    cursor: pointer;
    transition: var(--transition);
    transform: translateX(-3.25rem);
    background-color: var(--primary);
    border-radius: 0 2rem 2rem 0;
    padding: 1rem;
    display: flex;
}
#leslie svg {
    fill: var(--white);
    transform: rotate(270deg);
}
#leslie.show {
    transform: translateX(0);
}
/*********************************** Brand Selector **********************************/
#brandSelector {
    background-color: var(--white);
    padding: 2rem 0;
}
#brandSelector .wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#brandSelector .header {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 0.25rem;
    text-align: center;
}
#brandSelector h3 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.5rem;
    margin: 0;
}
#brandSelector h3 span {
    color: var(--primary);
}
#brandSelector p {
    margin: 0;
}
#brandSelector .content {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}
#brandSelector a {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--primary);
    background-color: var(--primaryopacity);
    border-radius: 4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}
#brandSelector a:hover {
	transform: scale(0.9);
}
@media only screen and (max-width: 48rem) {
    #brandSelector a {
        width: 2.5rem;
        height: 2.5rem;
    }
}
/*********************************** All Brands **********************************/
#allBrands {
	padding: 2rem 0;
	background-color: var(--gray);
	background-image: url(/wp-content/uploads/2023/10/whirlpool.png);
}
#allBrands .wrapper {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	max-width: 75rem;
}
#allBrands .letterBlock {
    display: flex;
    background-color: var(--white);
    align-items: center;
    border-radius: 0.75rem;
    gap: 0.75rem;
    box-shadow: 0 0 0.25rem var(--graydark);
}
#allBrands .letterBlock span {
    font-size: 1.25rem;
    background-color: var(--primary);
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 2rem 2rem 0;
    height: 3rem;
    width: 3rem;
}
#allBrands .letterBlock .content {
    display: flex;
    justify-content: space-evenly;
    width: calc(100% - 7.5rem);
    gap: 0.75rem;
    flex-wrap: wrap;
}
#allBrands .letterBlock .content a {
    padding: 1rem;
    display: flex;
    min-height: 4rem;
    width: 10rem;
    align-items: center;
    justify-content: center;
}
#allBrands .letterBlock .content img {
    filter: saturate(0);
    transition: var(--transition);
    max-width: min-content;
}
#allBrands .letterBlock .content a:hover img {
	transform: scale(0.95);
	filter: saturate(1);
}
@media only screen and (max-width: 26rem) {
	#allBrands .letterBlock .content a{
		min-height: 4rem;
    	width: 6rem;
		padding: 0.5rem
	}
}
/*********************************** TAXONOMIES  **********************************/ 
#taxonomySelector {
    background-color: var(--gray);
    padding: 1.5rem 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-bottom: 0.5rem;
	max-width: 100rem;
    margin: auto;
}
#taxonomySelector h3 {
    line-height: 1.5rem;
    text-align: left;
    font-size: 1rem;
}
#taxonomySelector .wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: start;
    padding: 0;
}
#taxonomySelector a {
    display: flex;
    align-items: center;
    transition: var(--transition);
    gap: 0.5rem;
    background-color: var(--white);
    border: 1px solid var(--graydark);
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    color: var(--black);
    font-weight: 600;
    font-size: 0.7rem;
}
#taxonomySelector a svg {
    display: none;
    transition: var(--transition);
    filter: grayscale(1) brightness(0);
}
#taxonomySelector a:hover {
    color: var(--primary);
    background-color: var(--primaryopacity);
    border: 1px solid var(--primary);
}
#taxonomySelector a:hover svg {
    filter: grayscale(0) brightness(1);
}
#taxonomySelector .letter {
   
}
@media only screen and (max-width: 75rem) {
	#taxonomySelector .wrapper {
		gap: 1rem;
	}
}
@media only screen and (max-width: 48rem) {
    #taxonomySelector {
        padding: 1rem;
        gap: 0.5rem;
    }
    #taxonomySelector h3 {
        text-align: left;
        font-size: 0.85rem;
    }
	#taxonomySelector .wrapper {
		flex-direction: row;
        height: auto;
		gap: 0.75rem;
		justify-content: space-evenly;
	}
}
/*********************************** Footer **********************************/
footer {
	color: var(--white);
    background-color: var(--black);
	z-index: 0;
	position: relative;
}
footer .activ{
	display: flex;
    width: 100%;
    background-color: var(--gray);
	align-items: center;
    justify-content: center;
}
footer .activ .c{
	background-color: var(--secondary);
	padding: .5rem 4rem 0;
    width: 9.5rem;
    border-radius: 2rem 2rem 0 0;
	cursor: pointer;
}
footer .top {
	height: 6rem;
	padding: 2rem 0;
    position: relative;
	background-color: var(--secondary);
	transition: height 0.4s ease;
	overflow: hidden;
}
footer .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2rem;
    padding: 0 3rem;
}
footer .item .logo {
    fill: var(--white);
}
footer .item b {
    min-height: 2rem;
    display: flex;
    align-items: center;
}
footer .item {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
footer .item.peru img{
	width: 5rem;
}
footer .item.peru p{
	margin: 0;
	visibility: hidden;
  	opacity: 0;
}
footer .item ul {
    line-height: 1.5rem;
	visibility: hidden;
  	opacity: 0;
	transition: opacity 0.4s ease, visibility 0.4s ease;
}
footer .item ul a {
    opacity: 0.75;
    transition: var(--transition);
    color: var(--white);
    display: flex;
    align-items: center;
    gap: 0.25rem;
	text-decoration: none;
}
footer .item ul .ac-s br{
	display: none;
}
footer .item ul .med-pag{
	width: 9rem;
    background-color: var(--white);
    border-radius: 2rem;
    padding: 0.5rem;
}
footer .item ul a .libro {
    width: 8rem;
    padding: 0.25rem 1.5rem;
    background-color: var(--white);
    border-radius: 2rem;
}
footer .item ul a svg {
    fill: var(--white);
}
footer .item ul p {
	opacity: 0.75;
	margin: 0;
    color: var(--white);
}
footer .item ul li a:hover {
    opacity: 1;
}
footer .item .ftr-pay {
    padding: 0.5rem 1rem;
    background-color: var(--white);
    border-radius: 3rem;
	display: inline-block;
}
footer .item .ftr-bok img {
	display: block;
    width: 8rem;
    margin: 0;
    padding: 0.5rem 1.5rem;
    background-color: var(--white);
    border-radius: 3rem;
}
footer .item .ftr-dot {
    display: flex;
    gap: 0.5rem;
    padding: 1rem 0;
}
footer .item .ftr-dot a {
    padding: 0 0.25rem;
    display: block;
}
footer .ftr-bot {
	padding: 2rem 0;
}
footer .ftr-bot .wrapper {
	align-items: center;
}
footer .ftr-bot ul {
    padding: 0;
    margin: 0;
    list-style: none;
	display: flex;
    gap: 2rem;
}
footer .ftr-bot ul li a {
    transition: var(--transition);
    color: var(--white);
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-direction: row-reverse;
}
footer .ftr-bot ul li a:hover {
	opacity: 0.75;
}
footer .ftr-cpy {
    text-align: right;
    opacity: 0.75;
    line-height: 1.125rem;
	text-decoration: none;
}
footer .item:nth-child(4) ul li a br{
	display: none;
}
@media only screen and (max-width: 75rem) {
    footer .ftr-bot .wrapper {
        justify-content: center;
    }
}
@media only screen and (max-width: 48rem) {
    footer {
        padding-bottom: 4rem;
    }
    footer .top {
        padding: 2rem 0;
    }
    footer .item {
        width: 100%;
        gap: 0.25rem;
        align-items: center;
        text-align: center;
	}
	footer .item.peru{
		gap: 1rem;
	}
    footer .item ul a {
        justify-content: center;
    }
    footer .ftr-bot ul li a {
        text-align: center;
        justify-content: center;
    }
	footer .item ul .med-pag{
		width: 14rem;
	}
}
@media only screen and (max-width: 36rem) {
    footer .ftr-bot ul {
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
    }
    footer .ftr-cpy {
		margin-top: 1rem;
        text-align: center;
    }
	footer .wrapper{
		gap: 0;
		padding: 0 1rem;
	}
	footer .item{
		margin-bottom: 1rem;
	}
	footer .item:nth-child(1){
		order: 1;
	}
	footer .item:nth-child(2){
		order: 2;
	}
	footer .item:nth-child(3){
		order: 3;
	}
	footer .item:nth-child(4){
		order: 4;
	}
	footer .item:nth-child(5){
		order: 5;
	}
	footer .item:nth-child(6){
		order: 6;
	}
	footer .item:nth-child(7){
		order: 7;
	}
	footer .item:nth-child(8){
		order: 8;
	}
	footer .item:nth-child(1),
	footer .item:nth-child(2),
	footer .item:nth-child(3),
	footer .item:nth-child(4),
	footer .item:nth-child(5),
	footer .item:nth-child(6),
	footer .item:nth-child(7),
	footer .item:nth-child(8){
		width: 50%;
	}
	footer .item:nth-child(4) ul li{
		width: 9rem;
	}
	footer .item ul .ac-s br{
		display: flex;	
	}
	footer .item.peru img{
		width: 4.5rem;
	}
}
/********************************** shoppingCartEmpty ******************************/
#shoppingCartEmpty{
	display: flex;
	background-image: url('https://tiendakrear3d.com/wp-content/uploads/2024/06/whirlpool.webp');
	padding-bottom: 4rem;
	border-top: 0.2rem solid var(--primary);
}
#shoppingCartEmpty .wrapper{
	padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
#shoppingCartEmpty .wrapper .woocommerce-notices-wrapper div{
	margin: 0;
    background-color: var(--secondary);
    color: var(--white);
    border: none;
    border-radius: 0.5rem;
}
#shoppingCartEmpty .wrapper .woocommerce-notices-wrapper div a{
	color: var(--primary);
}
#shoppingCartEmpty .wrapper .crt-ttl{
	display: flex;
    justify-content: center;
	margin-bottom: 2rem;
}
#shoppingCartEmpty .wrapper .crt-ttl h3{
	background-color: var(--primary);
    border-radius: 0 0 0.5rem 0.5rem;
    color: white;
    padding: 1rem 2rem;
    text-transform: uppercase;
    font-size: 1rem;
}
#shoppingCartEmpty .wrapper .wc-empty-cart-message{
	display: none;
}
#shoppingCartEmpty .wrapper .cont-img {
    position: relative;
	width: fit-content;
	padding: 2rem;
}
#shoppingCartEmpty .wrapper .cont-img::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20%;
    background-color: var(--primary);
    border-radius: 50%;
    opacity: 0.25;
    z-index: 1;
    margin-top: 13.2rem;
}
#shoppingCartEmpty .wrapper .cont-img img {
    width: 15rem;
    position: relative;
    z-index: 2;
}
#shoppingCartEmpty .wrapper .emp-bck{
	background-color: var(--primary);
	color: var(--white);
	padding: 0.5rem 2rem;
	text-transform: uppercase;
	font-size: 1rem;
	border-radius: 2rem;
}
#shoppingCartEmpty .wrapper .emp-txt{
	margin-bottom: 1rem;
	font-size: 0.9rem;
    font-weight: 600;
	text-align: center;
}
#shoppingCartEmpty .wrapper .emp-bck:hover{
	opacity: 0.75;
}
@media only screen and (max-width: 48rem) {
	#shoppingCartEmpty .wrapper{
		padding: 0 1rem;
	}
}
@media only screen and (max-width: 36rem) {
	#shoppingCartEmpty{
		padding-bottom: 3rem;
	}
	#shoppingCartEmpty .wrapper .cont-img::before{
		height: 18%;
		margin-top: 10.2rem;
	}
	#shoppingCartEmpty .wrapper .cont-img img{
		width: 11rem;
	}
	#shoppingCartEmpty .wrapper .emp-txt{
		padding: 0 1rem;
	}
}
/*********************************** shoppingCart **********************************/
#shoppingCart{
	display: flex;
	background-image: url('https://tiendakrear3d.com/wp-content/uploads/2024/06/whirlpool.webp');
	padding-bottom: 2rem;
	border-top: 0.2rem solid var(--primary);
}
#shoppingCart .woocommerce-notices-wrapper .woocommerce-message{
	position: fixed;
    bottom: 1rem;
    z-index: 1;
    background-color: var(--secondary);
    border: none;
    width: auto;
    margin: 0;
    color: var(--white);
    border-radius: 0.5rem;
    box-shadow: 0 0 0.25rem var(--graydark);
	padding: 0.5rem 0 0.5rem 1rem;
    display: flex;
    gap: 1rem;
	text-align: center;
}
#shoppingCart .woocommerce-notices-wrapper .woocommerce-message::before{
	display: none;
}
#shoppingCart .woocommerce-notices-wrapper .woocommerce-message a{
	background-color: transparent;
    color: var(--primary);
	padding: 0;
	font-weight: 600;
	display: flex;
    align-items: center;
}
#shoppingCart .woocommerce-notices-wrapper .woocommerce-error{
	position: fixed;
    bottom: 1rem;
    z-index: 1;
    background-color: var(--secondary);
    border: none;
    width: auto;
    margin: 0;
    color: var(--white);
    border-radius: 0.5rem;
    box-shadow: 0 0 0.25rem var(--graydark);
	padding: 0.5rem 0 0.5rem 1rem;
    display: flex;
    gap: 1rem;
	text-align: center;
}
#shoppingCart .woocommerce-notices-wrapper .woocommerce-error::before{
	display: none;
}
#shoppingCart .crt-ttl{
	display: flex;
    justify-content: center;
	margin-bottom: 2rem;
}
#shoppingCart .crt-ttl h3{
	background-color: var(--primary);
    border-radius: 0 0 0.5rem 0.5rem;
    color: white;
    padding: 1rem 2rem;
    text-transform: uppercase;
    font-size: 1rem;
}
#shoppingCart .wrapper{
	position: relative;
	min-height: 55rem;
}
#shoppingCart .wrapper .crt-frm{
	padding: 1rem 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 0.25rem var(--graydark);
    background-color: var(--white);
    width: 50%;
	margin-bottom: 2rem;
}
#shoppingCart .wrapper .crt-frm table{
	width: 100%
}
#shoppingCart .wrapper .crt-frm table thead tr th{
	color: var(--primary);
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
	padding: 1rem 0;
}
#shoppingCart .wrapper .crt-frm table tbody tr td{
	border-top: 0.1rem solid var(--graydark);
	padding: 1rem 0;
	text-align: center;
	font-size: 0.8rem;
}
#shoppingCart .wrapper .crt-frm table tbody tr td .coupon{
	display: flex;
}
#shoppingCart .wrapper .crt-frm table tbody tr td .coupon input{
	border: none;
    box-shadow: 0 0 0.25rem var(--graydark);
    border-radius: 0.25rem;
    margin-right: 1rem;
    padding: 0 0.5rem;
}
#shoppingCart .wrapper .crt-frm table tbody tr td .coupon input:focus{
	border: none;
	outline: none;
}
#shoppingCart .wrapper .crt-frm table tbody tr td .coupon button{
    color: var(--white);
    background-color: var(--primary);
    border-radius: 0.25rem;
}
#shoppingCart .wrapper .crt-frm table tbody tr:last-child td button[name="update_cart"]{
	display: flex;
    background-color: transparent;
	padding: 0;
	margin-left: auto;
	margin-top: -1.5rem;
}
#shoppingCart .wrapper .crt-frm table tbody tr:last-child td button[name="update_cart"] img{
	width: 1.3rem;
}
#shoppingCart .wrapper .crt-frm table tr td a,
#shoppingCart .wrapper .crt-frm table tr td.product-name{
	color: var(--black);
	font-weight: bold;
}
#shoppingCart .wrapper .crt-frm table tr td.product-thumbnail img{
	width: 4.5rem;
}
#shoppingCart .wrapper .crt-frm table .product-quantity .quantity img{
	width: 1rem;
	margin: 0;
	cursor: pointer;
}
#shoppingCart .wrapper .crt-frm table .product-quantity .quantity input{
	border: none;
    border-radius: 0.25rem;
	width: 2rem;
}
#shoppingCart .wrapper .crt-frm table .product-quantity .quantity input:focus{
	border: none;
	outline: none;
}
#shoppingCart .wrapper .crt-frm table .product-quantity .quantity input[type="number"]::-webkit-outer-spin-button,
#shoppingCart .wrapper .crt-frm table .product-quantity .quantity input[type="number"]::-webkit-inner-spin-button{
	-webkit-appearance: none;
    margin: 0;
}
#shoppingCart .wrapper .crt-frm table .product-quantity .quantity .custom-number-input{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3rem;
    border: 0.1rem solid var(--primary);
    padding: 0.5rem 0;
    width: 6rem;
    margin: auto;
}
#shoppingCart .wrapper .crt-frm table .product-remove a{
	margin-left: auto;
    width: 1.5rem;
    height: 1.5rem;
}
#shoppingCart .wrapper .crt-frm table .product-remove a:hover{
	background-color: white;
}
#shoppingCart .wrapper .crt-frm table .product-remove a img:hover{
    filter: brightness(0.6) hue-rotate(210deg) saturate(0.2);
}
#shoppingCart .wrapper .cart-collaterals .cart_totals{
	position: absolute;
    top: 5.5rem;
    right: 1rem;
    background-color: white;
    padding: 1rem;
    border-radius: 0.5rem;
	width: 47%;
}
#shoppingCart .wrapper .cart-collaterals .cart_totals h2{
	text-align: center;
    margin: 1rem 0;
	font-size: 1.2rem;
}
#shoppingCart .wrapper .cart-collaterals .cart_totals table{
	border: none;
	font-size: 0.8rem;
}
#shoppingCart .wrapper .cart-collaterals .cart_totals table th{
	padding: 1rem 0;
	color: var(--primary);
	text-transform: uppercase;
	width: 7rem;
	vertical-align: top;
}
#shoppingCart .wrapper .cart-collaterals .cart_totals table td{
	padding: 1rem 0;
	background-color: white;
}
#shoppingCart .wrapper .cart-collaterals .cart_totals table td .woocommerce-shipping-destination{
	display: none;
}
#shoppingCart .wrapper .cart-collaterals .cart_totals table tr .woocommerce-shipping-methods p{
	margin: 0;
    opacity: 0.75;
	padding-right: 1rem;
	display: none;
}
#shoppingCart .wrapper .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals ul li label{
	font-weight: normal;
}
#shoppingCart .wrapper .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p:nth-child(1){
	padding: 0;
    margin: 0;
}
#shoppingCart .wrapper .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-form p:nth-child(5) button{
	background-color: var(--primary);
    color: var(--white);
    border-radius: 0.25rem;
}
#shoppingCart .wrapper .cart-collaterals .cart_totals table tr.woocommerce-shipping-totals .woocommerce-shipping-calculator .shipping-calculator-button{
	color: var(--primary);
}
#shoppingCart .wrapper .cart-collaterals .cart_totals .wc-proceed-to-checkout{
	padding: 0;
}
#shoppingCart .wrapper .cart-collaterals .cart_totals .wc-proceed-to-checkout a{
	margin: 1rem auto;
    background-color: var(--primary);
    border-radius: 2rem;
    width: 70%;
}
#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld{
	width: 50%
}
#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld h2{
	text-align: center;
	margin-bottom: 1rem;
}
#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld h2 span{
	font-size: 1.2rem; 
	color: var(--primary);
	text-transform: uppercase;
}
#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld .slider-container{
	display: flex;
	grid-gap: 0;
}
#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld ul{
	border-radius: 0.5rem;
}
#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld .slider-container li{
    flex: 0 0 49%;
    margin: 0;
    margin-right: 2%;
}
#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld .slider-container li .productItem{
    width: 100%;
}
#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld .slider-container li div a h4{
	height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld .slider-nav-dark .slider-nav::before{
	background-color: var(--secondary);
    border-radius: 3rem;
}
#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld .slider-nav-dark .slider-nav{
	filter: none;
}

@media only screen and (max-width: 100rem) {
	#shoppingCart .wrapper{
		min-height: 62rem;
	}
	#shoppingCart .wrapper .crt-frm table .product-quantity .quantity .custom-number-input{
    	width: 4.5rem;
	}
	#shoppingCart .wrapper .crt-frm table .product-quantity .quantity input{
		width: 1.8rem;
	}
	#shoppingCart .wrapper .crt-frm table .product-quantity .quantity img{
		width: .9rem;
	}
}
@media only screen and (max-width: 75rem) {
	#shoppingCart .wrapper{
		padding: 0 1rem;
		min-height: 69rem;
	}
	#shoppingCart .wrapper .crt-frm table .product-quantity .quantity .custom-number-input{
		width: 4rem;
	}
	#shoppingCart .wrapper .crt-frm table .product-quantity .quantity img {
        width: .7rem;
    }
	#shoppingCart .wrapper .cart-collaterals .cart_totals table th{
		width: 6rem;
	}
	#shoppingCart .wrapper .cart-collaterals .cart_totals table tr td::before{
		color: var(--primary);
	}
}
@media only screen and (max-width: 62rem) {
	#shoppingCart .wrapper{
		height: auto;
	}
	#shoppingCart .wrapper .crt-frm{
		width: 100%;
	}
	#shoppingCart .wrapper .crt-frm table .product-quantity .quantity .custom-number-input{
		width: 90%;
	}
	#shoppingCart .wrapper .crt-frm table .product-quantity .quantity img {
		margin: auto;
	}
	#shoppingCart .wrapper .cart-collaterals{
		display: flex;
		margin-bottom: 2rem;
	}
	#shoppingCart .wrapper .cart-collaterals .cart_totals{
		position: static;
		width: 60%;
	}
	#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld{
		margin-right: 1rem;
		height: 27rem;
        background-color: white;
        border-radius: 0.5rem;
        padding: 1rem;
        width: 40%;
	}
	#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld h2 span{
		font-size: 1rem;
	}
	#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld ul{
		margin: 0;
	}
	#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld .slider-container li{
		flex: 0 0 100%;
		padding: 0.5rem;
		margin-right: 0;
	}
	#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld .slider-container li .productItem{
		border-radius: 0.5rem;
		box-shadow: 0 0 0.25rem var(--graydark);
		background-color: var(--white);
	}
	#shoppingCart .wrapper .cart-collaterals .cart_totals table tr .woocommerce-shipping-methods p{
		padding-right: 0;
	}
}
@media only screen and (max-width: 48rem) {
	#shoppingCart .woocommerce-notices-wrapper .woocommerce-message{
		bottom: 4.5rem;
		margin: 0 4rem 0 0;
	}
	#shoppingCart .woocommerce-notices-wrapper .woocommerce-error{
		bottom: 4.5rem;
		margin: 0 1rem 0 0;	
	}
	#shoppingCart .wrapper .crt-frm table tbody tr td.product-name{
		padding: 1rem;
	}
	#shoppingCart .wrapper .crt-frm table .product-quantity .quantity .custom-number-input{
		width: 80%;
	}
	#shoppingCart .wrapper .crt-frm table .product-quantity .quantity img {
		margin: 0;
	}
	#shoppingCart .wrapper .cart-collaterals{
		flex-direction: column;
	}
	#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld{
		margin-right: 0;
        width: 100%;
        margin-bottom: 2rem;
		height: auto;
	}
	#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld .slider-container li{
		flex: 0 0 50%;
		scroll-snap-align: start;
	}
	#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld .slider-container li:nth-child(1){
		margin: 0;
	}
	#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld .slider-container li div a h4{
		height: 3rem;
	}
	#shoppingCart .wrapper .cart-collaterals .cart_totals{
		width: 100%;
	}
	#shoppingCart .wrapper .cart-collaterals .cart_totals h2{
		text-align: left;
	}
	#shoppingCart .wrapper .cart-collaterals .cart_totals table tr .woocommerce-shipping-methods li{
		text-align: justify;
		padding-left: 5rem;
	}
}
@media only screen and (max-width: 36rem) {
	#shoppingCart .crt-ttl{
		border-radius: 0.5rem 0.5rem 0 0;
        margin: 1rem 0 0 0;
        background-color: white;
	}
	#shoppingCart .wrapper .crt-frm{
		padding: 1rem;
        position: relative;
        box-shadow: none;
        border-radius: 0 0 0.5rem 0.5rem;
	}
	#shoppingCart .wrapper .crt-frm table thead{
		display: none;
	}
	#shoppingCart .wrapper .crt-frm table tbody{
	    display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 1rem;		
		justify-content: space-between;
	}
	#shoppingCart .wrapper .crt-frm table tbody tr td,
	#shoppingCart .wrapper .crt-frm table tbody tr td.product-name{
		border-top: none;
		padding: 0;
	}
	#shoppingCart .wrapper .crt-frm table tbody tr td.product-name{
		display: flex;
		height: 4rem;
		align-items: center;
	}
	#shoppingCart .wrapper .crt-frm table tbody tr td.product-thumbnail{
		height: 10rem;
	}
	#shoppingCart .wrapper .crt-frm table tbody tr{
		display: flex;
        flex-direction: column;
        align-items: center;
        width: 47.5%;
        font-size: 1rem;
        border-radius: 0.5rem;
        box-shadow: 0 0 0.25rem var(--graydark);
        padding: 0.5rem;
		position: relative;
	}
	#shoppingCart .wrapper .crt-frm table tbody tr:last-child {
		margin: 1rem 0;
		width: 100%;
		box-shadow: none;
		padding: 0;
	}
	#shoppingCart .wrapper .crt-frm table tr td.product-thumbnail img{
		width: 8rem;
		margin-top: 1.5rem;
	}
	#shoppingCart .wrapper .crt-frm table .product-name,
	#shoppingCart .wrapper .crt-frm table .product-price{
		font-size: 0.9rem;
	}
	#shoppingCart .wrapper .crt-frm table .product-quantity{
		margin: 1rem auto;
	}
	#shoppingCart .wrapper .crt-frm table .product-quantity .quantity .custom-number-input{
		margin-right: 0;
		width: 5rem;
	}
	#shoppingCart .wrapper .crt-frm table .product-quantity .quantity img{
		margin: auto;
	}
	#shoppingCart .wrapper .crt-frm table .product-subtotal{
		margin-left: auto;
		font-size: 1rem;
		font-weight: bold;
		margin-top: auto;
	}
	#shoppingCart .wrapper .crt-frm table .product-remove{
		position: absolute;
        right: 0.5rem;
	}
	#shoppingCart .wrapper .cart-collaterals .ky1-shp-sld{
		padding: 1rem 0.5rem;
	}
	#shoppingCart .wrapper .cart-collaterals .cart_totals{
		padding: 1rem 1.5rem;
	}
	#shoppingCart .wrapper .cart-collaterals .cart_totals table tr .woocommerce-shipping-methods li{
		padding-left: 4.5rem;
	}
	#shoppingCart .wrapper .cart-collaterals .cart_totals table tr .woocommerce-shipping-destination{
		padding-left: 4.5rem;
		text-align: justify;
	}
	#shoppingCart .wrapper .cart-collaterals .cart_totals .wc-proceed-to-checkout a{
		width: 75%;
		font-size: 0.9rem;
	}
	#shoppingCart .wrapper .crt-frm table tbody tr td .coupon input{
		width: 45%;
		margin-right: 0.5rem;
	}
	#shoppingCart .wrapper .crt-frm table tbody tr:last-child td{
		width: 100%;
	}
}
@media only screen and (max-width: 26rem) {
	#shoppingCart .wrapper .crt-frm table tbody tr{
		width: 47%;
	}
	#shoppingCart .wrapper .crt-frm table .product-thumbnail img{
		width: 8rem;
	}
}
/************************************** Checkout ***********************************/
.woocommerce-checkout .woocommerce .woocommerce-form-coupon-toggle{
	display: none;
}
.woocommerce-checkout .woocommerce{
	background-image: url('https://tiendakrear3d.com/wp-content/uploads/2024/06/whirlpool.webp');
}
.woocommerce-checkout .woocommerce .tf-con{
	display: flex;
	justify-content: center;
	margin-bottom: 2rem;
	border-top: 0.2rem solid var(--primary);
}
.woocommerce-checkout .woocommerce .tf-con h1{
	background-color: var(--primary);
    border-radius: 0 0 0.5rem 0.5rem;
    color: white;
    padding: 1rem 2rem;
    text-transform: uppercase;
    font-size: 1rem;
}
.woocommerce-checkout .woocommerce .checkout{
	display: flex;
	position: relative;
	width: 90%;
	margin: auto;
	gap: 2rem;
	padding-bottom: 3rem;
}
.woocommerce-checkout .woocommerce .checkout input{
	font-weight: normal;
}
@keyframes noticefadeOut {
    0% {
        opacity: 1;
        visibility: visible;
    }
    100% {
        opacity: 0;
        visibility: hidden;
    }
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-NoticeGroup{
	display: flex;
    position: fixed;
    z-index: 1;
    bottom: 1rem;
    right: 1rem;
	animation: noticefadeOut 1s ease-out forwards;
    animation-delay: 3s;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-NoticeGroup > ul{
	background-color: var(--grayblack3);
    margin: 0;
    padding: 1rem;
    border: 0;
    color: white;
    border-radius: 0.5rem;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-NoticeGroup > ul::before{
	display: none;
}
.woocommerce-checkout .woocommerce .checkout .col2-set{
	display: flex;
	position: relative;
	flex-direction: column;
	width: 55%;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-1,
.woocommerce-checkout .woocommerce .checkout .col2-set .col-2{
	width: 100%;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-1 {
    position: relative;
	padding: 1.5rem 1.5rem 0 1.5rem;
	border-radius: 0.5rem 0.5rem 0 0;
    overflow: hidden;
	background-color: var(--white);
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-1 .number,
.woocommerce-checkout .woocommerce .checkout .col2-set .col-3 .number,
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order .number{
	position: absolute;
    top: 0;
    right: 0;
    width: 1rem;
    height: 1rem;
    border-radius: 0 0 0 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    padding: 1.3rem;
    font-size: 1.2rem;
    background-color: var(--primary);
    font-weight: bold;
    margin: 0;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-1 h3{
	font-size: 1.3rem;
    margin: 0 0 1rem 0;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-1 p label{
	font-weight: 600;
	color: var(--black);
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-1 p span input{
	height: 2rem;
} 
.woocommerce-checkout .woocommerce .checkout .col2-set .woocommerce-billing-fields__field-wrapper{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .woocommerce-billing-fields__field-wrapper p{
	padding: 0;
}
.woocommerce-checkout .woocommerce .checkout .col2-set input[type="text"],
.woocommerce-checkout .woocommerce .checkout .col2-set input[type="tel"],
.woocommerce-checkout .woocommerce .checkout .col2-set input[type="email"]{
	padding: 0.5rem;
    border: 0.1rem solid var(--graydark);
    border-radius: 0.25rem;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_city_field,
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_state_field,
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_postcode_field{
	display: none;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_dni_field{
	order: 1;
    width: 32.5%;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_first_name_field{
	order: 2;
    width: 32.5%;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_phone_field{
	order: 3;
    width: 32.5%;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_email_field{
	order: 4;
	width: 49.5%;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_company_field{
	order: 5;
	width: 49%;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_departamento_field{
	order: 6;
	width: 32.5%;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_provincia_field{
	order: 7;
	width: 32.5%;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_distrito_field{
	order: 8;
	width: 32.5%;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_departamento_field > span > span, 
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_provincia_field > span > span, 
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_distrito_field > span > span{
	width: 100% !important;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .form-row .select2-container--default .select2-selection--single{
	height: 2.05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.25rem;
    border: 0.1rem solid var(--graydark);
}
.woocommerce-checkout .select2-dropdown span input:focus{
	outline: none;
}
.woocommerce-checkout .select2-dropdown span ul li{
	cursor: pointer;
}
.woocommerce-checkout .select2-dropdown span ul li:hover,
.woocommerce-checkout .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected]{
	background-color: var(--gray);
	color: var(--black);
}
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_country_field{
	order: 10;
	width: 24%;
	display: none;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_country_field span{
	display: flex;
    border: 0.1rem solid var(--graydark);
    align-items: center;
    justify-content: center;
	height: 2.05rem;
    border-radius: 0.25rem;
    background-color: var(--graydark);
}
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_address_1_field{
	order: 11;
	width: 70%;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #billing_address_2_field{
	order: 12;
	width: 28.5%;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-2{
	padding: 0 1.5rem 1.5rem 1.5rem;
    border-radius: 0 0 0.5rem 0.5rem;
    background-color: white;
    margin-bottom: 2rem;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-2 h3{
	margin: 0;
    font-size: 0.85rem;
    font-weight: 500;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-2 h3 label{
	display: flex;
	cursor: pointer;
	align-items: center;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-2 h3 label input{
	margin: 0.5rem 0.5rem 0.5rem 0;
	cursor: pointer;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-2 .woocommerce-shipping-fields__field-wrapper{
	justify-content: space-between;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: 1rem;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-2 .woocommerce-shipping-fields__field-wrapper p{
	padding: 0;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-2 .woocommerce-shipping-fields__field-wrapper label{
	color: var(--black);
}
.woocommerce-checkout .woocommerce .checkout .col2-set #shipping_first_name_field, 
.woocommerce-checkout .woocommerce .checkout .col2-set #shipping_last_name_field, 
.woocommerce-checkout .woocommerce .checkout .col2-set #shipping_company_field,
.woocommerce-checkout .woocommerce .checkout .col2-set #shipping_departamento_field,
.woocommerce-checkout .woocommerce .checkout .col2-set #shipping_provincia_field,
.woocommerce-checkout .woocommerce .checkout .col2-set #shipping_distrito_field{
	width: 32%;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #shipping_departamento_field > span > span,
.woocommerce-checkout .woocommerce .checkout .col2-set #shipping_provincia_field > span > span, 
.woocommerce-checkout .woocommerce .checkout .col2-set #shipping_distrito_field > span > span{
	width: 100% !important;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #shipping_address_1_field{
	width: 66%;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #shipping_address_2_field{
	width: 32%;
}
.woocommerce-checkout .woocommerce .checkout .col2-set #shipping_country_field{
	display: none;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-3{
	position: relative;
	background-color: var(--white);
	border-radius: 0.5rem;
	overflow: hidden;
	padding: 1.5rem;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-3 ul li .shipping-method-description{
	display: none;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-3 ul li input[type="radio"]:checked + label + .shipping-method-description {
    display: flex;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-3 .title-delivery{
	font-size: 1.3rem;
    margin: 0 0 1rem 0;
	font-weight: 600;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-3 ul{
	margin-top: -1rem !important;
    background-color: var(--white);
    position: relative;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-3 ul li:not(:last-child){
	border-bottom: 0.1rem solid var(--graydark);
	margin: 0 0 0.5rem !important;
	padding-bottom: 0.5rem;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-3 ul li label span bdi{
	float: right;
}
.woocommerce-checkout .woocommerce .checkout .col2-set .col-3 ul li p{
	margin: 0;
	opacity: 0.75;
	font-size: 0.8rem;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order{
	width: 45%;
    border-radius: 0.5rem 0.5rem 0 0;
    overflow: hidden;
    position: relative;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order h3{
	padding: 1.5rem;
	font-size: 1.3rem;
	background-color: var(--white);
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order table{
	padding: 0 1.5rem 1.5rem 1.5rem;
	border: none;
	background-color: var(--white);
	border-radius: 0 0 0.5rem 0.5rem;
	margin-bottom: 2rem;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order table th{
	color: var(--primary);
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order table tr td img{
	width: 4rem;
    margin-right: 1rem;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment{
	border-radius: 0.5rem;
	background-color: var(--white);
	padding: 1.5rem;
	position: relative;
	overflow: hidden;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment .title-paymethods{
	font-size: 1.3rem;
	font-weight: 600;
	margin: 0 0 1rem 0;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment ul{
	padding: 0 0 1rem 0;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment ul li{
	min-height: 1.5rem;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment ul li:nth-child(2) label img {
	width: 14rem;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment ul li label img{
	float: right;
	margin: 0;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment ul li label img.confirmo-logo{
	display: none;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment ul li:not(:last-child){
	border-bottom: 0.1rem solid var(--graydark);
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment ul li:not(:first-child){
	padding: 0.5rem 0;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment ul li div.payment_box{
	background-color: var(--gray);
	border-radius: 0.5rem;
	font-size: 0.8rem;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment ul li div.payment_box p:first-child{
	margin: 0;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment ul li div.payment_box::before{
	border: 1em solid var(--gray);
	border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment ul li label[for="payment_method_confirmo"] {
    text-indent: -9999px;
    position: relative;
    color: transparent;
}

.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment ul li label[for="payment_method_confirmo"]::before {
    color: #000;
    white-space: nowrap;
    content: "Confirmo: Pago con criptomonedas";
    position: absolute;
    left: 0;
    top: -.25rem;
    text-indent: 0;
    white-space: nowrap;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment .form-row{
	padding: 0;
	margin: 0;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment .form-row p.validate-required{
	margin: 0.5rem 0;	
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment .form-row p.validate-required input{
	outline: none;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment .form-row p.validate-required span{
	color: var(--black);
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment .form-row p.validate-required span a{
	color: var(--primary);
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment button{
	background-color: var(--primary);
    color: var(--white);
    border-radius: 2rem;
    padding: 1rem 2rem;
    display: flex;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment .payment_method_cod p.yape-method{
	height: 20rem !important;
}
.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment .payment_method_cod p.yape-method .logo-yape{
	width: 13.5rem;
}
@media only screen and (max-width: 100rem) {
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment .payment_method_cod p.yape-method{
		font-size: 0.7rem;
	}
}
@media only screen and (max-width: 75rem) {
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment .payment_method_cod p.yape-method{
		font-size: 0.8rem;
	}
	.woocommerce-checkout .woocommerce .checkout{
		padding: 0 1rem 3rem 1rem;
		width: 100%;
		display: flex;
        flex-direction: column;
	}
	.woocommerce-checkout .woocommerce .checkout .col2-set{
		width: 100%;
	}
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order{
		width: 100%;
	}
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order table .product-total,
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order table .cart-subtotal td,
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order table .order-total td{
		text-align: end;
	}
}
@media only screen and (max-width: 48rem) {
	.woocommerce-checkout .woocommerce .checkout .col2-set .woocommerce-billing-fields__field-wrapper,
	.woocommerce-checkout .woocommerce .checkout .col2-set .col-2 .woocommerce-shipping-fields__field-wrapper,
	.woocommerce-checkout .woocommerce .checkout .col2-set .col-3 ul,
	.woocommerce-checkout .woocommerce .checkout .col2-set .col-3 ul li p{
		font-size: 0.75rem;
	}
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment button{
		width: 70% !important;
        margin: 0 auto !important;
        justify-content: center;
	}
}
@media only screen and (max-width: 36rem) {
	.woocommerce-checkout .woocommerce .checkout .col2-set .col-1 h3,
	.woocommerce-checkout .woocommerce .checkout .col2-set .col-3 .title-delivery,
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order h3,
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment .title-paymethods{
		font-size: 1rem;
	}
	.woocommerce-checkout .woocommerce .checkout .col2-set .woocommerce-billing-fields__field-wrapper .form-row,
	.woocommerce-checkout .woocommerce .checkout .col2-set .col-2 .woocommerce-shipping-fields__field-wrapper .form-row{
		width: 100% !important;
	}
	.woocommerce-checkout .woocommerce .checkout .col2-set .col-1 .number,
	.woocommerce-checkout .woocommerce .checkout .col2-set .col-3 .number,
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order .number{
		font-size: 1rem;
	}
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order table,
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment ul,
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment ul li div.payment_box,
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment .form-row p.validate-required{
		font-size: 0.75rem;
	}
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order table tr td img{
		width: 3rem;
	}
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment ul li label img{
		float: none;
		display: flex;
	}
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment .payment_method_cod p.yape-method .logo-yape{
		margin: auto;
	}
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment .payment_method_cod p.yape-method{
		display: flex;
    	flex-direction: column;
    	height: 38rem !important;
	}
	.woocommerce-checkout .woocommerce .checkout .woocommerce-checkout-review-order #payment .payment_method_cod p.yape-method .icon{
		display: none;
	}
	.woocommerce-checkout .woocommerce .checkout .col2-set .col-3 ul li label span bdi{
		float: none;
	}
}
/*********************************** OrderDetails **********************************/
.woocommerce-checkout .woocommerce .ttl-order{
	display: flex;
	justify-content: center;
	border-top: 0.2rem solid var(--primary);
}
.woocommerce-checkout .woocommerce .ttl-order h1{
	background-color: var(--primary);
    border-radius: 0 0 0.5rem 0.5rem;
    color: var(--white);
    padding: 1rem 2rem;
    text-transform: uppercase;
    font-size: 1rem;
}
#OrderDetails{
	width: 80%;
    margin: auto;
    padding: 2rem 0;
    display: flex;
    flex-direction: column;
	position: relative;
}
#OrderDetails > p:first-child{
	margin: 0;
    font-size: 1.3rem;
    color: var(--primary);
    font-weight: 600;
}
#OrderDetails > p:nth-child(2),
#OrderDetails > p:nth-child(3){
	display: none;
}
#OrderDetails > ul{
	display: flex;
	flex-direction: column;
	margin: 2rem 0;
	padding-left: 1.5rem;
}
#OrderDetails > ul li{
	border: 0;
}
#OrderDetails > ul li:first-child,
#OrderDetails > ul li:nth-child(2){
	position: absolute;
	display: flex;
	align-items: center;
	gap: 0.5rem;
    right: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
#OrderDetails > ul li:first-child{
	top: 2rem;
}
#OrderDetails > ul li:first-child p{
	margin: 0;
    font-size: 1.5rem;
    text-transform: capitalize;
    font-weight: 600;
}
#OrderDetails > ul li:first-child strong{
	font-size: 1.5rem;
}
#OrderDetails > ul li:nth-child(2){
    top: 4rem;
}
#OrderDetails > ul li:nth-child(2) strong{
	opacity: 0.75;
}
#OrderDetails > ul li:nth-child(3){
	margin-bottom: 1rem;
}
#OrderDetails > ul li:nth-child(3),
#OrderDetails > ul li:nth-child(4){
	font-size: 0.8rem;
}
#OrderDetails p.text-yape{
	margin: 0 0 1rem 0;
}
#OrderDetails ul.yape-numbers{
	position: relative;
    gap: 3rem;
    flex-direction: row;
    align-items: center;
    justify-content: center;
	padding: 0;
}
#OrderDetails ul.yape-numbers li{
	position: static;
    margin: 0;
	display: flex;
}
#OrderDetails ul.yape-numbers li a{
	color: var(--black);
	background-color: var(--white);
	padding: 0.5rem 1rem;
	border-radius: 0.5rem;
	transition: color 0.2s ease-in, background-color 0.2s ease-in;
	font-size: 0.85rem;
}
#OrderDetails ul.yape-numbers li a:hover{
	background-color: var(--primary);
	color: var(--white);
}
#OrderDetails ul.yape-numbers li a:hover img{
	filter: invert(1);
}
#OrderDetails ul.yape-numbers li a img{
	width: 2rem;
	margin-right: 0.5rem;
}

#OrderDetails .woocommerce-bacs-bank-details{
	background-color: var(--white);
	margin-bottom: 2rem;
	border-radius: 0.5rem;
	padding: 1.5rem;
}
#OrderDetails .woocommerce-bacs-bank-details > h2{
	margin-bottom: 1rem;
	font-size: 1.1rem;
}
#OrderDetails .woocommerce-bacs-bank-details h3{
	height: 2.5rem;
    display: flex;
    align-items: center;
	width: 49%;
}
#OrderDetails .woocommerce-bacs-bank-details > h3:nth-of-type(1){
	background-color: var(--gray);
	border-radius: 0.5rem 0.5rem 0 0;
	padding-left: 1rem;
}
#OrderDetails .woocommerce-bacs-bank-details > h3:nth-of-type(2){
	margin-top: -2.5rem;
	background-color: var(--gray);
    float: right;
	border-radius: 0.5rem 0.5rem 0 0;
	padding-left: 1rem;
}
#OrderDetails .woocommerce-bacs-bank-details > h3:nth-of-type(3){
	background-color: var(--gray);
	border-radius: 0.5rem 0.5rem 0 0;
	padding-left: 1rem;
	margin-top: 16rem;
}
#OrderDetails .woocommerce-bacs-bank-details > h3:nth-of-type(4){
	background-color: var(--gray);
	border-radius: 0.5rem 0.5rem 0 0;
	padding-left: 1rem;
	float: right;
    margin-top: -17rem;
}
#OrderDetails .woocommerce-bacs-bank-details > ul{
	margin: 0;
	width: 49%;
}
#OrderDetails .woocommerce-bacs-bank-details > ul li{
	margin: 0;
	padding: 0;
	border: 0;
	background-color: var(--gray);
	padding: 0 1rem 1rem 1rem;
}
#OrderDetails .woocommerce-bacs-bank-details > ul li:last-child{
	border-radius: 0 0 0.5rem 0.5rem;
}
#OrderDetails .woocommerce-bacs-bank-details > ul:nth-of-type(1){
	display: flex;
    flex-direction: column;
    float: left;
}
#OrderDetails .woocommerce-bacs-bank-details > ul:nth-of-type(2){
	display: flex;
    flex-direction: column;
    float: right;
}
#OrderDetails .woocommerce-bacs-bank-details > ul:nth-of-type(3){
	display: flex;
	flex-direction: column;
}
#OrderDetails .woocommerce-bacs-bank-details > ul:nth-of-type(4){
	display: flex;
	flex-direction: column;
	float: right;
    margin-top: -14.5rem;
}
#OrderDetails .woocommerce-order-details{
	background-color: var(--white);
	padding: 1.5rem;
	border-radius: 0.5rem;
	display: flex;
    flex-direction: column;
    gap: 1rem;
	margin: 0;
}
#OrderDetails .woocommerce-order-details h2{
	font-size: 1.1rem;
}
#OrderDetails .woocommerce-order-details table{
	margin: 0;
}
#OrderDetails .woocommerce-order-details table.order_details,
#OrderDetails .woocommerce-order-details table.custom-fields{
	border-collapse: collapse;
	border: none;
}
#OrderDetails .woocommerce-order-details table.order_details thead{
	background-color: var(--primary);
	color: var(--white);
}
#OrderDetails .woocommerce-order-details table.custom-fields tbody{
	background-color: var(--secondary);
	color: var(--white);
}
#OrderDetails .woocommerce-order-details table.order_details thead th:first-child,
#OrderDetails .woocommerce-order-details table.custom-fields tbody tr th{
    border-radius: 2rem 0 0 2rem;
	padding-left: 2rem;
}
#OrderDetails .woocommerce-order-details table.order_details thead th:last-child,
#OrderDetails .woocommerce-order-details table.custom-fields tbody tr td{
	border-radius: 0 2rem 2rem 0;
	padding-right: 2rem;
	text-align: end;
}
#OrderDetails .woocommerce-order-details table.order_details tbody tr td{
	border: none;
}
#OrderDetails .woocommerce-order-details table.order_details tbody tr .woocommerce-table__product-total,
#OrderDetails .woocommerce-order-details table.order_details tfoot tr td{
	text-align: end;
	padding-right: 2rem;
}
#OrderDetails .woocommerce-order-details table.order_details tfoot tr th,
#OrderDetails .woocommerce-order-details table.order_details tbody tr .woocommerce-table__product-name{
	padding-left: 2rem;
}
#OrderDetails .woocommerce-order-details table.order_details tbody tr:not(:first-child) {
	border-top: 0.1rem solid var(--graydark);
}
#OrderDetails .woocommerce-order-details table tr td a{
	color: var(--black);
}
#OrderDetails .woocommerce-order-details table tr td a img,
#OrderDetails .woocommerce-order-details table tr td img{
	width: 4rem;
}
#OrderDetails .woocommerce-customer-details{
	background-color: var(--white);
	padding: 1.5rem;
	border-radius: 0.5rem;
	margin: 2rem 0 0 0;
}
#OrderDetails .woocommerce-customer-details div h2{
	font-size: 1.1rem;
	margin-bottom: 1rem;
}
#OrderDetails .woocommerce-customer-details div:first-child{
	border-right: 0.2rem dashed var(--gray);
	width: 50%;
}
#OrderDetails .woocommerce-customer-details div:last-child{
	width: 50%;
	padding-left: 1.5rem;
}
#OrderDetails .woocommerce-customer-details div address{
	padding: 0;
    margin: 0;
    border: none;
	font-weight: normal;
}
#OrderDetails .woocommerce-customer-details div address p{
	margin: 0;
}
@media only screen and (max-width: 75rem) {
	#OrderDetails{
		width: 100%;
		padding: 2rem 1rem;
	}
	#OrderDetails > ul li:first-child, #OrderDetails > ul li:nth-child(2){
		right: 1rem;
	}
}
@media only screen and (max-width: 820px) {
	#OrderDetails .woocommerce-bacs-bank-details > h3:nth-of-type(3){
		margin-top: 17rem;
	}
}
@media only screen and (max-width: 48rem) {
	#OrderDetails > p:first-child{
		width: 50%;
	}
	#OrderDetails > ul li:nth-child(3), #OrderDetails > ul li:nth-child(4){
		font-size: 0.7rem;
	}
	#OrderDetails ul.yape-numbers{
		gap: 2rem;
	}
	#OrderDetails .woocommerce-bacs-bank-details h3,
	#OrderDetails .woocommerce-bacs-bank-details > ul{
		width: 100%;
	}
	#OrderDetails .woocommerce-bacs-bank-details > h3:nth-of-type(2){
		margin-top: 1rem;
	}
	#OrderDetails .woocommerce-customer-details div:first-child,
	#OrderDetails .woocommerce-customer-details div:last-child{
		width: 100%;
		padding: 0;
		border-right: 0;
	}
	#OrderDetails .woocommerce-customer-details div:first-child{
		border-bottom: 0.2rem dashed var(--gray);
		padding-bottom: 1rem;
	}
	#OrderDetails .woocommerce-customer-details div h2{
		margin-bottom: 0;
	}
	#OrderDetails .woocommerce-customer-details div:last-child h2{
		margin-top: 1rem;
	}
	#OrderDetails .woocommerce-bacs-bank-details > h3:nth-of-type(3),
	#OrderDetails .woocommerce-bacs-bank-details > h3:nth-of-type(4){
		margin-top: 0;
	}
	#OrderDetails .woocommerce-bacs-bank-details > ul:nth-of-type(2),
	#OrderDetails .woocommerce-bacs-bank-details > ul:nth-of-type(3){
		margin-bottom: 1rem;
	}
	#OrderDetails .woocommerce-bacs-bank-details > ul:nth-of-type(4){
		float: none;
		margin-top: 0;
	}
}
@media only screen and (max-width: 36rem) {
	#OrderDetails > p:first-child,
	#OrderDetails > ul li:first-child p,
	#OrderDetails > ul li:first-child strong{
		font-size: 1rem;
        line-height: 1.2;
	}
	#OrderDetails > ul{
		padding-left: 0;
	}
	#OrderDetails > ul li:nth-child(2){
		top: 3.25rem;
	}
	#OrderDetails p.text-yape{
		margin-bottom: 2rem;
	}
	#OrderDetails ul.yape-numbers{
		flex-direction: column;
		gap: 1rem;
	}
	#OrderDetails ul.yape-numbers li a{
		width: 14rem;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 0.9rem;
	}
	#OrderDetails .woocommerce-order-details{
		padding: 1.5rem 1rem;
	}
	#OrderDetails .woocommerce-bacs-bank-details > h2,
	#OrderDetails .woocommerce-order-details h2,
	#OrderDetails .woocommerce-customer-details div h2{
		font-size: 1rem;
	}
	#OrderDetails .woocommerce-order-details h2{
		padding-left: 0.5rem;
	}
	#OrderDetails .woocommerce-bacs-bank-details h3{
		font-size: 0.9rem;
	}
}
/*********************************** PRODUCT PAGE **********************************/
#productPage {
    background-color: var(--gray);
}
#productPage .woocommerce-breadcrumb {
	color: var(--black);
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    margin: 1rem 0.5rem;
    display: flex;
    flex-wrap: wrap;
}
#productPage .headerBox {
    display: flex;
    background-color: var(--white);
    border-radius: 0.75rem;
    border: 1px solid var(--graydark);
    padding: 2.5rem;
	/*margin-top: 2rem;*/
}
#productPage .badge {
    font-size: 0.85rem;
    border-radius: 0 2rem 2rem 0;
    background-color: var(--primary);
    border: 1px solid #ea713452;
    position: absolute;
    left: 0;
    top: 1.5rem;
    color: var(--white);
    padding: 0.5rem 1rem;
    z-index: 1;
    transition: var(--transition);
    font-weight: 500;
}
#productPage .badge.pre {
    color: var(--primary);
    background-color: var(--primaryopacity);
}
#productPage .badge.custom {
    color: var(--white);
    background-color: var(--secondary);
	border: 1px solid var(--secondary);
}
#productPage .product .woocommerce-product-gallery {
    width: 50%;
    display: flex;
    margin: 0;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
}
#productPage .product .flex-viewport {
    flex: 1 1 0%;
}
#productPage .product .flex-control-nav {
    flex-direction: column;
    flex: 0 0 15%;
    display: flex;
    gap: 1rem;
}
#productPage .product .flex-control-nav li {
    width: 75%;
}
#productPage .product .woocommerce-product-gallery a {
    display: flex;
    justify-content: center;
    align-items: center;
}
#productPage .product .woocommerce-product-gallery a img {
    width: 28rem;
    height: 28rem;
    max-width: initial;
}
#productPage h2 {
    font-size: 2rem;
    font-weight: 600;
    margin: 0;
    color: var(--black);
    text-align: center;
}
#productPage .summary {
    width: 50%;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#productPage .summary .product_meta {
	display: none;
}
#productPage .summary .pwb-single-product-brands {
	display: flex;
	flex-direction: column;
    position: absolute;
    padding: 0;
    right: 2.5rem;
    top: 2rem;
	text-align: right;
}
#productPage .summary .pwb-single-product-brands img {
    width: auto;
    height: 2rem;
}
#productPage .summary h1 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 0;
    width: 75%;
    font-weight: 700;
}
#productPage .summary .woocommerce-product-rating {
    margin: 0;
}
#productPage .summary .star-rating span::before {
	color: var(--primary);
}
#productPage .summary .woocommerce-review-link {
	color: var(--black);
}
#productPage .summary .sdesc {
    font-size: 0.85rem;
    margin: 0;
    line-height: 1rem;
}
#productPage .summary .pdf-button {
    border-radius: 2rem;
    font-weight: 500;
    background-color: var(--grayblack2);
    position: absolute;
    top: 5.25rem;
    right: 2.5rem;
    display: flex;
    align-items: center;
    transition: var(--transition);
}
#productPage .summary .pdf-button:hover {
    opacity: 0.75;
}
#productPage .summary .pdf-button a {
    color: var(--white);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 1rem;
    height: 2rem;
}
#productPage .summary .pdf-button a svg {
    fill: var(--white);
}
#productPage .summary .price {
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
    gap: 0.5rem;
    font-size: 1.75rem;
    color: var(--primary);
    line-height: 1.75rem;
    font-weight: 700;
}
#productPage .summary .prime-prices{
	margin: 0 auto 0 0;
    width: fit-content;
    background-color: var(--black);
    color: var(--white);
    padding: .25rem .5rem;
    border-radius: .25rem;
    font-size: 1rem;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    display: flex;
}
#productPage .summary .prime-prices img{
	width: 3.5rem;
	margin-right: .5rem;
}
#productPage .summary .price del {
    opacity: 0.5;
    color: var(--black);
    font-size: 1rem;
}
#productPage .summary .price ins {
    text-decoration: none;
}
#productPage .summary .linked-products {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
#productPage .summary .linked-products h4 {
    font-size: 1rem;
}
#productPage .summary .linked-products ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
}
#productPage .summary .linked-products li {
    padding: 0.25rem;
}
#productPage .summary .linked-products ul a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    border: solid 3px var(--gray);
    border-radius: 1rem;
    padding: 0.5rem;
}
#productPage .summary .linked-products ul a img {
    width: 4rem;
}
#productPage .summary .linked-products ul a.pre {
    opacity: 0.65;
}
#productPage .summary .linked-products ul a.active {
    border: solid 3px var(--tertiary);
}
#productPage .summary .linked-products ul span {
    width: 6rem;
    text-align: center;
    color: var(--black);
    font-weight: 500;
    display: none;
}
#productPage .cart .quantity {
	display: none;
}
#productPage .cart {
    margin: 0;
}
#productPage .cart .single_add_to_cart_button {
    font-weight: 400;
    color: var(--black);
    background-color: var(--primary);
    padding: 0.75rem 1.5rem;
    border-radius: 2rem;
    font-family: inherit;
    width: 100%;
    font-size: 1rem;
}
#productPage .yith-wcpb-product-bundled-items {
    display: flex;
	flex-wrap: wrap;
    margin: 0;
    gap: 0.5rem;
    background-color: var(--gray);
    padding: 0.5rem;
    border-radius: 0.75rem;
    box-shadow: inset 0 0 0.25rem var(--graydark);
    border: none;
}
#productPage .yith-wcpb-product-bundled-items h4 {
    width: 100%;
    margin: 0;
    background-color: var(--white);
    box-shadow: 0 0 0.25rem var(--graydark);
    color: var(--black);
    padding: 0.5rem 0;
    text-align: center;
    border-radius: 0.5rem 0.5rem 0.25rem 0.25rem;
    font-size: 1rem;
}
#productPage .yith-wcpb-product-bundled-items .product {
	flex: 1;
    transition: 0.15s all ease-in;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    flex-direction: column;
    text-align: center;
    background-color: var(--white);
    box-shadow: 0 0 0.25rem var(--graydark);
    border: none;
    border-radius: 0.75rem;
}
#productPage .yith-wcpb-product-bundled-items .yith-wcpb-product-bundled-item-data {
	padding: 0;
    display: block;
    margin-top: 1rem;
}
#productPage .yith-wcpb-product-bundled-items .yith-wcpb-product-bundled-item-data h3 {
	margin: 0;
}
#productPage .yith-wcpb-product-bundled-items .yith-wcpb-product-bundled-item-data a {
	color: var(--black);
	font-weight: 700;
}
#productPage .woocommerce-tabs .tabs {
	display: none;
}
#productPage .variations_form {
	margin-bottom: 0;
}
#productPage .ky1-ext .variations_form .select_option {
	flex: 1;
}
#productPage .variations_form .stock.available-on-backorder{
	display: none;
}
#productPage .variations_form table {
    margin-bottom: 0;
    position: relative;
}
#productPage .variations_form .label {
    padding: 0;
    font-size: 1rem;
	line-height: 1rem;
    text-align: left;
}
#productPage .variations_form .label span {
	margin-left: 0.5rem;
    color: var(--primary);
    font-weight: 500;
    font-size: 0.85rem;
}
#productPage .variations_form .value {
	padding: 1rem 0;
}
#productPage .variations_form select {
	display: none !important;
}
#productPage .variations_form .select_box {
	display: flex;
    gap: 1rem;
	justify-content: center;
    flex-wrap: wrap;
}
#productPage .variations_form .out-of-stock {
    font-size: 1rem;
    color: var(--black);
    font-weight: 600;
    margin: 0;
    margin-top: 0.5rem;
	display: none;
}
#productPage .variations_form .select_box:after {
	display: none;
}
#productPage .variations_form .select_option {
    border-radius: 0.5rem;
    margin: 0;
    padding: 0;
	display: flex;
    transition: var(--transition);
    border: 3px solid var(--gray);
    flex: 1;
}
#productPage .variations_form .select_option:hover {
	opacity: 0.5;
}
#productPage .variations_form .select_option.selected {
    opacity: 1;
    border: 3px solid var(--tertiary) !important;
}
#productPage .variations_form .select_option .yith_wccl_value_wrapper {
	width: 100%;
	min-width: initial;
	height: initial;
}
#productPage .variations_form .select_option span  {
	font-size: 0.85rem;
	line-height: 1.5rem;
	border: none;
	padding: 0.75rem;
	font-weight: 600;
}
#productPage .variations_form .select_option span b {
	opacity: 0.5;
	font-weight: 400;
}
#productPage .variations_form .reset_variations  {
	display: none !important;
}
#productPage .single_variation_wrap .quantity {
	display: none !important;
}
#productPage .variations_form .woocommerce-variation-description p {
    font-size: 1rem;
    margin-top: 0.5rem;
    margin-bottom: 0;
    line-height: 1rem;
}

@media only screen and (max-width: 75rem) {
    #productPage .variations_form .select_box {
        flex-direction: column;
        gap: 0.5rem;
    }
	#productPage .summary .pdf-button {
        position: initial;
        justify-content: center;
    }
	#productPage .product .woocommerce-product-gallery a img {
		width: 22rem;
    	height: 22rem;
	}
}
@media only screen and (max-width: 62rem) {
	#productPage .product .woocommerce-product-gallery a img {
		width: 20rem;
    	height: 20rem;
	}
	#productPage .summary .prime-prices{
		margin: auto;
	}
}
@media only screen and (max-width: 56rem) {
    #productPage .summary .linked-products ul a img {
        width: 3rem;
    }

    #productPage .headerBox {
		padding: 1rem;
    	flex-direction: column;
	}
	#productPage .product .woocommerce-product-gallery {
		width: 100%;
		margin: 2rem 0;
	}
	#productPage .summary {
		width: 100%;
	}
	#productPage .summary h1 {
		width: 100%;
		text-align: center;
	}
	#productPage .summary .price {
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column-reverse;
	}
	#productPage .summary .price del {
		width: 100%;
    	text-align: center;
	}
	#productPage .summary .price ins {
		width: 100%;
    	text-align: center;
	}
	#productPage .ky1-gly ul {
		flex-direction: column;
	}
	#productPage {
		box-shadow: none;
	}
	#productPage .woocommerce-breadcrumb {
		
	}
	#productPage .summary .pwb-single-product-brands {
		right: 1.5rem;
    	top: 1.5rem;
	}
}
@media only screen and (max-width: 36rem) {
    #productPage .product .woocommerce-product-gallery a img {
		width: 100%;
		height: 100%;
		padding: 1rem;
	}
}
/*********************************** PRODUCT DESCRIPTION **********************************/
#tab-description {
	background-color: var(--white);
    border-radius: 0.75rem;
	box-shadow: 0 0 0.25rem var(--graydark);
    padding: 2.5rem;
    margin-top: 1.5rem;
    margin-bottom: 0;
}
#tab-description h1 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    color: var(--black);
    font-size: 1.25rem;
}
#tab-description .buy-fch {
	display: none;
}
#tab-description a {
	color: var(--primary);
}
#tab-description table {
	width: 65%;
    border: 0;
	overflow: hidden;
	border-radius: 0.5rem;
}
#tab-description table td {
    background-color: var(--graydark);
    border: 0;
    padding: 0.65rem 1rem;
    text-align: center;
}
#tab-description table .even td {
    background-color: var(--gray);

}
#tab-description .pdf-button {
	display: none;
}
#tab-reviews {
	display: block !important;
	margin: 0;
}
#reviews #comments {
	text-align: center;
}
#reviews #comments h3 {
    margin: 0;
    display: inline-block;
    font-size: 1rem;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 600;
    background-color: var(--primary);
    padding: 1rem 2rem;
    border-radius: 0 0 2rem 2rem;
}
.woocommerce #reviews #comments ol.commentlist {
	padding: 0;
    text-align: left;
}
.woocommerce #reviews #comments ol.commentlist li {
	margin: 1.5rem 0;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    border: none;
    padding: 0;
    border-radius: 2rem;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0;
    margin-left: 3rem;
    background-color: var(--white);
    border-radius: 0.25rem 0.75rem 0.75rem 0.75rem;
    border: none;
    box-shadow: 0 0 0.25rem var(--graydark);
    padding: 1rem;
    padding-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
	font-size: 0.75rem;
    color: var(--black);
}
.woocommerce #review_form #respond {
	background-color: var(--white);
    border-radius: 0.75rem;
    box-shadow: 0 0 0.25rem var(--graydark);
    padding: 2.5rem;
}
.woocommerce #review_form #respond #reply-title {
	display: none;
}
.woocommerce #review_form #respond textarea {
    background-color: var(--gray);
    border-radius: 0.75rem;
    box-shadow: inset 0 0 0.25rem var(--graydark);
    padding: 1rem;
    border: none;
    resize: none;
}
.woocommerce #review_form #respond .must-log-in {
    margin: 0;
    text-align: center;
}
.woocommerce #review_form #respond .must-log-in a {
    color: var(--primary);
}
.woocommerce p.stars a {
	color: var(--primary);
}
.woocommerce #review_form #respond .form-submit input {
	color: var(--white);
    background-color: var(--secondary);
    padding: 0.5rem 1.5rem;
    border-radius: 2rem;
    font-family: inherit;
    font-weight: 400;
    font-size: 1rem;
}
@media only screen and (max-width: 48rem) {
	#tab-description {
		padding: 1.5rem;
	}
}
/*********************************** PRODUCT SPECS **********************************/
#productPage .ky1-spc {
    display: flex;
    flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}
#productPage .ky1-spc .spc-ttl {
	width: 100%;
    text-align: center;
}
#productPage .ky1-spc h3 {
    margin: 0;
    display: inline-block;
    font-size: 1rem;
    color: var(--white);
    font-weight: 500;
    background-color: var(--primary);
    padding: 1rem 2rem;
    border-radius: 0 0 2rem 2rem;
}
#productPage .ky1-spc h2 {
	margin-top: 1rem;
}

#productPage .ky1-spc span {
	width: 16.66%;
    padding: 1rem 0.5rem 0 0.5rem;
}
#productPage .ky1-spc ul {
    margin: 0;
    list-style: none;
    padding: 1rem;
    background-color: var(--white);
    border-radius: 0.75rem;
	box-shadow: 0 0 0.25rem var(--graydark);
    text-align: center;
}
#productPage .ky1-spc ul li {
	color: var(--secondary);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    line-height: 1.25rem;
}
#productPage .ky1-spc ul li + li {
	font-size: 1rem;
	font-weight: 600;
}
#productPage .ky1-gly {
	margin-top: 1.5rem;
}

#productPage .ky1-gly.ky1-hdn {
	display: none;
}
#productPage .ky1-gly ul {
    justify-content: center;
    flex-wrap: nowrap;
    gap: 1rem;
    display: flex;
    align-items: start;
    padding: 0;
    margin: 0;
    list-style: none;
}
#productPage .ky1-gly ul li {
    width: 100%;
    height: 12rem;
    position: relative;
}
#productPage .ky1-gly .gly-ovr {
	position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgb(103 119 142 / 40%);
    z-index: 2;
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
#productPage .ky1-gly .gly-img {
	object-fit: cover;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 100%;
    transform: translateY(-50%);
    border-radius: 0.75rem;
}
#productPage .ky1-gly span {
    position: absolute;
    top: 1rem;
    left: 0;
    color: var(--white);
    background-color: var(--primary);
    border-radius: 0 2rem 2rem 0;
    padding: 0.75rem 2rem;
    z-index: 2;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 0.8rem;
}

@media only screen and (max-width: 75rem) {
    #productPage .ky1-spc span {
		width: 20%;
	}
}
@media only screen and (max-width: 62rem) {
    #productPage .ky1-spc span {
		width: 25%;
	}
}
@media only screen and (max-width: 48rem) {
    #productPage .ky1-spc span {
		width: 33.33%;
	}
}
@media only screen and (max-width: 36rem) {
	#productPage .ky1-spc span {
		width: 50%;
	}
}
@media only screen and (max-width: 30rem) {
    #productPage .ky1-spc span {
        width: 100%;
        padding-top: 0.5rem;
    }
}
/*********************************** PRODUCT SHORT SPEC **********************************/
#ky1-sht-spc {
    flex-wrap: wrap;
    justify-content: center;
    display: flex;
    background-color: var(--gray);
    padding: 0.25rem;
    border-radius: 0.75rem;
    box-shadow: inset 0 0 0.25rem var(--graydark);
}
#ky1-sht-spc h4 {
    background-color: var(--white);
	box-shadow: 0 0 0.25rem var(--graydark);
    padding: 0.5rem 0;
    width: 100%;
    text-align: center;
    border-radius: 0.25rem;
    font-size: 1rem;
    margin: 0.25rem;
}
#ky1-sht-spc span {
    display: block;
    padding: 0.25rem;
    width: 33.33%;
}
#ky1-sht-spc pre {
	display: flex;
    flex-direction: column;
    text-align: center;
    border-radius: 0.25rem;
    padding: 0.75rem;
    gap: 0.25rem;
    margin: 0;
    background-color: var(--white);
	box-shadow: 0 0 0.25rem var(--graydark);
}
#ky1-sht-spc em {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex: 0 0 50%;
    font-family: "Twentieth Century", sans-serif;
    font-style: normal;
    font-size: 0.9rem;
    line-height: 1rem;
}
#ky1-sht-spc em + em {
    font-weight: 700;
	font-size: 1rem;
    color: var(--secondary);
}
@media only screen and (max-width: 36rem) {
    #ky1-sht-spc span {
        width: 50%;
    }
}

/*********************************** BUY BUTTONS **********************************/
#buyButtons {
    display: flex;
    gap: 1rem;
    align-items: center;
}
#buyButtons button,
#buyButtons a {
    width: 50%;
    border-radius: 2rem;
    font-size: 1rem;
    font-weight: 500;
    transition: var(--transition);
    font-family: var(--font);
    cursor: pointer;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
	color: var(--white);
    border: none;
    outline: none;
    position: relative;
    overflow: hidden;
}
#buyButtons a:hover,
#buyButtons button:hover {
    transform: scale(1.025);
}
#buyButtons a:active,
#buyButtons button:active {
    transform: scale(0.95);
}
#buyButtons .buy-add {
    background-color: var(--primary);
}
#buyButtons .buy-add:disabled {
    opacity: 0.5;
}
#buyButtons .buy-add .update {
    transition: var(--transition);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
    width: inherit;
    opacity: 0;
}
#buyButtons .buy-add .cart {
    opacity: 0;
    fill: var(--white);
    transition: var(--transition);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
}
#buyButtons .buy-add .text {
    transition: var(--transition);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: inherit;
}
#buyButtons .buy-add.step1 {
    cursor: default;
    transform: scale(1) !important;
}
#buyButtons .buy-add.step1 .cart {
    opacity: 1;
    left: 50%;
}
#buyButtons .buy-add.step1 .text {
    opacity: 0;
    left: 100%;
}
#buyButtons .buy-add.step1.step2 .update {
    opacity: 1;
    left: 50%;
}
#buyButtons .buy-add.step1.step2 .cart {
    opacity: 0;
    left: 100%;
}
#buyButtons .buy-add.step1.step2 .text {
    left: 50%;
}
#buyButtons .buy-add.step1.step2.step3 .update {
    opacity: 0;
}
#buyButtons .buy-add.step1.step2.step3 .text {
    opacity: 1;
}
#buyButtons .buy-wsp {
    background-color: var(--secondary);
}
@media only screen and (max-width: 62rem) {
    #buyButtons {
        flex-direction: column;
        gap: 0.5rem;
    }
    #buyButtons button,
    #buyButtons a {
        width: 100%;
    }
}
@media only screen and (max-width: 48rem) {
    #buyButtons {
        flex-direction: row;
    }
}
@media only screen and (max-width: 36rem) {
    #buyButtons {
        flex-direction: column;
    }
}

/*********************************** COMPANY **********************************/
.ky1-cpy {
	padding: 4rem 0;
	background-color: var(--primaryopacity);
	color: var(--black);
}
.ky1-cpy .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.ky1-cpy .cpy-lft {
    width: 20%;
    text-align: center;
}
.ky1-cpy .cpy-rgt {
    width: 65%;
    text-align: center;
}
.ky1-cpy .cpy-rgt h2 {
    font-size: 1.35rem;
    line-height: 1.85rem;
    font-weight: 700;
    margin: 0;
}
.ky1-cpy .cpy-rgt p {
    margin: 1rem 0;
    text-align: justify;
}
.ky1-cpy ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.ky1-cpy ul li {
	width: 25%;
    text-align: center;
    padding: 0 1rem;
}
.ky1-cpy ul li img {
	margin-top: 4rem;
}
.ky1-cpy ul li h3 {
    text-transform: uppercase;
}
.ky1-cpy ul li p {
    text-align: justify;
    margin-bottom: 0;
}
.ky1-cpy-sld{
	text-align: center;
    padding: 4rem 0;
}
.ky1-cpy-sld h2 {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    margin: 0;
    text-align: center;
    margin-bottom: 4rem;
}
/*********************************** FINANCIAMIENTO PRODUCTO **********************************/ 
#ky1-fnc-btn {
	display: flex;
    gap: 0.5rem;
}
#ky1-fnc-btn .fnc-box {
	display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.75rem;
    border-radius: 0.25rem;
    border: 1px solid var(--graydark);
    flex-direction: row;
    text-align: center;
    position: relative;
    overflow: hidden;
	width: 50%;
}
#ky1-fnc-btn .fnc-box + .fnc-box {
	background-color: var(--primaryopacity);
}
#ky1-fnc-btn .fnc-box h5 {
	margin: 0;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1rem;
    color: var(--secondary);
}
#ky1-fnc-btn .fnc-box p {
    margin: 0;
    font-size: 0.85rem;
	line-height: 0.85rem;
}
#ky1-fnc-btn .fnc-box img {
    width: 2.5rem;
    height: 2.5rem;
}
#ky1-fnc-btn .fnc-box .box-cnt {
    width: 100%;
}
#ky1-fnc-btn .fnc-box .box-slc {
    margin-top: 0.25rem;
}
#ky1-fnc-btn .fnc-box select {
    border: 1px solid var(--graydark);
    padding: 0.25rem;
}
/*********************************** PRODUCT BENEFIT  **********************************/ 
#productBenefits {
}
#productBenefits h4 {
    margin: 0;
    font-size: 1rem;
    margin-bottom: 1rem;
}
#productBenefits .list {
	padding-left: 1rem;
    line-height: 1.25rem;
	margin: 0;
    margin-bottom: 1.5rem;
}
#productBenefits .list li {
	list-style-type: disc;
}
#productBenefits .content {
	display: flex;
    gap: 1rem;
}
#productBenefits .itemBenefit {
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.25rem;
    text-align: center;
    flex: 1;
    border-radius: 0.75rem;
    border: 3px solid var(--gray);
    cursor: pointer;
    gap: 0.5rem;
}
#productBenefits .itemBenefit:hover img {
    opacity: 1;
}
#productBenefits .itemBenefit:hover .data {
    color: var(--secondary);
}
#productBenefits .itemBenefit.bnf-act img{
	opacity: 1;
} 
#productBenefits .itemBenefit.bnf-act .data {
    color: var(--secondary) !important;
}
#productBenefits .itemBenefit img {
    width: 3rem;
	opacity: 0.5;
}
#productBenefits .itemBenefit .data {
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    flex: 1;
    align-items: center;
	justify-content: center;
	color: var(--grayblack2);
}
#productBenefits .itemBenefit h3 {
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1rem;
}
#productBenefits .itemBenefit b {
    font-size: 0.8rem;
    font-weight: 700;
	white-space: nowrap;
}
#productBenefits .itemBenefit.bnf-act {
    opacity: 1;
    border: 3px solid var(--tertiary) !important;
}
#productBenefits .itemBenefit.bnf-act b {
    color: var(--secondary);
}
@media only screen and (max-width: 62rem) {
    #productBenefits .content {
        flex-direction: column;
    }
}
@media only screen and (max-width: 48rem) {
    #productBenefits .list {
        display: none;
    }
    #productBenefits .content {
        flex-direction: row;
    }
}
@media only screen and (max-width: 30rem) {
    #productBenefits .content {
        flex-direction: column;
        gap: 0.5rem;
    }
    #productBenefits .itemBenefit img {
        width: 4rem;
        height: 4rem;
    }
}
/*********************************** PACK STLS  **********************************/ 
#promo-pack{
	display: flex;
    background-color: var(--gray);
    padding: 1rem;
    border-radius: 0.75rem;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0.5rem 0;
	text-decoration: none;
}
#promo-pack p{
	margin: 0;
    font-weight: 600;
    padding: 0 4.5rem;
    text-align: center;
	color: var(--black);
}
#promo-pack img:nth-of-type(1){
	width: 3.5rem;
    height: 4.8rem;
    position: absolute;
    left: 0rem;
}
#promo-pack img:nth-of-type(2){
	width: 4.5rem;
    position: absolute;
    right: 1rem;
}
@media only screen and (max-width: 36rem) {
	#promo-pack p{
	    font-size: .8rem;	
		padding: 0 4rem;
		line-height: 1.1;
	}
	#promo-pack img:nth-of-type(2){
		width: 3.5rem;
	}
} 
/*********************************** PRODUCT METHODS  **********************************/ 
#deliveryMethods  {
    background-color: var(--gray);
    padding: 0.5rem;
    border-radius: 0.75rem;
    box-shadow: inset 0 0 0.25rem var(--graydark);
}
#deliveryMethods .met-cnt {
	display: flex;
    gap: 0.5rem;
	margin-top: 0.5rem;
}
#deliveryMethods h4 {
    margin: 0;
    background-color: var(--white);
    box-shadow: 0 0 0.25rem var(--graydark);
    color: var(--black);
    padding: 0.5rem 0;
    text-align: center;
    border-radius: 0.5rem 0.5rem 0.25rem 0.25rem;
    font-size: 1rem;
}
#deliveryMethods .met-cnt .met-itm {
    width: 33.33%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.75rem;
    box-shadow: 0 0 0.25rem var(--graydark);
    background-color: var(--white);
    flex-direction: row;
    text-align: center;
    position: relative;
    overflow: hidden;
}
#deliveryMethods .method-one {
	border-radius: 0.25rem 0.25rem 0.25rem 0.5rem;
}
#deliveryMethods .method-two {
	border-radius: 0.25rem;
}
#deliveryMethods .method-thr {
	border-radius: 0.25rem 0.25rem 0.55rem 0.25rem;
}
#deliveryMethods .met-cnt .met-itm:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 2rem solid var(--primary);
    border-right: 2rem solid transparent;
    left: 0px;
    top: 0px;
}
#deliveryMethods .met-cnt .met-itm:after {
	content: '';
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	left: 5px;
	top: 5px;
	background-image: url(https://tiendakrear3d.com/wp-content/uploads/kyro11/svg/chk.svg);
}
#deliveryMethods .met-cnt .met-itm.itm-off {
	opacity: 0.7;
    -webkit-filter: saturate(0);
}
#deliveryMethods .met-cnt .met-itm.itm-off:after {
	width: 9px;
    height: 9px;
    background-image: url(https://tiendakrear3d.com/wp-content/uploads/kyro11/svg/eqs.svg);
}
#deliveryMethods .met-cnt .met-itm img {
    width: 2.5rem;
	height: 2.5rem;
}
#deliveryMethods .met-cnt .met-itm h5 {
    margin: 0;
    margin-bottom: 0.5rem;
    font-size: 0.85rem;
    line-height: 0.9rem;
    color: var(--primary);
    font-weight: 600;
}
#deliveryMethods .met-cnt .met-itm p {
	margin: 0;
	font-size: 0.7rem;
	line-height: 0.9rem;
}
@media only screen and (max-width: 75rem) {
    #deliveryMethods .met-cnt {
        flex-direction: column;
    }
    #deliveryMethods .met-cnt .met-itm {
        width: 100%;
        justify-content: space-between;
        padding: 0.75rem 2rem;
        text-align: left;
        flex-direction: row-reverse;
    }
}

/*********************************** AFILIADOS **********************************/

#afiliados .data1-afi {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
    background-color: var(--white);
	gap: 3rem;
}
#afiliados .data1-afi .info {
   display: flex;
   flex-direction: column;
   justify-content: center;
	max-width: 30rem;
}
#afiliados .data1-afi .info h1 {
    color: var(--primary);
    font-size: 2.3rem;
    margin: 0;
    line-height: 1;
}
#afiliados .data1-afi .info p {
    line-height: 1.3;
    margin: 0.5rem 0;
}
#afiliados .data1-afi .cards {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 3rem;
}
#afiliados .data1-afi .cards .card{
  width: 15rem;
  height: 15rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  background-color: var(--primary);
  padding: 1.5rem;
  border-radius: 1.5rem;  
}
#afiliados .data1-afi .cards .card img {
    width: 5.5rem;
    margin-bottom: 1rem;
}
#afiliados .data1-afi .cards .card h1{
    font-size: 0.75rem;
    margin: 0.3rem 0;
}
#afiliados .data1-afi .cards .card p{
    font-size: 0.6rem;
    margin: 0;
}
#afiliados .data-ext{
    display: flex;
    flex-direction: column;
    padding: 2rem;
    gap: 2rem;
	background-color:white;
}
#afiliados .data-ext .d1{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
#afiliados .data-ext .d2{
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
#afiliados .data-ext .d1,
#afiliados .data-ext .d2{
	height: 20rem;
}
#afiliados .data-ext .d1 img,
#afiliados .data-ext .d2 img{
    width: 35rem;
}
#afiliados .data-ext .d1 img{
    padding-right: 0.7rem;
    border-radius: 1rem 0 0 1rem;
}
#afiliados .data-ext .d2 img{
    padding-left: 0.7rem;
    border-radius: 0 1rem 1rem 0;
}
#afiliados .data-ext .d1 p,
#afiliados .data-ext .d2 p{
    width: 35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 4rem;
    font-size: 0.9rem;
    line-height: 1.3;
	text-align: justify;
}
#afiliados .data-ext .d1 p{
    border-radius: 0 1rem 1rem 0;
    margin: 0;
    background: linear-gradient(to right, #ffffff , var(--gray));
}
#afiliados .data-ext .d2 p{
    border-radius: 1rem 0 0 1rem;
    margin: 0;
    background: linear-gradient(to left, #ffffff , var(--gray));
}
#afiliados .unete{
  background: linear-gradient(270deg, #213337bf 0%, var(--primary) 100%), url(https://tiendakrear3d.com/wp-content/uploads/2024/06/fon-scaled-1.webp);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12rem;
}
#afiliados .unete div:first-child{
    color: white;
    margin-right: 20rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#afiliados .unete div:first-child p{
    margin: 0;
    font-size: 1.2rem;
	line-height: 1;
}
#afiliados .unete div:first-child h1{
    font-size: 3rem;
    margin: 0;
    font-weight: 600;
	line-height: 1;
}
#afiliados .unete button{
    background-color: var(--primary);
    border: 0;
    border-radius: 2rem;
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 0.8rem 3rem;
    cursor: pointer;
}
#afiliados .pregf{
   display: flex;
   padding: 4rem 2rem;
   flex-direction: column; 
   align-items: center;
   justify-content: center;
   background: var(--background-image-url);
   gap: 2rem;
}

#afiliados .pregf h1{
    font-size: 1.3rem;
    font-weight: 800;
}

#afiliados .pregf .faq{
    background-color: white;
    border-radius: 1rem;
    width: 60rem;
    padding: 0.5rem 1rem;
} 
#afiliados .pregf .faq .question{
    display: flex;
    justify-content: center;
    align-items: center;
}
#afiliados .pregf .faq .question p{
    font-weight: 600;
    margin: 0;
}
#afiliados .pregf .faq .question button{
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: none;
    background-color: var(--primary);
	cursor: pointer;
}
#afiliados .pregf .faq .question button img{
    width: 1rem;
    filter: invert(100%);
}
#afiliados .pregf .faq .content{
    overflow: hidden;
    transition: height 0.5s ease-in-out;
    height: 0;
}


#afiliados .video-ins{
   	width: 100%;
	background-color: var(--gray);
    padding: 2rem 0;
}

#afiliados .video-ins iframe{
    display: flex;
    width: 60%;
    height: auto;
    aspect-ratio: 16/9;
    margin: auto;
    border-radius: 2rem;
}
@media only screen and (max-width: 100rem) {
    #afiliados .data1-afi .info{
        gap: 1.5rem;
		max-width: 32rem;
    }
    #afiliados .data1-afi .info p{
        font-size: 0.9rem;
    }
    #afiliados .data1-afi .cards{
        gap: 1rem;
    }
    #afiliados .data1-afi .cards .card{
        width: 12rem;
        height: 12rem;
        padding: 1rem;
    }
    #afiliados .data1-afi .cards .card img {
        width: 4rem;
		margin-bottom: 0.75rem;
    }
    
    #afiliados .data1-afi .cards .card h1{
        font-size: 0.65rem;
    }
    #afiliados .data1-afi .cards .card p{
		font-size: 0.55rem;
    }
    #afiliados .data-ext .d1 p,
    #afiliados .data-ext .d2 p{
        padding: 3rem;
    }

}
@media only screen and (max-width: 75rem) {
    #afiliados .data1-afi .info{
        text-align: left;
    }
    #afiliados .data1-afi .info h1{
        font-size: 1.3rem;
    }
    #afiliados .data1-afi .info p{
        font-size: 0.7rem;
    }
    #afiliados .data-ext{
        padding: 2rem 6rem;
    }
    #afiliados .data-ext .d1,
    #afiliados .data-ext .d2 {
        min-height: 16rem;
		height: 16rem;
    }
    #afiliados .data-ext .d1 p,
    #afiliados .data-ext .d2 p{
        font-size: 0.8rem;
        padding: 1rem 2rem;
    }
    #afiliados .pregf .faq{
        width:85%;
    }
	#afiliados .pregf p.intro-q{
		padding: 0 6rem;
		width: auto;
	}
    #afiliados .unete div:first-child{
        margin-right: 10rem;
    }
    #afiliados .data-ext .d1 img,
    #afiliados .data-ext .d2 img{
    min-width: 21rem;
    }
	#afiliados .video-ins iframe{
        width: 90%;
    }
}
@media only screen and (max-width: 62rem) {
    #afiliados .data1-afi {
        flex-direction: column;
        padding: 2rem;
        background-color: white;
		gap: 0;
    }
    #afiliados .data1-afi .info{
        max-width: 100%;
        gap: 0;
        text-align: center;
        margin: 0;
        flex-direction: row;
    }
    #afiliados .data1-afi .info h1{
        font-size: 1.85rem;
        padding: 1rem;
        width: 50%;
        display: flex;
        align-items: center;
    }
    #afiliados .data1-afi .info p{
        width: 50%;
        padding: 2rem 2rem 2rem 0;
        display: flex;
        align-items: center;
        justify-content: left;
        text-align: left;
    }
    #afiliados .data1-afi .cards{
        gap: 2rem;
        width: 100%;
        padding: 2rem;
        background-image: url('https://tiendakrear3d.com/wp-content/uploads/2024/06/whirlpool.webp');
    }
    #afiliados .data1-afi{
        padding: 0;
    }
    #afiliados .data-ext{
        padding: 2rem;
    }
    #afiliados .data-ext .d1 p,
    #afiliados .data-ext .d2 p{
        padding: 1rem;
        font-size: 0.8rem;
    }

    #afiliados .unete div:first-child{
        margin-right: 5rem;
    }
    #afiliados .unete div:first-child h1{
        font-size: 3rem;
    }
    #afiliados .unete button{
        font-size: 1.3rem;
    }
}
@media only screen and (max-width: 48rem) {

    #afiliados .data1-afi .cards{
        flex-wrap: wrap;
    }
    #afiliados .data-ext .d1,
    #afiliados .data-ext .d2{
        align-items: center;
        justify-content: center;
        flex-direction: column;
        border-radius: 1rem;
        margin: 1rem 1.5rem;
		height: auto;
    }
    #afiliados .data-ext .d1 img,
    #afiliados .data-ext .d2 img{
        width: 100%;
        border-radius: 1rem 1rem 0 0;
        padding: 0;
    }
    #afiliados .data-ext .d1 p,
    #afiliados .data-ext .d2 p{
        width: 100%;
        text-align: center;
        line-height: 1.3;
        border-radius: 0 0 1rem 1rem;
		background: var(--gray);
    }
    #afiliados .pregf h1{
        font-size: 1.1rem;
    }
    #afiliados .pregf .faq .question p{
        margin-right: 1rem;
    }
    #afiliados .unete div:first-child{
        margin-right: 2rem;
    }
    #afiliados .unete div:first-child p{
        font-size: 0.9rem;
    }
    #afiliados .unete div:first-child h1{
        font-size: 2.5rem;
    }
    #afiliados .unete button{
        font-size: 1rem;
    }
	#afiliados .video-ins iframe{
        height: 20rem;
    }
}
@media only screen and (max-width: 36rem) {
	#afiliados .pregf .faq .question p {
    	max-width: 14rem;
	}
    #afiliados .data-ext {
        padding: 1rem;
        gap: 1rem;
    }
	#afiliados .data-ext .d1 p,
    #afiliados .data-ext .d2 p{
        font-size: 0.65rem;
    }
    #afiliados .pregf p.intro-q {
		padding: 0 3rem;
	}
    #afiliados .pregf{
        padding: 2rem 1rem; 
    }
    #afiliados .pregf h1 {
        font-size: 1rem;
    }
    #afiliados .pregf .faq {
        width: 90%;
        font-size: 0.9rem;
    }
    #afiliados .data1-afi .info h1{
        font-size: 1.5rem;
        padding-right: 6rem;
		text-align: left;
    }
    #afiliados .data1-afi .info p{
        font-size: 0.55rem;
    }
    #afiliados .data1-afi .cards{
        flex-wrap: nowrap;
        gap: 0.5rem;
        padding: 2rem 0.5rem;
    }
    #afiliados .data1-afi .cards .card{
        padding: 0.5rem;
        border-radius: 1rem;
    }
    #afiliados .data1-afi .cards .card img{
        width: 3rem;
    }
    #afiliados .data1-afi .cards .card h1{
        font-size: 0.5rem;
    }
    #afiliados .data1-afi .cards .card p{
        height: 2rem;
        font-size: 0.43rem;
    }
    #afiliados .unete{
        flex-direction: column;
    }
    #afiliados .unete div:first-child{
        margin-right: 0;
        margin-bottom: 1.5rem;
    }
    #afiliados .unete button{
        font-size: 1rem;
        padding: 0.8rem 2rem;
    }
}
@media only screen and (max-width: 26rem) {
    #afiliados .data-ext .d1 p,
    #afiliados .data-ext .d2 p{
        font-size: 0.6rem;
		width: 21rem;
    }
    #afiliados .pregf .faq {
        font-size: 0.8rem;
    }
    #afiliados .pregf .faq .question button{
        width: 1.3rem;
        height: 1.3rem;
    }
    #afiliados .pregf .faq .question button img{
        width: 0.7rem;
    }
    #afiliados .data1-afi .info h1{
        font-size: 1.3rem;
		padding-right: 4rem;
    }
    #afiliados .data1-afi .info p{
        font-size: 0.5rem;
        padding: 2rem 1rem 2rem 0;
    }
}

/*********************************** AFILIADOS DASHBOARD  **********************************/ 

.yith-wcaf-dashboard {
	background-color: var(--white);
}
.yith-wcaf-dashboard .affiliate-stats {
	display: flex;
    gap: 2rem;
    max-width: 88rem;
    padding: 2rem;
}
.yith-wcaf-dashboard .affiliate-stats .left {
	display: flex;
    flex-direction: column;
    gap: 1rem;
}
.yith-wcaf-dashboard .affiliate-stats .hi {
    padding: 0rem 4rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    align-items: center;
}
.yith-wcaf-dashboard .affiliate-stats .hi p {
    font-weight: 600;
    color: var(--primary);
    font-size: 1.25rem;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 1rem;
}
.yith-wcaf-dashboard .affiliate-stats .hi .user {
	padding: 1.25rem;
    background-color: var(--gray);
    border-radius: 5rem;
    border: 2px solid #e5e5e5;
}
.yith-wcaf-dashboard .affiliate-stats .hi .user img {
    width: 4rem;
    height: 4rem;
}
.yith-wcaf-dashboard .affiliate-stats .hi h1 {
    font-weight: 600;
	margin: 0;
}
.yith-wcaf-dashboard .affiliate-stats .yith-wcaf-dashboard-navigation {
	list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.yith-wcaf-dashboard .affiliate-stats .yith-wcaf-dashboard-navigation li a {
    color: black;
    background-color: var(--gray);
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    font-weight: 700;
	transition: var(--transition);
}
.yith-wcaf-dashboard .affiliate-stats .yith-wcaf-dashboard-navigation li a:hover {
	background-color: var(--primaryopacity);
	color: var(--primary);
}
.yith-wcaf-dashboard .affiliate-stats .yith-wcaf-dashboard-navigation li.is-active a {
	background-color: var(--primary) !important;
    color: white !important;
}
.yith-wcaf-dashboard .affiliate-stats .yith-wcaf-dashboard-navigation li.is-active a:hover {
	opacity: 0.75;
}
.yith-wcaf-dashboard .affiliate-stats .right {
    flex: 1;
    flex-direction: column;
    display: flex;
    border-radius: 1rem;
    padding: 2rem;
    background-color: var(--gray);
    gap: 2rem;
}
.yith-wcaf-dashboard .affiliate-stats .stat-box {
    display: flex;
    gap: 2rem;
}
.yith-wcaf-dashboard .affiliate-stats .stat-item {
    width: 50%;
    background-color: var(--primary);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
    gap: 0.5rem;
}
.yith-wcaf-dashboard .affiliate-stats .stat-item .stat-label {
    font-size: 1rem;
}
.yith-wcaf-dashboard .affiliate-stats .stat-item .stat-value {
font-weight: 600;
    font-size: 2.5rem;
}
.yith-wcaf-dashboard .affiliate-stats .tb {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--white);
    border-radius: 0.75rem;
    padding: 3rem;
    box-shadow: 0 0.25rem 0.5rem #e6e6e6;
    width: 50%;
}
.yith-wcaf-dashboard .affiliate-stats .tb table {
	border-collapse: collapse;
}
.yith-wcaf-dashboard .affiliate-stats .tb table tr:not(:last-child) {
    border-bottom: 1px dashed #00000017;
}
.yith-wcaf-dashboard .affiliate-stats .tb table th, 
.yith-wcaf-dashboard .affiliate-stats .tb table td {
    padding: 0.5rem 0;
	font-size: 1rem;
}
.yith-wcaf-dashboard .affiliate-stats .tb table th {
    text-align: left;
}
.yith-wcaf-dashboard .affiliate-stats .tb table td {
    text-align: right;
}
.yith-wcaf-dashboard .affiliate-stats .d {
	display: flex;
    gap: 2rem;
}
.yith-wcaf-dashboard .affiliate-stats .d .data {
	flex: 1;
    text-align: center;
    background-color: white;
    border-radius: 1rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    box-shadow: 0 0.25rem 0.5rem #e6e6e6;
	transition: var(--transition);
}
.yith-wcaf-dashboard .affiliate-stats .d .data:hover {
    color: var(--primary);
}
.yith-wcaf-dashboard .affiliate-stats .d .data p,
.yith-wcaf-dashboard .affiliate-stats .d .data h1 {
	margin: 0;
}
.yith-wcaf-dashboard .comissions {
	background-color: var(--gray);
}
.yith-wcaf-dashboard .comissions .kyr-o11-wrp {
    max-width: 88rem;
    padding-bottom: 2rem;
}
.yith-wcaf-dashboard .comissions .dashboard-title {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
	position: relative;
}
.yith-wcaf-dashboard .view-all {
	position: absolute;
    right: 0;
    top: 1rem;
}
.yith-wcaf-dashboard .view-all a {
    border-radius: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    font-weight: 700;
    transition: var(--transition);
    border: 1px solid var(--primary);
    color: var(--primary);
}
.yith-wcaf-dashboard .view-all a:hover {
    background-color: var(--primary);
    color: var(--white);
}
.yith-wcaf-dashboard .comissions .dashboard-title h3 {
	margin: 0;
    display: inline-block;
    font-size: 1.25rem;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 600;
    background-color: var(--primary);
    padding: 1rem 2rem;
    border-radius: 0 0 2rem 2rem;
    box-shadow: 0 0 0.25rem #dfdfdf;
    letter-spacing: 0.08rem;
}
.yith-wcaf-dashboard .comissions.dark {
	background-color: var(--white);
}
.yith-wcaf-dashboard .comissions.dark .dashboard-title h3 {
    background-color: var(--secondary);
}
.yith-wcaf-dashboard .comissions.dark table.shop_table {
	background-color: var(--gray);
}
.yith-wcaf-dashboard .comissions td.column-status > mark.status-badge.pending {
    background-color: #c6e1c6;
    padding: 10px;
    border-radius: 5px;
    color: #5b841b;
}
.yith-wcaf-dashboard .comissions td.column-status > mark.status-badge.paid {
    background-color: #c8d7e1;
    padding: 10px 18px;
    border-radius: 5px;
    color: #2e4453;    
}
.yith-wcaf-dashboard .comissions td.column-status > mark.status-badge.cancelled {
    background-color: #e5e5e5;
    padding: 10px;
    border-radius: 5px;
    color: #50575E;    
}
.yith-wcaf-dashboard .comissions td.column-status > mark.status-badge.refunded {
    background-color: #e5e5e5;
    padding: 10px;
    border-radius: 5px;
    color: #777777;    
}
.yith-wcaf-dashboard .comissions td.column-status > mark.status-badge.not-confirmed {
    background-color: #f8dda7;
    padding: 10px;
    border-radius: 5px;
    color: #94660c;    
}
.yith-wcaf-dashboard .comissions td.column-status > mark.status-badge.pending-payment {
    background-color: #e5e5e5;
    padding: 10px;
    border-radius: 5px;
    color: #777777;
}
.yith-wcaf-dashboard .comissions table.shop_table a {
	color: var(--primary);
    font-weight: 600;
}









/***********************************  ********************************  **********************************/ 
.yith-wcaf-dashboard .affiliate-stats .filter {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.yith-wcaf-dashboard .affiliate-stats .table-filters {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
#status {
    padding: 0.75rem;
    border: 0;
    margin: 0;
    border-radius: 0.5rem;
    flex: 1;
    background-color: var(--white);
    box-shadow: 0 0.25rem 0.5rem #e6e6e6;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
}
.yith-wcaf-dashboard .affiliate-stats .yith-wcaf-table-top-bar {
	display: flex;
    flex-direction: column;
    gap: 2rem;
}
.yith-wcaf-dashboard .affiliate-stats .table-filters input[type="text"] {
    padding: 0.75rem;
    border: 0;
    margin: 0;
    border-radius: 0.5rem;
    flex: 1;
    background-color: var(--white);
    box-shadow: 0 0.25rem 0.5rem #e6e6e6;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
}
.yith-wcaf-dashboard .affiliate-stats .table-filters input[type="submit"] {
    background-color: var(--primary);
    border: 0;
    border-radius: 2rem;
    padding: 0.75rem 2rem;
    color: var(--white);
    font-size: 0.85rem;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
}
.yith-wcaf-dashboard .affiliate-stats .table-options.pull-right label {
	font-weight: 600;
    display: flex;
    gap: 1rem;
    align-items: center;
    margin-left: auto;
}
.yith-wcaf-dashboard .affiliate-stats .table-options.pull-right label input[type=number] {
    text-align: center;
    padding: 0.5rem 0.75rem;
    border: 0;
    margin: 0;
    border-radius: 0.5rem;
    background-color: var(--white);
    box-shadow: 0 0.25rem 0.5rem #e6e6e6;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
}
.yith-wcaf-dashboard .affiliate-stats .table-filters a {
	background-color: var(--white);
    box-shadow: 0 0.25rem 0.5rem #e6e6e6;
    border: 0;
    color: var(--primary);
    border-radius: 2rem;
    padding: 0.75rem 2rem;
    font-size: 0.85rem;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
}

.yith-wcaf-dashboard .affiliate-stats .yith-wcaf-table-bottom-bar nav {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.yith-wcaf-dashboard .affiliate-stats .yith-wcaf-table-bottom-bar nav a {
    background-color: var(--white);
    box-shadow: 0 0.25rem 0.5rem #e6e6e6;
    border: 0;
    border-radius: 2rem;
    padding: 0.75rem 1rem;
    color: var(--black);
    font-size: 0.85rem;
    cursor: pointer;
}
.yith-wcaf-dashboard .affiliate-stats .yith-wcaf-table-bottom-bar nav span {
    background-color: var(--primary);
    border: 0;
    border-radius: 2rem;
    padding: 0.75rem 1rem;
    color: var(--white);
    font-size: 0.85rem;
    cursor: pointer;
}
.yith-wcaf-dashboard table.shop_table {
    margin-bottom: 0;
}
.yith-wcaf-dashboard table.shop_table a {
	color: black;
}
.yith-wcaf-dashboard table.shop_table td a {
	color: var(--primary);
	font-weight: 600;
}


.yith-wcaf-dashboard table.shop_table td.column-status > mark.status-badge {
    padding: 0.5rem 0.75rem;
    border-radius: 1.5rem;
}

.yith-wcaf-dashboard table.shop_table td.column-status > mark.status-badge.not-converted,
.yith-wcaf-dashboard table.shop_table td.column-status > mark.status-badge.pending-payment,
.yith-wcaf-dashboard table.shop_table td.column-status > mark.status-badge.pending {
	background-color: #f8dda7;
	color: #94660c;
}
.yith-wcaf-dashboard table.shop_table td.column-status > mark.status-badge.enabled,
.yith-wcaf-dashboard table.shop_table td.column-status > mark.status-badge.paid	,
.yith-wcaf-dashboard table.shop_table td.column-status > mark.status-badge.completed,
.yith-wcaf-dashboard table.shop_table td.column-status > mark.status-badge.converted {
    background-color: #c6e1c6;
    color: #5b841b;
}
.yith-wcaf-dashboard table.shop_table td.column-status > mark.status-badge.disabled,
.yith-wcaf-dashboard table.shop_table td.column-status > mark.status-badge.on-hold,
.yith-wcaf-dashboard table.shop_table td.column-status > mark.status-badge.trash,
.yith-wcaf-dashboard table.shop_table td.column-status > mark.status-badge.not-confirmed {
	background-color: #e5e5e5;
	color: #50575E;
}
.yith-wcaf-dashboard table.shop_table td.column-status > mark.status-badge.cancelled,
.yith-wcaf-dashboard table.shop_table td.column-status > mark.status-badge.banned,
.yith-wcaf-dashboard table.shop_table td.column-status > mark.status-badge.refunded {
    background-color: #facece;
    color: #c9233d;
}



.yith-wcaf-dashboard .yith-wcaf-notice-message {
	background-color: var(--primary);
    color: var(--white);
    padding: 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-align: center;
}

.yith-wcaf-dashboard .right .d1 {
	display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    justify-content: center;
}
.yith-wcaf-dashboard .right .d1 h4 {
	margin: 0;
    text-align: center;
    font-size: 1.25rem;
    text-transform: uppercase;
}
.yith-wcaf-dashboard .right .d1 h4 .regular-text {
	font-weight: 800;
    color: var(--primary);
}
.yith-wcaf-dashboard .right .d1 p {
	margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}
.yith-wcaf-dashboard .right .d1 .copy-field-wrapper {
	display: flex;
    gap: 1rem;
    align-items: center;
    flex: 1;
}
.yith-wcaf-dashboard .right .d1 .copy-field-wrapper input {
	padding: 0.75rem;
    border: 0;
    margin: 0;
    border-radius: 0.5rem;
    flex: 1;
    background-color: var(--white);
    box-shadow: 0 0.25rem 0.5rem #e6e6e6;
    cursor: default;
	outline: none;
    font-family: 'Lato', sans-serif;
}
.yith-wcaf-dashboard .right .d1 .copy-field-wrapper .copy-trigger {
    background-color: var(--primary);
    border: 0;
    border-radius: 2rem;
    padding: 0.75rem 2rem;
    color: var(--white);
    font-size: 0.85rem;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
}
.yith-wcaf-dashboard .right .d1 .copy-field-wrapper .copy-trigger img {
    width: 1rem;
    height: 1rem;
}
.yith-wcaf-dashboard .right .d1 .div-small {
    display: flex;
    flex-direction: column;
    color: var(--primary);
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    text-align: center;
}
.yith-wcaf-dashboard .right .d2 {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
    border-top: 1px dashed #cfcfcf;
	padding-top: 2rem;
}
.yith-wcaf-dashboard .right .d2 h4 {
    margin: 0;
    text-align: center;
    font-size: 1.25rem;
    text-transform: uppercase;
}
.yith-wcaf-dashboard .right .d2 form {
    DISPLAY: flex;
    FLEX-DIRECTION: COLUMN;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}
.yith-wcaf-dashboard .right .d2 form .form-row {
	margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    width: 100%;
}
.yith-wcaf-dashboard .right .d2 form .form-row label {
	font-weight: 700;
}
.yith-wcaf-dashboard .right .d2 form .form-row .origin-url {
    padding: 0.75rem;
    border: 0;
    margin: 0;
    border-radius: 0.5rem;
    background-color: var(--white);
    box-shadow: 0 0.25rem 0.5rem #e6e6e6;
    font-family: 'Lato', sans-serif;
    flex: 1;
}
.yith-wcaf-dashboard .right .d2 form .form-row .copy-field-wrapper {
	display: flex;
    gap: 1rem;
    align-items: center;
    flex: 1;
}
.yith-wcaf-dashboard .right .d2 form .form-row .generated-url {
    padding: 0.75rem;
    border: 0;
    margin: 0;
    border-radius: 0.5rem;
    background-color: var(--white);
    box-shadow: 0 0.25rem 0.5rem #e6e6e6;
    font-family: 'Lato', sans-serif;
    flex: 1;
	cursor: default;
	outline: none;
}
.yith-wcaf-dashboard .right .d2 form .form-row .copy-trigger {
    background-color: var(--primary);
    border: 0;
    border-radius: 2rem;
    padding: 0.75rem 2rem;
    color: var(--white);
    font-size: 0.85rem;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
}
.yith-wcaf-dashboard .right .d2 form .form-row .copy-trigger img {
    width: 1rem;
    height: 1rem;
}
.yith-wcaf-dashboard  .yith_wcaf_settings_box {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
}
.yith-wcaf-dashboard  .yith_wcaf_settings_box .settings-box {
    width: 100%;
}

.yith-wcaf-dashboard  .yith_wcaf_settings_box .single-column {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 70%;
}

#gateway_bacs_bacs_iban,
#gateway_bacs_bacs_swift,
#gateway_bacs_bacs_name {
	padding: 0.75rem;
    border: 0;
    margin: 0;
    border-radius: 0.5rem;
    background-color: var(--white);
    box-shadow: 0 0.25rem 0.5rem #e6e6e6;
    font-family: 'Lato', sans-serif;
}
#wcaf_settings_submit {
	background-color: var(--primary);
    border: 0;
    border-radius: 2rem;
    padding: 0.75rem 2rem;
    color: var(--white);
    font-size: 0.85rem;
    cursor: pointer;
    font-family: 'Lato', sans-serif;
}

#ui-datepicker-div{
	background-color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 200px;
	border-radius: 5px;
	border: 1px solid gray;
}
#ui-datepicker-div > div{
	display:flex;
	margin-top: 10px;
	width: 90%;
}
#ui-datepicker-div table{
	width: 90%;
}

#ui-datepicker-div > table > tbody a{
	color: black;
}
.ui-icon.ui-icon-circle-triangle-w {
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	width: 20px;
	height: 20px; 
	background-image: url('https://tiendakrear3d.com/wp-content/uploads/2024/06/left.png');
	background-size: cover;
	margin-right: 5px;
	cursor: pointer;
}   

.ui-icon.ui-icon-circle-triangle-e{
	text-indent: -9999px;
	overflow: hidden;
	display: inline-block;
	width: 20px;
	height: 20px; 
	background-image: url('https://tiendakrear3d.com/wp-content/uploads/2024/06/right.png');
	background-size: cover;    
	margin-right: 5px;
	cursor: pointer;
}
#ui-datepicker-div > div > div{
	margin-left: auto;    
}
#ui-datepicker-div > div > div > span.ui-datepicker-month{
	text-transform: capitalize;    
}


.yith-wcaf-dashboard .woocommerce-message {
	background-color: var(--primary);
    color: var(--white);
    padding: 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-align: center;
    margin: 0;
    border: none;
}
.yith-wcaf-dashboard .woocommerce-message::before {
	content: "";
}

/*------------------------------  100rem 1600px  -----------------------------*/ 
@media only screen and (max-width: 100rem) {
    
}
/*------------------------------  75rem 1200px  -----------------------------*/ 
@media only screen and (max-width: 75rem) {
	.yith-wcaf-dashboard .affiliate-stats .d .data,
	.yith-wcaf-dashboard .affiliate-stats .tb {
		padding: 1.5rem;
	}
}
/*------------------------------  62rem 992px  ------------------------------*/ 
@media only screen and (max-width: 62rem) {
	.yith-wcaf-dashboard .affiliate-stats {
		flex-direction: column;
	}
	.yith-wcaf-dashboard .affiliate-stats .yith-wcaf-dashboard-navigation {
		flex-direction: row;
    	justify-content: center;
	}
	.yith-wcaf-dashboard .affiliate-stats .yith-wcaf-dashboard-navigation li a {
		padding: 0.5rem 1rem;
	}
	.yith-wcaf-dashboard .affiliate-stats .table-filters {
		flex-wrap: wrap;
	}
}
/*------------------------------  48rem 768px  ------------------------------*/ 
@media only screen and (max-width: 48rem) {
	.yith-wcaf-dashboard .affiliate-stats .yith-wcaf-dashboard-navigation {
		flex-wrap: wrap;
	}
	.yith-wcaf-dashboard .affiliate-stats {
		gap: 1rem;
    	padding: 1rem;
	}
	.yith-wcaf-dashboard .affiliate-stats .stat-box {
		gap: 1rem;
	}
	.yith-wcaf-dashboard .affiliate-stats .right {
		padding: 1rem;
    	gap: 1rem;
	}
	.yith-wcaf-dashboard .affiliate-stats .d {
		gap: 1rem;
		flex-direction: column;
	}
	.yith-wcaf-dashboard .affiliate-stats .d .data {
		gap: 1rem;
		padding: 1rem;
	}
	.yith-wcaf-dashboard .affiliate-stats .stat-item .stat-value {
		font-size: 2rem;
	}
	.yith-wcaf-dashboard table.shop_table {
		table-layout: fixed;
	}
	.yith-wcaf-dashboard table.shop_table td {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.yith-wcaf-dashboard table.shop_table td a {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: block;
	}
	.woocommerce table.shop_table_responsive tr td::before, 
	.woocommerce-page table.shop_table_responsive tr td::before {
		margin-right: 1rem;
	}
	.yith-wcaf-dashboard .right .d2 form .form-row {
		flex-direction: column;
    	gap: 0.5rem;
	}
	.yith-wcaf-dashboard .right .d2 form .form-row .copy-field-wrapper {
		flex-wrap: wrap;
    	justify-content: center;
	}
	.yith-wcaf-dashboard .right .d2 form .form-row .origin-url {
		width: 100%;
	}
	.yith-wcaf-dashboard .right .d1 p {
		flex-direction: column;
    	gap: 0.5rem;
	}
	.yith-wcaf-dashboard .right .d1 .copy-field-wrapper {
		flex-wrap: wrap;
    	justify-content: center;
	}
	.yith-wcaf-dashboard .right .d1 h4 {
		padding-top: 1rem;
	}
}
/*------------------------------  36rem 576px  ------------------------------*/ 
@media only screen and (max-width: 36rem) {
	.yith-wcaf-dashboard .affiliate-stats .stat-box {
		flex-direction: column;
	}
	.yith-wcaf-dashboard .affiliate-stats .stat-item {
		width: 100%;
    	padding: 1rem;
	}
	.yith-wcaf-dashboard .affiliate-stats .tb {
		width: 100%;
    	padding: 1rem;
	}
	.yith-wcaf-dashboard .affiliate-stats .d .data {
		flex: initial;
    	width: 100%;
	}
	.yith-wcaf-dashboard .comissions .dashboard-title h3 {
		font-size: 1rem;
	}
	.yith-wcaf-dashboard table.shop_table td.column-link,
	.yith-wcaf-dashboard table.shop_table td.column-product {
		position: relative;
    	padding-top: 2.5rem;
	}
	.yith-wcaf-dashboard table.shop_table td.column-link::before,
	.yith-wcaf-dashboard table.shop_table td.column-product::before {
		position: absolute;
        top: 1rem;
        left: 1rem;
	}
	.yith-wcaf-dashboard .yith_wcaf_settings_box .single-column {
		width: 100%;
	}
	.yith-wcaf-dashboard .comissions .dashboard-title {
		    flex-direction: column;
		align-items: center;
		gap: 1rem;
	}
	.yith-wcaf-dashboard .view-all {
		position: initial;
	}
}
/*------------------------------  30rem 480px  ------------------------------*/ 
@media only screen and (max-width: 36rem) {
	.home .imageSlider .wrapper h3{
		text-align: center;
		margin-bottom: 1rem;
	}
}
@media only screen and (max-width: 30rem) {
	.home .kyr-o11-sld article .sec-brb{
		margin: 1.2rem 0 0 auto;
	}
}
/*------------------------------  26rem 416px  ------------------------------*/ 
@media only screen and (max-width: 26rem) {

}


/**************************************************** SORTEOS ***************************************************/ 

#ky1-nrf .rff-hdr {
    padding: 3rem 0;
    background: linear-gradient(180deg, var(--white) 0%, var(--gray) 25%);
}
#ky1-nrf .rff-hdr .wrapper {
	max-width: 82rem;
}

#ky1-nrf .rff-hdr h1 {
	margin: 0;
    font-weight: 600;
    color: #ff7021;
    text-align: center;
    font-size: 2rem;
}
#ky1-nrf .rff-hdr p {
	text-align: center;
	margin-bottom: 2rem;
}

#ky1-nrf .rff-hdr ul {
    display: flex;
}

#ky1-nrf .rff-hdr ul .rff-box {
	justify-content: center;
    display: flex;
    gap: 2rem;
    padding: 2rem;
    border-radius: 0.25rem;
    border: 2px solid #ebebeb;
    background-color: var(--white);
	cursor: pointer;
	transition: 0.25s opacity ease-in-out;
}
#ky1-nrf .rff-hdr ul .rff-box:hover {
    opacity: 0.75;
}
#ky1-nrf .rff-hdr ul .rff-box.rff-act {
	border: 2px solid #ff70218c
}
#ky1-nrf .rff-hdr ul .box-img {
    display: flex;
    justify-content: center;
    align-items: center;
}
#ky1-nrf .rff-hdr ul .box-img img {
    width: 12rem;
    height: 12rem;
    min-width: 12rem;
}
#ky1-nrf .rff-hdr ul span {
    display: block;
    margin-bottom: 1.5rem;
    font-size: 0.85rem;
}
#ky1-nrf .rff-hdr ul h2 {
    margin: 0;
    font-weight: 600;
}
#ky1-nrf .rff-hdr ul h2 b {
    font-weight: 600;
    color: var(--primary);
}
#ky1-nrf .rff-hdr ul p {
    text-align: left;
    margin: 1.5rem 0;
    font-size: 0.75rem;
}
#ky1-nrf .rff-hdr ul .rff-ky1 {
border: none;
    background-color: var(--primary);
    color: var(--white);
    font-weight: 600;
    text-transform: uppercase;
    padding: 0.5rem 3rem;
    border-radius: 2rem;
    width: 100%;
    text-align: center;
    font-family: inherit;
    font-size: 0.9rem;
}
#ky1-nrf .rff-prz  {
    background-color: #e5641a;
	background: linear-gradient(0deg, rgba(229,100,26,1) 0%, rgba(33,51,55,1) 100%);
    color: var(--white);
    padding: 3rem 0;
}
#ky1-nrf .rff-prz .wrapper {
	max-width: 75rem;
}
#ky1-nrf .rff-prz h1 {
    margin: 0;
    font-weight: 600;
    text-align: center;
	font-style: oblique;
    font-size: 2.5rem;
	text-transform: uppercase;
}
#ky1-nrf .rff-prz h1 b {
    color: var(--primary);
    font-weight: 600;
}
#ky1-nrf .rff-prz p {
    text-align: center;
	margin-bottom: 0;
	padding: 0 3rem;
}
#ky1-nrf .rff-prz ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: start;
	margin-top: 2rem;
	gap: 1rem;
}
#ky1-nrf .rff-prz ul li {
   flex: 1;
	text-align: center;
}

#ky1-nrf .rff-prz ul h2 {
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}
#ky1-nrf .rff-prz ul h2 a {
	color: var(--white);
	text-transform: uppercase;
    font-size: 1rem;
    font-weight: 600;
}
#ky1-nrf .rff-prz ul .prz-lnk {
	display: inline-block;
    background-color: var(--primary);
    padding: 1rem;
    border-radius: 1.5rem;
}
#ky1-nrf .rff-prz ul .prz-box {
	background-color: var(--white);
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 0 8px 12px #e5641a;
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}
#ky1-nrf .rff-prz ul .prz-box .prz-brd {
	width: 6rem;
}
#ky1-nrf .rff-prz ul .prz-box .prz-img  {
	width: 12rem;
}
#ky1-nrf .rff-prz ul li:hover .prz-box {
	transform: scale(1.025);
}

#ky1-nrf .rff-stp {
	padding: 3rem 0;
	text-align: center;
}
#ky1-nrf .rff-stp .wrapper {
	max-width: 75rem;
}
#ky1-nrf .rff-stp h1 {
	margin: 0;
	font-weight: 600;
    font-size: 2rem;
}
#ky1-nrf .rff-stp b:after {
	content: '';
}
#ky1-nrf .rff-stp ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 2rem;
    list-style: none;
}
#ky1-nrf .rff-stp ul li {
    padding: 2rem;
    border-radius: 0.25rem;
    border: 1px solid #ebebeb;
    background-color: var(--white);
    margin-top: 1rem;
	flex: 1;
}
#ky1-nrf .rff-stp ul li img {
	min-width: 5rem;
	transition: var(--transition);
	max-width: 5rem;
}
#ky1-nrf .rff-stp ul h2 {
	font-size: 1.5rem;
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
	transition: var(--transition);
}
#ky1-nrf .rff-stp ul p {
    margin: 0;
}
#ky1-nrf .rff-stp ul li:hover img {
	transform: scale(1.1);
}
#ky1-nrf .rff-stp ul li:hover h2 {
	color: #ff7021;
}

#mega-menu-item-19001 a {
	background-color: var(--primary) !important;
	color: #fff !important;
}
#ky1-nrf .rff-tbl {
	display: flex;
	justify-content: center;
	margin-top: 2rem;
}
#ky1-nrf .rff-crd th {
	text-align: center;
}
#ky1-nrf .rff-crd table,
#ky1-nrf .rff-crd th,
#ky1-nrf .rff-crd td {
	border: 1px solid;
    padding: 1rem;
    border-collapse: collapse;
}
/**************************************************** BENEFICIOS ***************************************************/ 
#beneficiosPage .wrapper {
	max-width: 75rem;
}
#beneficiosPage .sectionOne {
	padding: 3rem 0;
	background-color: var(--white);
}
#beneficiosPage .sectionOne .wrapper {
    display: flex;
    justify-content: center;
	align-items: center;
    gap: 4rem;
}
#beneficiosPage .sectionOne img {
    width: 16rem;
}
#beneficiosPage .sectionOne p {
    font-size: 1rem;
    opacity: 0.7;
    margin: 0;
	text-align: center;
}



#beneficiosPage .sectionTwo {
	position: relative;
	padding: 2rem;
    padding-top: 16rem;
    background-color: var(--gray);
    background-image: url(/wp-content/uploads/2023/10/whirlpool.png);
	box-shadow: inset 0 0 0.25rem #dfdfdf;
}
#beneficiosPage .sectionTwo .title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
}
#beneficiosPage .sectionTwo .title h2 {
    display: inline-block;
    font-size: 1rem;
    color: var(--white);
    font-weight: 500;
    background-color: var(--primary);
    padding: 1rem 2rem;
    border-radius: 0 0 2rem 2rem;
}
#beneficiosPage .sectionTwo .thermometer {
    display: flex;
    justify-content: space-between;
    background-color: var(--white);
    padding: 0.75rem;
    border-radius: 6rem;
    position: relative;
    box-shadow: 0 0 0.25rem #dfdfdf;
}
#beneficiosPage .sectionTwo .toogleDot {
    width: 3rem;
    height: 3rem;
    background-color: var(--secondary);
    border-radius: 4rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
#beneficiosPage .sectionTwo .orange {
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--primary);
    border-radius: 4rem;
    position: relative;
    z-index: 3;
	transition: var(--transition);
}
#beneficiosPage .sectionTwo .toogleDot:hover .orange {
    filter: brightness(1.5);
}
#beneficiosPage .sectionTwo .arrow {
	display: block;
    border: 1.5rem solid var(--white);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    position: absolute;
    bottom: -6rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
	transition: var(--transition);
	opacity: 0;
}
#beneficiosPage .sectionTwo .toogleDot.active .arrow {
    bottom: -3rem;
	opacity: 1;
}
#beneficiosPage .sectionTwo .contentBox {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    position: absolute;
    top: -9rem;
    background-color: var(--white);
    color: var(--black);
    z-index: 1;
    padding: 1rem 2rem;
    border-radius: 0.75rem;
    transition: var(--transition);
    box-shadow: 0 0 0.25rem #dfdfdf;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
#beneficiosPage .sectionTwo .contentBox:hover {
	opacity: 0.75;
	top: -9.25rem;
}
#beneficiosPage .sectionTwo .contentBox:before {
    content: "";
    display: block;
    border: 1.5rem solid var(--white);
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    bottom: -2.75rem;
    left: 50%;
    transform: translateX(-50%);
}
#beneficiosPage .sectionTwo .contentBox img {
    width: 3rem;
	min-width: 3rem;
	max-width: initial;
	transition: var(--transition);
	filter: grayscale(1);
}
#beneficiosPage .sectionTwo .contentBox span {
    font-weight: 600;
    font-size: 0.9rem;
}
#beneficiosPage .sectionTwo .toogleDot.active .contentBox {
    top: -12rem;
    box-shadow: 0 8px 2rem #00000026;
	opacity: 1;
	z-index: 2;
}
#beneficiosPage .sectionTwo .toogleDot.active .contentBox img {
    width: 5rem;
	filter: grayscale(0);
}
#beneficiosPage .sectionTwo .background {
    position: absolute;
    right: 2rem;
    left: 2rem;
    top: 1.45rem;
}
#beneficiosPage .sectionTwo .background span {
    background-color: var(--secondary);
    height: 1.6rem;
    display: block;
}
#beneficiosPage .sectionTwo .background .line {
	background-color: var(--primary);
    height: 0.6rem;
    margin: 0.5rem;
    display: block;
    top: 0;
    transition: all 0.4s ease-in-out;
    position: absolute;
    right: 100%;
    left: 0;
}
#beneficiosPage .sectionTwo .showActive {
	width: 3.75rem;
    height: 3.75rem;
    background-color: var(--secondary);
    border-radius: 4rem;
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: var(--transition);
}
#beneficiosPage .sectionTwo .toogleDot.active .showActive {
    opacity: 1;
}
#beneficiosPage .sectionTwo .showActive .white {
    width: 3rem;
    height: 3rem;
    background-color: var(--secondary);
    border-radius: 4rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.4rem solid var(--white);
}



#beneficiosPage .sectionThree {
    background-color: var(--white);
    padding: 3rem 0;
}
#beneficiosPage .sectionThree .content {
    align-items: center;
	display: none;
}
#beneficiosPage .sectionThree .content.active {
	display: flex;
	justify-content: space-evenly;
}
#beneficiosPage .sectionThree .left {
    display: flex;
    justify-content: center;
    align-items: center;
	flex-direction: column;
}
#beneficiosPage .sectionThree .left p {
    margin: 0;
    font-size: 1.5rem;
}
#beneficiosPage .sectionThree .left b {
    color: var(--primary);
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 2.75rem;
}
#beneficiosPage .sectionThree .left span {
    font-size: 1.5rem;
	font-weight: 600;
	color: var(--black) !important;
}
#beneficiosPage .sectionThree .right {
	border-left: dashed 1px #e1e1e1;
    margin-left: 4rem;
    padding-left: 4rem;
}
#beneficiosPage .sectionThree .right ul {
    flex-direction: column;
    gap: 1rem;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
}
#beneficiosPage .sectionThree .right ul li {
    display: flex;
    gap: 2rem;
	align-items: center;
}
#beneficiosPage .sectionThree .right ul img {
    width: 4rem;
    background-color: var(--primary);
    border-radius: 1rem;
    padding: 0.5rem 1rem;
}
#beneficiosPage .sectionThree .right ul p {
    margin: 0;
}
#beneficiosPage .sectionThree .right ul p b{
    color: #f15921;
	font-weight: 600;
}


#beneficiosPage .sectionFour {
	background: 
        linear-gradient(270deg, rgb(229 100 26 / 75%) 0%, rgb(33 51 55 / 75%) 100%),
        url(/wp-content/uploads/2023/10/bgb1.webp);
    color: var(--white);
    padding: 3rem 0;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
#beneficiosPage .sectionFour .wrapper {
    display: flex;
    justify-content: space-evenly;
    gap: 4rem;
}
#beneficiosPage .sectionFour .left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#beneficiosPage .sectionFour .left p {
    margin: 0;
    font-size: 1.2rem;
	line-height: 1;
}
#beneficiosPage .sectionFour .left h3 {
    text-transform: uppercase;
    font-weight: 300;
    margin: 0;
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    letter-spacing: 0.08rem;
	line-height: 1;
}
#beneficiosPage .sectionFour .left h3 img{
	width: 11rem;
}
#beneficiosPage .sectionFour .right {
    display: flex;
    justify-content: center;
    align-items: center;
}
#beneficiosPage .sectionFour .right a {
    background-color: var(--primary);
    color: var(--white);
    padding: 1rem 2rem;
    font-size: 1.25rem;
    font-weight: 600;
    border-radius: 2rem;
	display: block;
	cursor: pointer;
}

#beneficiosPage .bnf-fiv {
    padding: 3rem 0;
	background-image: url(/wp-content/uploads/2023/10/whirlpool.png);
}
#beneficiosPage .bnf-fiv .fiv-flx {
	display: flex;
	gap: 2rem;
}
#beneficiosPage .bnf-fiv .fiv-cnt {
	flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 2rem;
    border-radius: 0.75rem;
    border: 1px solid #ebebeb;
    background-color: var(--white);
}
#beneficiosPage .bnf-fiv .fiv-cnt span {
    background-color: var(--primaryopacity);
    width: 3.5rem;
    height: 3.5rem;
	min-width: 3.5rem;
    border-radius: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
#beneficiosPage .bnf-fiv .fiv-cnt span i {
    font-size: 2rem;
    font-weight: 600;
    color: var(--primary);
    font-style: normal;
}
#beneficiosPage .bnf-fiv .fiv-cnt h3 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0.5rem;
    margin-top: 1.5rem;
    font-size: 1.25rem;
	transition: var(--transition);
}
#beneficiosPage .bnf-fiv .fiv-cnt p {
    margin: 0;
}
#beneficiosPage .bnf-fiv .fiv-cnt:hover h3{
	color: #ff7021;
}

#beneficiosPage .bnf-qst {
    background-color: var(--gray);
    padding: 2rem 0;
    border-bottom: dashed 1px #dfdfdf;
	background-image: url(/wp-content/uploads/2023/10/whirlpool.png);
}
#beneficiosPage .bnf-qst h3 {
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
}
#beneficiosPage .bnf-qst ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#beneficiosPage .bnf-qst ul li {
    padding: 0.5rem 0;
}
#beneficiosPage .bnf-qst .qst-itm {
    border-radius: 0.75rem;
    padding: 1.5rem;
    background-color: var(--white);
	border: 1px solid #ebebeb;
	position: relative;
	cursor: pointer;
	transition: var(--transition);
}
#beneficiosPage .bnf-qst .qst-itm:hover {
	opacity: 0.75;
}
#beneficiosPage .bnf-qst .qst-itm h4 {
    margin: 0;
    font-size: 1rem;
    letter-spacing: 0.04rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
#beneficiosPage .bnf-qst .qst-itm p {
    margin-bottom: 0;
    margin-top: 0.5rem;
    display: none;
    padding-left: 0.25rem;
    text-align: justify;
    padding-right: 2.5rem;
}
#beneficiosPage .bnf-qst .qst-itm .qst-arr {
    position: absolute;
    right: 1rem;
    top: calc(50% - 0.9rem);
	background-color: var(--primary);
    width: 1.8rem;
    height: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    border-radius: 2rem;
    font-weight: 600;
    font-style: initial;
    padding: 0.4rem;
    transition: var(--transition);
}
#beneficiosPage .bnf-qst .qst-itm.itm-act p {
	display: block;
}
#beneficiosPage .bnf-qst .qst-itm.itm-act .qst-arr {
	transform: rotate(180deg);
}
@media only screen and (max-width: 62rem) {
    #beneficiosPage .sectionFour .left p {
		font-size: 1rem;
	}
	#beneficiosPage .sectionFour .left h3 {
		font-size: 2.5rem;
	}
	#beneficiosPage .sectionFour .left h3 img {
    	width: 9rem;
	}
	#beneficiosPage .bnf-fiv .fiv-flx {
		gap: 1rem;
	}
	#beneficiosPage .sectionThree .right {
		margin-left: 2rem;
    	padding-left: 2rem;
	}
	#beneficiosPage .sectionThree .right ul img {
		width: 3.5rem;
	}
	#beneficiosPage .sectionThree .left span {
		font-size: 1.125rem;
	}
	#beneficiosPage .sectionOne p {
		font-size: 1rem;
	}
}
@media only screen and (max-width: 48rem) {
    #beneficiosPage .sectionOne .wrapper {
		flex-direction: column;
		gap: 2rem;
	}
	#beneficiosPage .sectionOne p {
		font-size: 0.9rem;
		padding: 0 1rem;
	}
	#beneficiosPage .sectionOne img {
		width: 14rem;
	}
	#beneficiosPage .sectionTwo {
		padding: 2rem 0.5rem;
		padding-top: 14rem;
	}
	#beneficiosPage .sectionTwo .title h2 {
		font-size: 1rem;
	}
	#beneficiosPage .sectionTwo .contentBox {
		padding: 0.75rem 1rem;
	}
	#beneficiosPage .sectionTwo .toogleDot.active .contentBox {
		top: -10rem;
	}
	#beneficiosPage .sectionTwo .contentBox img {
		width: 2.5rem;
    	min-width: 2.5rem;
	}
	#beneficiosPage .sectionTwo .toogleDot.active .contentBox img {
		width: 3.5rem;	
	}
	#beneficiosPage .sectionThree {
		padding: 2rem 0;
	}
	#beneficiosPage .sectionThree .content.active {
		flex-direction: column;
		gap: 1rem;
	}
	#beneficiosPage .sectionThree .left span {
		font-size: 1.25rem;
	}
	#beneficiosPage .sectionThree .left b {
		font-size: 2rem;
	}
	#beneficiosPage .sectionThree .right {
		padding: 0 1rem;
		border-top: dashed 1px #e1e1e1;
		padding-top: 1rem;
		border-left: none;
		margin-left: 0;
	}
	#beneficiosPage .sectionFour {
		padding: 2rem 0;
		background-attachment: initial;
	}
	#beneficiosPage .sectionFour .wrapper {
		flex-direction: column;
    	gap: 1rem;
	}
	#beneficiosPage .bnf-fiv {
		padding: 2rem 0;
	}
	#beneficiosPage .bnf-fiv .fiv-flx {
		flex-direction: column;
	}
	#beneficiosPage .bnf-fiv .fiv-cnt {
		padding: 1rem;
		flex-direction: row;
		text-align: left;
		justify-content: start;
		gap: 1.5rem;
	}
	#beneficiosPage .bnf-fiv .fiv-cnt h3 {
		margin-top: 0;
		font-size: 1rem;
	}
	#beneficiosPage .bnf-fiv .fiv-cnt p {
		width: 100%;
	}
	#beneficiosPage .bnf-qst h3 {
		font-size: 1.25rem;
	}
    
}
@media only screen and (max-width: 36rem) {
	#beneficiosPage .sectionOne img {
		width: 12rem;
	}
	#beneficiosPage .sectionFour .left p {
		font-size: 0.9rem;
	}
	#beneficiosPage .bnf-fiv .fiv-cnt span {
		width: 3rem;
		height: 3rem;
		min-width: 3rem;
	}
	#beneficiosPage .bnf-fiv .fiv-cnt span i {
		font-size: 1.5rem;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||				||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


#ky1-nrf .rff-bar{
	background-color: var(--primary);
    color: var(--white);
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    margin-bottom: 2rem;
}
#ky1-nrf .rff-bar .bar-img {
    display: flex;
    align-items: center;
}
#ky1-nrf .rff-bar .bar-img img {
    width: 4rem;
}
#ky1-nrf .rff-bar .rff-bar-txt {
    display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
	margin: auto;
}
#ky1-nrf .rff-bar .rff-bar-txt span {
    padding: 0 1rem;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.25rem;
}
#ky1-nrf .rff-bar .rff-bar-txt img {
	width: 8rem;
}
#ky1-nrf .rff-frm {
	background-color: var(--white);
	padding: 3rem 0;
}
#ky1-nrf .rff-frm .wrapper {
	display: flex;
	max-width: 75rem;
}
#ky1-nrf .rff-frm .frm-lft {
    width: 33.33%;
    display: flex;
    align-items: center;
    text-align: center;
}
#ky1-nrf .rff-frm .frm-lft p {
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
}
#ky1-nrf .rff-frm .frm-lft span {
    background-color: var(--primary);
    color: var(--white);
    margin: 0;
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    padding: 0.5rem 4rem;
    border-radius: 2rem;
	margin-top: 0.25rem;
	animation: heartbeat 1.5s ease-in-out infinite both;
}
#ky1-nrf .rff-frm .frm-rgt {
	width: 66.66%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#ky1-nrf .rff-frm .frm-rgt form {
	display: flex;
	flex-wrap:  wrap;
	max-height: 60rem;
	transition: var(--transition);
}
#ky1-nrf .rff-frm .frm-rgt form.sent {
	max-height: 0;
    visibility: hidden;
}
#ky1-nrf .rff-frm .frm-rgt .screen-reader-response {
    position: relative;
    width: initial;
    height: initial;
    margin-bottom: 1rem;
    text-align: center;
    overflow: auto;
    clip: initial;
	font-weight: 700;
	clip-path: none;
	font-size: 1.25rem;
}
#ky1-nrf .rff-frm .frm-rgt .screen-reader-response p{
	color: var(--primary);
}
#ky1-nrf .rff-frm .frm-rgt .screen-reader-response ul {
    display: none !important;
}
#ky1-nrf .rff-frm .frm-rgt form .wpcf7-response-output {
    margin: 0;
    padding: 0;
    margin-top: 1rem;
    font-weight: 600;
	display: none !important;
}

#ky1-nrf .rff-frm .frm-rgt form .ajax-loader {
	display: none;
}
#ky1-nrf .rff-frm .frm-rgt form p {
    width: 50%;
    margin: 0;
    padding: 0 1rem;
    font-size: 1rem;
}
#ky1-nrf .rff-frm .frm-rgt form label .wpcf7-not-valid-tip {
	color: #ff7021;
    font-size: 0.8rem;
    margin-top: 0.25rem;
}
#ky1-nrf .rff-frm .frm-rgt form label b {
	color: #ff7021;
}
#ky1-nrf .rff-frm .frm-rgt form .wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 1rem;
}
#ky1-nrf .rff-frm .frm-rgt form .terminos {
	margin-bottom: 0;
}
#ky1-nrf .rff-frm .frm-rgt form .wpcf7-text,
#ky1-nrf .rff-frm .frm-rgt form .wpcf7-select {
    border: 1px solid #e2e2e2;
    padding: 0.75rem;
    width: 100%;
    border-radius: 2rem;
    margin-top: 0.25rem;
}
#ky1-nrf .rff-frm .frm-rgt form .wpcf7-text::placeholder,
#ky1-nrf .rff-frm .frm-rgt form .wpcf7-select::placeholder {
  color: #cdcdcd;
  opacity: 1;
}
#ky1-nrf .rff-frm .frm-rgt form .wpcf7-checkbox {
    margin-top: 1.25rem;
    display: block;
}
#ky1-nrf .rff-frm .frm-rgt form .wpcf7-checkbox span {
    margin-left: 0;
    font-size: 0.9rem;
    font-weight: 600;
    display: flex;
    gap: 0.25rem;
    align-items: center;
}
#ky1-nrf .rff-frm .frm-rgt form .wpcf7-submit {
    background-color: var(--primary);
    color: var(--white);
    font-weight: 600;
    text-transform: uppercase;
    border: 1px solid #e2e2e2;
    padding: 0.75rem 3rem;
    border-radius: 2rem;
    font-family: inherit;
    line-height: 1rem;
    margin-top: 0.5rem;
	cursor: pointer;
	transition: 0.25s opacity ease-in-out;
	width: 100%;
}
#ky1-nrf .rff-frm .frm-rgt form .wpcf7-submit:hover {
	opacity: 0.75;
}

#ky1-nrf .rff-frm .frm-rgt .wpcf7-response-output  {
	border: none;
	width: 100%;
	text-align: center;
}
#ky1-nrf .rff-rss .wrapper {
	display: flex;
}
#ky1-nrf .rff-rss .fb-post,
#ky1-nrf .rff-rss .ig-post,
#ky1-nrf .rff-rss .tt-post {
	width: 33.33%;
		margin: 1rem;
}

#ky1-nrf .rff-tyc {
	margin: 3rem 0;
}

#ky1-nrf .rff-tyc .wrapper {
	max-width: 75rem;
}
#ky1-nrf .rff-tyc .rff-crd {
    background-color: var(--white);
    padding: 3rem 5rem;
    border-radius: 0.25rem;
    border: 1px solid #ebebeb;
    transition: all 100ms linear;
    max-height: 32rem;
    overflow: hidden;
	text-align: justify;
}
#ky1-nrf .rff-tyc .rff-crd.exp-act {
	max-height: initial;
}
#ky1-nrf .rff-tyc .rff-crd h1 {
    margin-top: 0;
    margin-bottom: 2rem;
    text-align: center;
    font-size: 1.25rem;
}
#ky1-nrf .rff-tyc .rff-crd p + h1 {
    margin-top: 2rem;
}

#ky1-nrf .rff-exp {
	box-shadow: 0 -1.25rem 2.5rem 2.5rem var(--gray);
	text-align: center;
    z-index: 1;
    position: relative;
}
#ky1-nrf .rff-exp span {
    cursor: pointer;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 700;
    padding: 0;
}
#ky1-nrf .rff-exp p {
    margin: 0;
    display: inline-block;
}
#ky1-nrf .rff-exp img {
    margin-left: 0.25rem;
    display: inline-block;
}
#ky1-nrf .rff-crd.exp-act + .rff-exp img {
	transform: rotate(180deg);
}
#ky1-nrf .rff-crd.exp-act + .rff-exp {
	box-shadow: none;
	margin-top: 1rem;
}
#ky1-nrf .rff-rss {
	margin: 1rem 0;
}
#ky1-nrf .rff-rss ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	gap: 1rem;
	width: 100%;
}
#ky1-nrf .rff-rss ul li {
	width: 33.33%;
}
#ky1-nrf .rff-rss article {
	background-color: var(--white);
    padding: 1.5rem;
    border-radius: 0.25rem;
    border: 1px solid #ebebeb;
	text-align: center; 
	color: var(--black);
}    
#ky1-nrf .rff-rss .hdr-img {
	width: 10rem;
	margin-bottom: 1rem;
} 
#ky1-nrf .rff-rss .rss-pst {
	text-align: left; 
}
#ky1-nrf .rff-img {
	background-color: var(--primary);
    padding: 0 0 3rem 0;
}
#ky1-nrf .rff-img .rff-tt2{
    padding: 0 0 3rem 0;
    text-align: center;
}
#ky1-nrf .rff-img .rff-tt2 h2{
    margin: 0;
    display: inline-block;
    font-size: 1.25rem;
    color: var(--primary);
    text-transform: uppercase;
    font-weight: 600;
    background-color: var(--white);
    padding: 1rem 2rem;
    border-radius: 0 0 2rem 2rem;
    box-shadow: 0 0 0.25rem #dfdfdf;
    letter-spacing: 0.08rem;
    box-shadow: 1px 1px 13px 1px rgba(0, 0, 0, 0.3);
}
#ky1-nrf .rff-img ul {
	max-width: 92rem;
    list-style: none;
    display: flex;
	align-items: center;
}
#ky1-nrf .rff-img ul + ul {
	margin-top: 2rem;
}
#ky1-nrf .rff-img ul li {
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    position: relative;
    flex: 1;
	padding: 0 1rem;
}
#ky1-nrf .rff-img ul li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 30%;
    height: 42px;
    right: -4px;
    width: 3px;
    background-color: rgb(255 255 255 / 50%);
}
#ky1-nrf .rff-img ul li img {
    width: 4rem;
    height: 4rem;
}
#ky1-nrf .rff-img ul li p {
    color: var(--white);
    margin: 0;
    text-align: center;
    font-weight: 600;
}
#ky1-nrf .rff-img ul li span {
    background-color: var(--white);
    border-radius: 1rem;
    padding: 0.25rem 1rem;
    font-size: 0.85rem;
    color: #ed5d1f;
    font-weight: 600;
	text-align: center;
}
#ky1-nrf .rff-img ul li p b{
	font-weight: 400;
}
@media only screen and (max-width: 75rem) {
    #ky1-nrf .rff-hdr ul .box-img img {
		width: 10rem;
		height: 10rem;
		min-width: 10rem;
	}
	#ky1-nrf .rff-hdr ul span {
		margin-bottom: 1rem;
	}
	#ky1-nrf .rff-hdr ul p {
		margin: 1rem 0;
	}
	#ky1-nrf .rff-prz ul .prz-box .prz-img {
		width: 9rem;
	}
	#ky1-nrf .rff-prz ul .prz-box .prz-brd {
		width: 5rem;
	}
	#ky1-nrf .rff-img ul{
		flex-wrap:wrap;
		row-gap: 2rem;
	}
	#ky1-nrf .rff-img ul li {
		flex: initial;
		width: 33.33%;
	}
	#ky1-nrf .rff-img ul li:not(:last-child)::after{
		display:none;
		
	}
}
@media only screen and (max-width: 62rem) {
    #ky1-nrf .rff-prz ul {
		flex-wrap: wrap;
	}
	#ky1-nrf .rff-prz ul li {
		width: 100%;
		flex: auto;
		margin-top: 2rem;
	}
    #ky1-nrf .rff-stp ul li {
		padding: 1.5rem;
	}
	#ky1-nrf .rff-bar .rff-bar-txt span {
		font-size: 1rem;
	}
	#ky1-nrf .rff-tyc .rff-crd {
		padding: 3rem 2rem;
	}
}
@media only screen and (max-width: 48rem) {
    #ky1-nrf .rff-hdr {
		padding: 2rem 0;
	}
	#ky1-nrf .rff-prz h1 {
		font-size: 2rem;
	}
    #ky1-nrf .rff-stp {
		padding: 2rem 0;
	}
	#ky1-nrf .rff-stp ul {
		flex-direction: column;
		gap: 0;
	}
	#ky1-nrf .rff-stp ul li {
		width: 100%;
	}
	#ky1-nrf .rff-stp ul .stp-box {
		display: flex;
		text-align: left;
    	gap: 2rem;
	}
	#ky1-nrf .rff-stp ul h2 {
		margin-top: 0;
		font-size: 1.25rem;
	}
	#ky1-nrf .rff-stp .stp-img {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#ky1-nrf .rff-stp h1 {
		font-size: 1.5rem;
	}
	#ky1-nrf .rff-frm {
		padding: 2rem 0;
	}
	#ky1-nrf .rff-frm .wrapper {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 2rem;
	}
	#ky1-nrf .rff-frm .frm-lft p {
		font-size: 1.5rem;
	}
	#ky1-nrf .rff-frm .frm-lft span {
		font-size: 1.5rem;
	}
	#ky1-nrf .rff-frm .frm-lft {
		width: 100%;
		justify-content: center;
	}
	#ky1-nrf .rff-frm .frm-rgt {
		width: 100%;
	}
	#ky1-nrf .rff-bar .bar-img img {
		display: none;
	}
	#ky1-nrf .rff-tyc .rff-crd h1 {
		margin-bottom: 1rem;
		font-size: 1rem;
	}
}
@media only screen and (max-width: 36rem) {
    #ky1-nrf .rff-hdr ul .rff-box {
		flex-direction: column;
		gap: 1rem;
	}
    #ky1-nrf .rff-img ul li{
		width: 50%;
	}
	#ky1-nrf .rff-img ul li img {
		width:2rem;
		height:2rem;
	}
	#ky1-nrf .rff-img ul li p{
		font-size:0.8rem;
	}
    #ky1-nrf .rff-frm .frm-rgt form p {
		width: 100%;
	}
	#ky1-nrf .rff-bar .rff-bar-txt img {
		width: 4rem;
	}
	#ky1-nrf .rff-bar .rff-bar-txt span {
		font-size: 0.9rem;
	}
	#ky1-nrf .rff-prz h1{
		font-size: 1.7rem;
	}
}
@media only screen and (max-width: 28rem) { 
	#ky1-nrf .rff-stp ul li:nth-of-type(1) p{
		padding: 0 4.5rem;
	}
}
@keyframes heartbeat {
    from {
      transform: scale(1);
      transform-origin: center center;
      animation-timing-function: ease-out;
    }
    10% {
      transform: scale(0.91);
      animation-timing-function: ease-in;
    }
    17% {
      transform: scale(0.98);
      animation-timing-function: ease-out;
    }
    33% {
      transform: scale(0.87);
      animation-timing-function: ease-in;
    }
    45% {
      transform: scale(1);
      animation-timing-function: ease-out;
    }
  }
/***********************************  ********************************  **********************************/ 
#company {
    padding: 3rem 0;
    background: linear-gradient(180deg, var(--white) 0%, var(--gray) 100%);
}
#company .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
}
#company .header {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 75%;
    text-align: center;
    gap: 1rem;
}
#company .header h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-weight: 500;
}
#company .header p {
    margin: 0;
}
#companyCards .group {
    display: flex;
    gap: 1rem;
}
#companyCards .group .card {
    background-color: var(--white);
    border: 1px solid var(--graydark);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5rem;
    border-radius: 1rem;
    justify-content: center;
    text-align: center;
    gap: 0.75rem;
}
#companyCards .group .card svg {
    fill: var(--primary);
}
#companyCards .group .card h3 {
    color: var(--primary);
}
#companyCards .group .card p {
    margin: 0;
    line-height: 1.125rem;
}
#companySupport {
    margin: 2rem 0;
    padding: 3rem 0;
    color: var(--white);
    background: linear-gradient(270deg, rgb(229 100 26 / 75%) 0%, rgb(33 51 55 / 75%) 100%), url(/wp-content/uploads/2023/10/bgb1.webp);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
#companySupport .wrapper {
    display: flex;
	justify-content: center;
}
#companySupport .left {
    width: 40%;
    display: flex;
    flex-direction: column;
	align-items: flex-start;
    gap: 1rem;
    justify-content: center;
    padding: 0 1rem;
	border-right: 0.2rem solid var(--white);
}
#companySupport .left h2{
	text-align: left;
}
#companySupport .left p {
    margin: 0;
    line-height: 1.125rem;
}
#companySupport .right {
    display: flex;
    flex-direction: column;
    width: 40%;
    align-items: flex-start;
    justify-content: center;
    padding: 1.5rem 0;
    border-radius: 1rem;
	padding-left: 10%;
}
#companySupport .right b {
    font-weight: 500;
}
@media only screen and (max-width: 62rem) {
    #company .header {
        width: 100%;
        padding: 0 1rem;
    }
    #companyCards .group {
        flex-wrap: wrap;
        justify-content: center;
    }
    #companyCards .group .card {
        width: calc(50% - 1rem);
    }
}
@media only screen and (max-width: 36rem) {
	#companySupport .left{
		border-right: none;
	}
	#companyCards .group {
        gap: 0.5rem;
    }
    #companyCards .group .card {
        width: 100%;
    }
    #companySupport .wrapper {
        flex-direction: column;
    }
    #companySupport .right,
    #companySupport .left {
        width: 100%;
    }
	#companySupport .right{
		padding-left: 1rem;
	}
}

/************************************************************************************************************************/ 

#k11-acc-pnl {
	padding: 2rem 1rem;
	display: flex;
	justify-content: space-between;
}
#k11-acc-pnl .woocommerce-MyAccount-navigation {
	float: none;
}

#k11-acc-pnl .woocommerce-MyAccount-navigation ul li a {
	background-color: var(--white);
    border-radius: 0.25rem;
    padding: 1rem;
    border-width: 1px;
	color: var(--black);
}
#k11-acc-pnl .woocommerce-MyAccount-navigation ul li.is-active a {
	background-color: var(--primary);
	color: var(--white);
}
#k11-acc-pnl .woocommerce-MyAccount-content {
	float: none;
}
#k11-acc-pnl .woocommerce-MyAccount-content a {
	display: inline-block;
}
#k11-acc-pnl table.shop_table {
	border-width: 1px;
}
.woocommerce .woocommerce-breadcrumb {
  display: none;
}
.woocommerce-checkout-review-order-table tfoot td {
  width: 50%;
}
.woocommerce-MyAccount-navigation ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.woocommerce-MyAccount-navigation ul li a {
  padding: 0.5rem;
  display: flex;
  border: 3px solid #dedede;
  text-align: left;
  width: 100%;
  border-collapse: separate;
  border-radius: 5px;
  background-color: rgba(222, 220, 222, 0.12);
  color: #7b7b7b;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
  background-color: var(--primary);
  color: var(--white);
}
.woocommerce-MyAccount-content p {
  margin: 0 0 1rem 0;
  color: var(--black);
}
.woocommerce-MyAccount-content a {
  color: var(--primary);
  font-weight: 700;
}
.woocommerce-MyAccount-content a:hover {
  color: var(--primary);
}
.woocommerce-MyAccount-content .show-password-input {
  top: 50% !important;
  transform: translateY(-50%);
}
.woocommerce-MyAccount-content form input {
  border: 2px solid #adacac;
  color: var(--black);
  flex: 1;
  padding: 6px;
  margin-right: 8px;
  font-weight: 700;
  height: 44px;
}
.woocommerce-MyAccount-content h3 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--secondary);
  text-transform: uppercase;
}
.woocommerce-Addresses.addresses {
  display: flex;
  flex-wrap: wrap;
}
.woocommerce-Addresses.addresses .woocommerce-Address {
  flex: 0 0 100%;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.woocommerce-Addresses.addresses h3 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--secondary);
  text-transform: uppercase;
}
.woocommerce-Addresses.addresses address {
  margin: 0.5rem 0 1rem;
}
.woocommerce-customer-details address {
  border: 3px solid #dedede;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-collapse: separate;
  color: var(--black);
  border-radius: 5px;
  font-weight: 700;
}
.woocommerce ul.order_details {
  padding: 0;
  color: var(--black);
}
.woocommerce .woocommerce-column__title, 
.woocommerce .woocommerce-order-details__title, 
.woocommerce .wc-bacs-bank-details-heading, 
.woocommerce-thankyou-order-received {
  font-size: 2rem;
  font-weight: 700;
  color: var(--secondary);
  text-transform: uppercase;
}
.woocommerce form .form-row label {
  color: var(--black);
  font-weight: 700;
}
.woocommerce-input-wrapper textarea {
  border: 2px solid #adacac;
  color: var(--black);
  flex: 1;
  padding: 6px;
  margin-right: 8px;
  font-weight: 700;
  height: auto;
  font-family: inherit;
}
.woocommerce-billing-fields .woocommerce-input-wrapper textarea, .woocommerce-billing-fields .woocommerce-input-wrapper input {
  border: 2px solid #adacac;
  color: var(--black);
  flex: 1;
  padding: 6px;
  margin-right: 8px;
  font-weight: 700;
  height: 44px;
}
.woocommerce-billing-fields .woocommerce-input-wrapper textarea:active, .woocommerce-billing-fields .woocommerce-input-wrapper textarea:focus, .woocommerce-billing-fields .woocommerce-input-wrapper input:active, .woocommerce-billing-fields .woocommerce-input-wrapper input:focus {
  border: 2px solid var(--primary);
}
.woocommerce table.shop_table {
    border: 1px solid #dedede;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
    background-color: var(--white);
}

.woocommerce-info {
  background-color: var(--primary);
  color: var(--white);
  border: none;
  border-radius: 0.5rem;
  font-weight: 700;
  padding: 1rem;
  display: flex;
  flex-direction: revert;
  align-items: center;
  width: 100%;
}
.woocommerce-info a {
  float: none;
  color: var(--white);
  text-decoration: underline;
  margin-left: 0.5rem;
}
.woocommerce-info a.button {
  position: absolute;
  right: 1rem;
}
@media (max-width: 768px) {
  .woocommerce-info a.button {
    position: relative;
  }
}



.formulario--custom .uk-subnav .uk-active a {
  background-color: #213337 !important;
  border-radius: 0.5rem;
  font-weight: 700;
}
.formulario--custom .uk-subnav a {
  border-radius: 0.5rem;
  font-weight: 700;
}
.formulario--custom .form-general .form-group {
  margin-bottom: 1rem;
}
.formulario--custom .form-general .form-group label span {
  display: block;
  color: var(--black);
  font-weight: 700;
}
.formulario--custom .form-general .form-group label input {
  border: 2px solid #adacac;
  color: var(--black);
  flex: 1;
  padding: 6px;
  margin-right: 0;
  font-weight: 700;
  height: 35px;
  width: 100%;
}
.formulario--custom .form-general .button-submit {
  text-align: center;
}
.formulario--custom .form-general .button-submit button {
  padding: 8px 15px;
  background-color: var(--primary);
  color: var(--white);
  border-radius: 3rem;
  font-size: 14px;
  font-weight: 700;
  border: none;
  outline: none;
}

/*********************************** SINGLE PAGE **********************************/ 
#singlePage {
    background-color: var(--gray);
}
#singlePage .wrapper {
    display: flex;
    gap: 1rem;
	padding-top: 1rem;
    margin-bottom: 1rem;
}
#singlePage .content {
    width: 75%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
}
#singlePage .header {
    padding: 2rem;
    border-radius: 0.5rem;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}
#singlePage .header h1 {
    font-size: 1.75rem;
    line-height: 2rem;
    color: var(--secondary);
}
#singlePage .header .sgl-hdr-img {
    text-align: center;
    margin-bottom: 1rem;
	display: block;
}
#singlePage .header .sgl-hdr-img img {
    width: 25rem;
	height: auto;
}
#singlePage .header .links {
    display: flex;
    gap: 1rem;
}
#singlePage .header .links span {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    line-height: 1.5rem;
}
#singlePage .header .links .tag svg {
    fill: var(--primary);
}
#singlePage .header .links span a {
    color: var(--primary);
    font-size: 0.85rem;
    font-weight: 500;
}
#singlePage #ez-toc-container {
    box-shadow: none;
    margin: 0;
    padding: 0;
    padding-top: 1rem;
    border: none;
    border-top: 1px solid var(--graydark);
    border-radius: 0;
}
#ez-toc-container ul.ez-toc-list a {
    color: var(--primary) !important;
}
#singlePage .page {
    padding: 2rem;
    border-radius: 0.5rem;
    background-color: var(--white);
    text-align: justify;
}
#singlePage .page ul {
    padding-left: 2.5rem;
}
#singlePage .page ol li {
    list-style: auto;
}
#singlePage .page ul li {
    list-style: disc;
}
#singlePage .page a {
	color: var(--primary);
	font-weight: 600;
}
#singlePage .page img {
    margin: 1rem 0;
}
#singlePage .back {
    color: var(--white);
    background-color: var(--primary);
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    font-weight: 500;
	display: none;
}
#singlePage aside {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#singlePage aside .categories {
    padding: 2rem;
    border-radius: 0.5rem;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
#singlePage aside .categories h4 {
    font-size: 1rem;
    color: var(--secondary);
}
#singlePage aside .categories ul {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
#singlePage aside .categories ul a {
    color: var(--primary);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1rem;
}
#singlePage aside .categories ul a svg {
    fill: var(--primary);
    min-width: 1rem;
}
#singlePage aside .related {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#singlePage aside .related h4 {
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--secondary);
}
#singlePage aside .related article {
    padding: 2rem;
    border-radius: 0.5rem;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 0.75rem;
}
#singlePage aside .related .image {
    height: 12rem;
    overflow: hidden;
    position: relative;
    width: 100%;
}
#singlePage aside .related .image img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    height: 100%;
    object-fit: cover;
}
#singlePage aside .related span {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
#singlePage aside .related .title {
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--secondary);
    font-weight: 600;
}
#singlePage aside .related .more {
    display: inline-block;
    color: var(--white);
    background-color: var(--primary);
    padding: 0.5rem 1rem;
    font-weight: 500;
    border-radius: 3rem;
}
#singlePage #ez-toc-container a.ez-toc-toggle {
	display: none;
}
@media only screen and (max-width: 48rem) {
    #singlePage .wrapper {
        flex-direction: column;
    }
    #singlePage .content {
        width: 100%;
    }
    #singlePage aside {
        width: 100%;
    }
}

/************************************************************************************************************************/ 

#notFound {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 5rem 2rem;
    text-align: center;
    background-color: var(--white);
    border-radius: 0.5rem;
    gap: 1.5rem;
}
#notFound svg {
    fill: var(--primary);
}
#notFound p {
    margin: 0;
}
#notFound a {
    padding: 0.5rem 1rem;
    background-color: var(--primary);
    border-radius: 2rem;
    color: var(--white);
    font-weight: 500;
    transition: var(--transition);
}
#notFound a:hover {
    background-color: var(--secondary);
}

/*********************************** Contact Page **********************************/ 
#contactPage {
    padding: 3rem 0;
    background: linear-gradient(180deg, var(--white) 0%, var(--gray) 10%);
}
#contactPage .wrapper {
	display: flex;
	gap: 1rem;
}
#contactPage .form {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#contactPage .form h1 {
    color: var(--primary);
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.5rem;
}
#contactPage .form p {
    text-align: center;
    margin: 0;
}
#contactPage .wpforms-container {
    padding: 2rem;
    border-radius: 0.75rem;
    background-color: var(--white);
    border: 1px solid var(--graydark);
    margin: 0;
}
#contactPage .wpforms-container .wpforms-field {
	padding: 0;
    margin-bottom: 1rem;
}
#contactPage .wpforms-container .wpforms-field textarea:focus,
#contactPage .wpforms-container .wpforms-field input:focus {
    border: none;
    outline: none;
    box-shadow: 0 0 0 2px var(--tertiary);
}
#contactPage .wpforms-container .wpforms-submit-container {
	margin: 0;
}
#contactPage .wpforms-container .wpforms-submit-container button {
    outline: none;
    width: 100%;
    background-color: var(--primary);
    font-size: 1rem;
    border-radius: 3rem;
    box-shadow: none;
    transition: var(--transition);
}
#contactPage .wpforms-container .wpforms-submit-container button:hover {
    background-color: var(--secondary) !important;
}
#googleMaps {
	width: 60%;
    border: 4px solid var(--white);
    border-radius: 0.75rem;
    overflow: hidden;
}
#googleMaps iframe {
	width: 100%;
    height: 100%;
}
@media only screen and (max-width: 62rem) {
    #contactPage .form {
		width: 50%;
	}
	#googleMaps {
		width: 50%;
	}
}
@media only screen and (max-width: 48rem) {
    #contactPage .wrapper {
		display: block;
	}
	#contactPage .form {
		width: 100%;
	}
	#googleMaps {
		width: 100%;
    	height: 25rem;
		margin-top: 1rem;
	}
}

/************************************** Blog Page ******************************************************/
#blogPage .wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
#blogPage h1 {
    text-align: center;
    width: 100%;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1rem;
    background: linear-gradient(180deg, #fff, transparent);
    color: transparent;
}
#blogPage > p{
	background-color: var(--white);
    text-align: center;
    margin: 0 0 2rem 0;
    padding: 0 0 1.5rem 0;
	display: none;
}
#blogPage .content {
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.category-sala-de-prensa #blogPage .content article{
	width: calc(33.33% - 1rem);
}
#blogPage .content article {
    border-radius: 0.5rem;
    border: 1px solid var(--graydark);
    background-color: var(--white);
    width: calc(25% - 1rem);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
#blogPage .content .fuentes{
	display: flex;
    padding: 1rem;
    height: 4.5rem;
	align-items: center;
	justify-content: space-between;
}
#blogPage .content .fuentes .etiqueta-fuente-k3d{
	width: 6.5rem;
}
#blogPage .content .image {
    position: relative;
    display: block;
    height: 18rem;
}
#blogPage .content .image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
#blogPage .content .header {
    position: absolute;
    bottom: 0;
    background-color: rgb(0 0 0 / 10%);
    backdrop-filter: blur(1rem);
    color: var(--white);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}
#blogPage .content .header h4 {
    min-height: 4rem;
    display: flex;
    align-items: center;
    font-size: 0.85rem;
    line-height: 1rem;
    font-weight: 500;
    display: none;
}
#blogPage .content .header span {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
}
#blogPage .content .header span svg {
    fill: var(--white);
}
#blogPage .content .body {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 1rem;
    flex: 1;
    justify-content: space-between;
}
#blogPage .content .body p {
    margin: 0;
    color: var(--black);
    line-height: 1rem;
}
#blogPage .content .body a {
    background-color: var(--primary);
    color: var(--white);
    padding: 0.25rem 1rem;
    border-radius: 2rem;
    font-weight: 500;
    font-size: 0.75rem;
}
#blogPage .related {
    width: 25%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
#blogPage .related .categories {
    padding: 2rem;
    border-radius: 0.5rem;
    background-color: var(--white);
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
#blogPage .related .categories h4 {
    font-size: 1rem;
    color: var(--secondary);
}
#blogPage .related .categories ul {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

#blogPage .related .categories ul a {
    color: var(--primary);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    line-height: 1rem;
}
#blogPage .related .categories ul a svg {
    fill: var(--primary);
    min-width: 1rem;
}
#blogPage .content .pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.5rem 0 1.5rem 0;
    gap: 0.5rem;
}
#blogPage .content .pagination .page-numbers {
    width: 2.25rem;
    height: 2.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black);
    border-radius: 2rem;
    cursor: pointer;
    font-weight: 600;
    transition: var(--transition);
    background-color: var(--white);
}
#blogPage .content .pagination .page-numbers.current {
    background-color: var(--primary);
    color: var(--white);
}
@media only screen and (max-width: 100rem) {
    #blogPage .content article {
        width: calc(33.33% - 1rem);
    }
}
@media only screen and (max-width: 75rem) {
	.category-sala-de-prensa #blogPage .content article{
		width: calc(50% - 1rem);
	}
}
@media only screen and (max-width: 62rem) {
    #blogPage .content article {
        width: calc(50% - 1rem);
    }
}
@media only screen and (max-width: 48rem) {
    #blogPage .content {
		width: 100%;
        justify-content: center;
	}
	#blogPage .related {
		width: 100%;
        margin-bottom: 1.5rem;
	}
}
@media only screen and (max-width: 36rem) {
    #blogPage .content article,
	.category-sala-de-prensa #blogPage .content article{
        width: calc(100% - 1rem);
	}
}

/*********************************** LIBRO **********************************/ 
#ky1-ldr {
	background-color: var(--gray);
}
#ky1-ldr h1 {
	display: none;
}
#ky1-ldr form {
	display: flex;
    gap: 1rem;
    padding: 1rem 0;
    align-items: start;
}
#ky1-ldr .ldr-lft {
	width: 55%;
}
#ky1-ldr .ldr-rgt {
	width: 45%;
}
#ky1-ldr .ldr-box {
    padding: 2rem 1.5rem;
    border-radius: 0.25rem;
    border: 1px solid var(--graydark);
    background-color: var(--white);
}
#ky1-ldr .ldr-box + .ldr-box {
    margin-top: 1rem;
}
#ky1-ldr h3 {
	margin: 0;
    padding-left: 0.5rem;
	letter-spacing: 0.02rem;
}
#ky1-ldr h3 i {
    color: var(--white);
    font-style: normal;
    border-radius: 2rem;
    font-size: 0.9rem;
    background-color: var(--primary);
    padding: 4px 8px;
    width: 1.75rem;
    height: 1.75rem;
    margin-right: 0.5rem;
    display: inline-block;
    text-align: center;
}
#ky1-ldr h3 b {
	color: var(--primary);
}
#ky1-ldr .ldr-fld {
	display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}
#ky1-ldr .ldr-fld p {
	margin: 0;
    margin-bottom: 1.5rem;
    padding: 0 0.5rem;
	position: relative;
}
#ky1-ldr .ldr-fld label {
	display: block;
    font-size: 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
	margin-bottom: 0.25rem;
}
#ky1-ldr .ldr-fld span label {
	margin: 0;
    position: absolute;
    bottom: -14px;
    right: 12px;
    font-size: 0.75rem;
    color: var(--primary);
}
#ky1-ldr .ldr-fld label b {
	color: var(--primary);
}
#ky1-ldr .ldr-fld select {
	outline: none;
    width: 100%;
    padding: 0.75rem 0.75rem;
    border-radius: 0.25rem;
    border: 1px solid var(--graydark);
    background-color: var(--gray);
}
#ky1-ldr .ldr-fld input {
	outline: none;
    width: 100%;
    padding: 0.75rem 0.75rem;
    border-radius: 0.25rem;
   border: 1px solid var(--graydark);
    background-color: var(--gray);
}
#ky1-ldr .ldr-fld textarea {
	outline: none;
    width: 100%;
    padding: 0.75rem 0.75rem;
    border-radius: 0.25rem;
    border: 1px solid var(--graydark);
    background-color: var(--gray);
	resize: none;
}

#ldr-dni,
#ldr-nme {
	width: 30%;	
}
#ldr-lst,
#ldr-eml,
#ldr-rzs {
	width: 40%;	
}
#ldr-phn {
	width: 20%;	
}
#ldr-dpt,
#ldr-prv,
#ldr-dst {
	width: 33.33%;	
}
#ldr-adr,
#ldr-rfr{
	width: 50%;	
}

#ldr-npd,
#ldr-tdc,
#ldr-mtl,
#ldr-fch {
	width: 25%;	
}
#ldr-dsc {
	width: 100%;
	margin-bottom: 0 !important;
}

#ldr-fdr,
#ldr-tdr {
	width: 50%;	
}
#ldr-ddr,
#ldr-pdc {
	width: 100%;	
}

#ldr-tdn,
#ldr-tnm,
#ldr-tem {
	width: 33.33%;	
}

#ky1-ldr ul {
	margin: 0;
    padding: 0.5rem;
    list-style: none;
}
#ky1-ldr ul li {
	margin-bottom: 0.5rem;
	display: flex;
    gap: 0.5rem;
	position: relative;
}
#ky1-ldr ul li label {
	margin: 0;
    position: absolute;
    bottom: -14px;
    right: 12px;
    font-size: 0.75rem;
    color: var(--primary);
	font-weight: 300;
}
#ky1-ldr ul b {
	color: var(--primary);
}
#ky1-ldr .ldr-msg {
	font-size: 0.8rem;
}
#guardar_libro_reclamacion {
	width: 100%;
    background-color: var(--primary);
    color: var(--white);
    padding: 0.75rem 0;
    border: none;
    border-radius: 3rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.04rem;
    margin-top: 1rem;
}
#ky1-ldr .ldr-mnr {
	display: flex;
    gap: 1rem;
    align-items: center;
	padding-bottom: 0;
}
#datos_tutor p {
	margin-bottom: 0 !important;
}
#ky1-ldr .ldr-mnr li {
    margin-bottom: 0;
}
@media only screen and (max-width: 75rem) {
    #ky1-ldr .ldr-lft {
		width: 60%;
	}
	#ky1-ldr .ldr-rgt {
		width: 40%;
	}
}
@media only screen and (max-width: 62rem) {
	#ky1-ldr form {
		display: block;
	}
	#ky1-ldr .ldr-lft {
		width: 100%;
	}
	#ky1-ldr .ldr-rgt {
		width: 100%;
		margin-top: 1rem;
	}
	
}
@media only screen and (max-width: 48rem) {
    #ky1-ldr .ldr-fld p {
		width: 100% !important;
	}
}
/*********************************** LoginFormK3D  **********************************/ 
#LoginFormK3D{
    background-image: url(https://tiendakrear3d.com/wp-content/uploads/2024/06/whirlpool.webp);
    max-width: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3rem 0;
	z-index: 0;
    position: relative;
	margin: 0;
}
#LoginFormK3D .xoo-el-header{
	width: 30rem;
    background-color: var(--white);
	flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 1.5rem 0;
	border-radius: 1.5rem 1.5rem 0 0;
	overflow: hidden;
}
#LoginFormK3D .xoo-el-header .logo-head{
	width: 100%;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary);
	margin-bottom: 1rem;
	position: relative;
}
#LoginFormK3D .xoo-el-header .logo-head::after {
	content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 1.5rem;
    background-color: var(--white);
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem;
}
#LoginFormK3D .xoo-el-header .logo-head img{
	width: 12rem;
	padding-bottom: 1.5rem;
}
#LoginFormK3D .xoo-el-header ul{
	padding: 0;
    border-radius: 2rem;
    overflow: hidden;
    background-color: var(--white);
    box-shadow: 0 0 0.5rem 0.1rem var(--graydarkest);
}
#LoginFormK3D .xoo-el-header ul li{
	font-size: 0.9rem;
	padding: 0.5rem 1rem;
	background-color: var(--white);
	font-weight: 400;
}
#LoginFormK3D .xoo-el-header ul li.xoo-el-active{
	border-radius: 1.5rem;
	background-color: var(--primary);
	font-weight: 500;
}
#LoginFormK3D .xoo-el-section{
	background-color: var(--white);
	width: 30rem;
	border-radius: 0 0 1.5rem 1.5rem;
	padding: 1.5rem;
	border-bottom: 0.2rem solid var(--primary);
}
#LoginFormK3D .xoo-el-section .xoo-el-notice{
	display: flex;
    width: 100%;
	justify-content: center;
}
#LoginFormK3D .xoo-el-section form{
	margin: 0;
	display: flex;
	flex-direction: column;
}
#LoginFormK3D .xoo-el-section form.xoo-el-form-login .xoo-aff-group:not(:last-of-type),
#LoginFormK3D .xoo-el-section form.xoo-el-form-register .xoo-aff-group{
	width: 20rem;
	margin: 0 auto;
}
#LoginFormK3D .xoo-el-section form.xoo-el-form-login .xoo-aff-group.xoo-aff-cont-text{
	margin-bottom: 2rem;
}
#LoginFormK3D .xoo-el-section form.xoo-el-form-register .xoo-aff-group:not(:last-of-type){
	margin-bottom: 1rem;
}
#LoginFormK3D .xoo-el-section form .xoo-aff-group:not(:last-of-type) span,
#LoginFormK3D .xoo-el-section form .xoo-aff-group:not(:last-of-type) input{
	border: none;
}
#LoginFormK3D .xoo-el-section form .xoo-aff-group:not(:last-of-type) .xoo-aff-input-icon{
	border-radius: 2rem 0 0 2rem;
    background-color: var(--white);
    padding-left: 0.5rem;
    border: 0.05rem solid var(--graymenu1);
    border-right: none;
}
#LoginFormK3D .xoo-el-section form .xoo-aff-group:not(:last-of-type) input{
    border-radius: 0 2rem 2rem 0;
    -webkit-box-shadow: none;
    color: var(--black);
    outline: none;
    border: 0.05rem solid var(--graymenu1);
    border-left: none;
}
#LoginFormK3D .xoo-el-section form .xoo-aff-group:not(:last-of-type) input:focus{
	background-color: var(--white);
}
#LoginFormK3D .xoo-el-section form .xoo-aff-group:not(:last-of-type) input:-webkit-autofill{
	box-shadow: 0 0 0 2rem var(--white) inset !important;
}
#LoginFormK3D .xoo-el-section form .xoo-aff-group.xoo-aff-cont-password .xoo-aff-pw-toggle{
	right: 1rem;
}
#LoginFormK3D .xoo-el-section form.xoo-el-form-login .xoo-aff-group.xoo-el-login-btm-fields{
	width: 20rem;
	margin: 1rem auto 0 auto;
}
#LoginFormK3D .xoo-el-section form.xoo-el-form-login .xoo-aff-group.xoo-el-login-btm-fields label{
	display: flex;
    align-items: center;
    font-weight: normal;
}
#LoginFormK3D .xoo-el-section form .xoo-aff-required.xoo-aff-checkbox_single label{
	font-size: 0.8rem;
    font-weight: normal;
    display: inline-block;
	margin: 0;
}
#LoginFormK3D .xoo-el-section form > button{
	background-color: var(--primary);
    width: 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1rem auto;
	border-radius: 2rem;
	border: none;
	text-transform: none;
}
#LoginFormK3D .xoo-el-section form > button:hover{
	opacity: 0.75;
}
#LoginFormK3D .xoo-el-section form .xoo-el-lostpw-tgr{
	width: 20rem;
    margin: auto;
    text-align: end;
    color: var(--black);
    font-weight: 600;
    text-transform: none;
	margin-bottom: 1rem;
	text-align: center;
}
#LoginFormK3D .xoo-el-section form .xoo-sl-container{
	width: 20rem;
    margin: 2rem auto 0 auto;	
}
#LoginFormK3D .xoo-el-section form.xoo-el-form-register .xoo-sl-container{
	margin-top: 1rem;
}
#LoginFormK3D .xoo-el-section form .xoo-sl-container .xoo-sl-loginvia span{
	background-color: var(--white);
	font-weight: normal;
}
#LoginFormK3D .xoo-el-section form .xoo-sl-container .xoo-sl-btns-container{
	display: flex;
	justify-content: center;
	margin-top: 1rem;
}
#LoginFormK3D .xoo-el-section form .xoo-sl-container .xoo-sl-btns-container > div{
	display: flex;
    margin: 0;
}
@media only screen and (max-width: 36rem) {
	#LoginFormK3D{
		padding: 3rem 1rem;
	} 
	#LoginFormK3D .xoo-el-header,
	#LoginFormK3D .xoo-el-section{
		width: 100%;
	}
	#LoginFormK3D .xoo-el-section form .xoo-aff-group{
		width: 100% !important;
	}
	#LoginFormK3D .xoo-el-section form > button{
		width: 70%;
	}
	#LoginFormK3D .xoo-el-section form .xoo-el-lostpw-tgr{
		width: 100%;
	}
	#LoginFormK3D .xoo-el-section form .xoo-sl-container,
	#LoginFormK3D .xoo-el-section form > div:nth-of-type(2){
		width: 100%;
	}
}
/*********************************** dashboardUser  **********************************/ 
.woocommerce-account footer .activ{
	background-color: var(--white);
}
#dashboardUser{
	display: flex;
    background-color: var(--white);
    justify-content: center;
	align-items: center;
	flex-direction: column;
	border-top: 0.2rem solid var(--primary);
}
#dashboardUser .button{
	font-family: inherit;
}
#dashboardUser .ttl-user{
	display: flex;
    justify-content: center;
	text-transform: uppercase;
}
#dashboardUser .ttl-user h1{
	background-color: var(--primary);
    border-radius: 0 0 2rem 2rem;
    color: var(--white);
    padding: 1rem 2rem;
    font-size: 1rem;
	display: none;
}
#dashboardUser .dash{
    width: 100%;
    margin: 2rem 0 5rem 0;
    display: flex;
    gap: 2rem;
    background-color: var(--gray);
	box-shadow: 1px 1px 10px 2px #bdbdbd;
    border-radius: .5rem;
	overflow: hidden;
}
#dashboardUser .dash p{
	margin: 0;
	padding: 0;
}
#dashboardUser .dash nav{
    width: 35%;
    position: relative;
    display: flex;
	gap: 2rem;
	flex-direction: row-reverse;
}
#dashboardUser .dash nav .data-left{
	display: flex;
    flex-direction: column;
	background-color: var(--white);
    border-radius: .5rem;
	box-shadow: 1px 1px 5px 2px #e1e1e1;
	padding: 2rem;
	flex: auto;
	margin-top: 2rem;
	height: fit-content;
}
#dashboardUser .dash nav .data-left .icon-user{
    display: flex;
    border: .25rem solid var(--white);
    box-shadow: 1px 1px 10px 5px #cfcfcf;
    margin: 0 auto;
    border-radius: 100%;
    width: 10rem;
    height: 10rem;
    align-items: center;
    justify-content: center;
    overflow: hidden;
	margin-bottom: 1rem;
}
#dashboardUser .dash nav .data-left .icon-user img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#dashboardUser .dash nav .data-left .icon-user img.icono-cuenta{
	padding: 1rem;
}
#dashboardUser .dash nav .data-left .icon-user i{
	font-size: 4rem;
	color: var(--white);
}
#dashboardUser .dash nav .data-left p.name{
	font-size: 1rem;
	font-weight: 600;
	text-align: center;
}
#dashboardUser .dash nav .data-left p.user{
	color: var(--primary);
	font-size: .85rem;
	text-align: center;
}
#dashboardUser .dash nav .data-left .options-profile{
	display: none;
}
.woocommerce-edit-account  #dashboardUser .dash nav .data-left .options-profile{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-top: 2rem;
}
#dashboardUser .dash nav .data-left .options-profile .btn{
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    margin: 0;
    gap: .5rem;
    border: none;
    border-radius: 1rem;
    background-color: var(--white);
	cursor: pointer;
	font-size: .8rem;
	color: var(--black);
}
#dashboardUser .dash nav .data-left .options-profile .btn img{
	height: 1.5rem;
}
#dashboardUser .dash nav .data-left .options-profile .btn.active,
#dashboardUser .dash nav .data-left .options-profile .btn:hover{
	background-color: #fff0e4;
}
#dashboardUser .dash nav ul{
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	background-color: var(--white);
	padding: 2rem 1rem;
}
#dashboardUser .dash nav ul li{
}
#dashboardUser .dash nav ul li:nth-child(3),
#dashboardUser .dash nav ul li:nth-child(6){
	display: none;
}
#dashboardUser .dash nav ul li a{
	color: var(--black);
	background-color: var(--white);
	padding: 0;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	border: none;
	font-weight: normal;
	margin: 0;
    flex-direction: column;
	gap: 1rem;
	font-size: .85rem;
	border-radius: .5rem;
    padding: .5rem;
}
#dashboardUser .dash nav ul li a::before {
	content: "";
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
#dashboardUser .dash nav ul li:hover a,
#dashboardUser .dash nav ul li.is-active a{
	background-color: #fff0e4;
}
/* Dashboard */
#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--dashboard{
	height: 4rem;
	order: -2;
}
#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--dashboard a {
    text-indent: -9999px;
	padding: 0;
    gap: 0;
}
#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    background-image: url('/wp-content/uploads/2025/07/logo-k3d-v9-1.png');
    background-size: cover;
    background-position: center;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
}
#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--dashboard:hover a,
#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--dashboard.is-active a {
    background-color: var(--white);
}
/* Pedidos */
#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--orders a::before {
	background-image: url('/wp-content/uploads/2025/07/Recurso-1pro-1.png');
}

/* Direcciones */
#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
	background-image: url('/wp-content/uploads/2025/07/Recurso-4pro-1.png');
}
/* Detalles de cuenta */
#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--edit-account{
	order: -1;
}
#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--edit-account a{
	font-size: 0;
	gap: .5rem;
}
#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--edit-account a::after {
    content: "Perfil";
    font-size: .85rem;
}
#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
	background-image: url('/wp-content/uploads/2025/07/Recurso-2pro-1.png');
}
/* Programas */
#dashboardUser .dash nav ul li.custom-menu-item.programas a::before {
	background-image: url('/wp-content/uploads/2025/07/insignia.png');
}
/* Logout (Cerrar sesión) */
#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--customer-logout{
	order: 1;
}
#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
	background-image: url('/wp-content/uploads/2025/07/Recurso-7pro-1.png');
}

#dashboardUser .dash nav .data-left .options-orders,
.woocommerce-view-order #dashboardUser .dash nav .data-left > *,
.woocommerce-orders #dashboardUser .dash nav .data-left > *{
	display: none;
}

.woocommerce-view-order #dashboardUser .dash nav .data-left .options-orders,
.woocommerce-orders #dashboardUser .dash nav .data-left .options-orders{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.woocommerce-view-order #dashboardUser .dash nav .data-left .options-orders .pad,
.woocommerce-orders #dashboardUser .dash nav .data-left .options-orders .pad{
	width: 5rem;
}
.woocommerce-view-order #dashboardUser .dash nav .data-left .options-orders .title,
.woocommerce-orders #dashboardUser .dash nav .data-left .options-orders .title{
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 2rem;
	margin-top: 1rem;
}
.woocommerce-view-order #dashboardUser .dash nav .data-left .options-orders .list,
.woocommerce-orders #dashboardUser .dash nav .data-left .options-orders .list{
	display: flex; 
	flex-direction: column;
	gap: 1rem;
	width: 100%;
}
.woocommerce-view-order #dashboardUser .dash nav .data-left .options-orders .list a,
.woocommerce-orders #dashboardUser .dash nav .data-left .options-orders .list a{
	background: var(--white);
	border-radius: .5rem;
	width: 100%;
    text-align: center;
	color: var(--black);
	padding: .5rem 1rem;
}
.woocommerce-view-order #dashboardUser .dash nav .data-left .options-orders .list a.active,
.woocommerce-orders #dashboardUser .dash nav .data-left .options-orders .list a.active,
.woocommerce-view-order #dashboardUser .dash nav .data-left .options-orders .list a:hover,
.woocommerce-orders #dashboardUser .dash nav .data-left .options-orders .list a:hover{
	background-color: #fff0e4;
}
.woocommerce-view-order #dashboardUser .dash nav .data-left .options-orders .list a span,
.woocommerce-orders #dashboardUser .dash nav .data-left .options-orders .list a span{
	font-weight: 500;
}
#dashboardUser .dash nav .data-left .options-programas {
  display: none;
}
#dashboardUser.programas-activa .dash nav .data-left .options-programas {
  display: flex;
	margin-top: 1rem;
  flex-direction: column;
}
#dashboardUser .dash nav .data-left .options-programas .btn{
	border: 0;
    background-color: transparent;
    margin: .5rem 0;
	padding: 1rem;
    border-radius: .5rem;
	cursor: pointer;
}
#dashboardUser .dash nav .data-left .options-programas .btn.active,
#dashboardUser .dash nav .data-left .options-programas .btn:hover{
	background-color: #fff0e4;
}
#dashboardUser .dash nav .data-left .options-programas .btn img{
	
}
#dashboardUser .dash nav .data-left .options-programas .btn.beneficios img{
	width: 10rem;
}
#dashboardUser .dash nav .data-left .options-programas .btn.prime img{
	width: 7rem;
}
#dashboardUser .dash nav .data-left .options-programas .btn.afiliados img{
	width: 10rem;
}
#dashboardUser .dash nav .data-left .options-programas .btn.trueke{
	margin-bottom: 0;
}
#dashboardUser .dash nav .data-left .options-programas .btn.trueke img{
	width: 9rem;
}
#dashboardUser .dash nav .data-left .options-programas span{
	height: 2px;
    background-color: var(--gray);
    width: 100%;
}
#dashboardUser .dash .woocommerce-MyAccount-content{
	width: 65%;
	background-color: var(--white);
	border-radius: .5rem;
	box-shadow: 1px 1px 5px 2px #e1e1e1;
	font-size: .9rem;
	overflow: hidden;
	margin: 2rem 2rem 2rem 0;
}
#dashboardUser .dash .woocommerce-MyAccount-content form input{
	font-weight: normal;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-message{
	margin: 2rem 2rem 0 2rem;
    background-color: var(--secondary);
    color: white;
    border: none;
    border-radius: 0.5rem;
	animation: fadeOutMessageDash 2s 2s forwards;
}
@keyframes fadeOutMessageDash {
    to {
        opacity: 0;
        visibility: hidden;
		display: none;
    }
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-message::before{
	color: #a2db49;
	margin-top: 0.2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-info{
    margin: 0 0 1rem 0;
    background-color: var(--secondary);
    color: white;
    border: none;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
	animation: fadeOutMessageDash 2s 2s forwards;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-info::before{
	display: none;
}
.woocommerce-orders #dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-info {
	animation: none !important;
    margin: 1rem;
    width: calc(100% - 2rem);
}
.woocommerce-orders #dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-info::after{
	display: none;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-notices-wrapper ul{
	margin: 0 0 1rem 0;
    background-color: var(--secondary);
    color: white;
    border: none;
    border-radius: 0.5rem;
	animation: fadeOutMessageDash 2s 2s forwards;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-notices-wrapper ul::before{
	color: #ff636a;
}
#dashboardUser .dash .woocommerce-MyAccount-content > p:first-of-type{
	text-align: justify;
	padding: 2rem 2rem 1rem 2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content > p:nth-of-type(2){
	padding: 0rem 2rem 2rem 2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content p label{
	font-weight: normal;
}
#dashboardUser .dash .woocommerce-MyAccount-content form input{
	height: auto;
}
#dashboardUser .dash .woocommerce-MyAccount-content a{
	color: var(--primary);
	font-weight: 600;
	cursor: pointer;
}
#dashboardUser .dash .woocommerce-MyAccount-content table{
	border-radius: 0.5rem;
    background-color: var(--white);
	font-size: 0.8rem;
	margin-bottom: 0;
}
#dashboardUser .dash .woocommerce-MyAccount-content table.woocommerce-orders-table{
	border-collapse: collapse;
	border: 0;
}
#dashboardUser .dash .woocommerce-MyAccount-content table.woocommerce-orders-table thead{
	background-color: var(--primary);
    color: var(--white);
}
#dashboardUser .dash .woocommerce-MyAccount-content table.woocommerce-orders-table thead tr th{
	padding: .5rem 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr:first-child td{
	border-top: 0;
}
#dashboardUser .dash .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr td{
    padding: 1rem;
    border-top: 2px solid #ededed;
}
#dashboardUser .dash .woocommerce-MyAccount-content table.woocommerce-orders-table a{
	margin: 0.1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions a{
	color: var(--white);
    font-weight: 500;
    background-color: var(--black);
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-order-details{
	display: flex;
    flex-direction: column;
    padding: 0 2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-order-details .order-again{
	margin: auto;
    margin-bottom: 1rem;
} 
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-order-details .order-again a{
	background-color: var(--black);
    color: var(--white);
    font-weight: 500;
	padding: .75rem 2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-customer-details{
	padding: 0 2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content h2{
	margin-bottom: 1rem;
	font-size: 1rem;
	text-transform: none;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-table--order-details {
	margin-bottom: 1rem;
	border-spacing: 0;
	border-radius: .5rem;
	overflow: hidden;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-table--order-details thead tr th:first-child {
	border-top-left-radius: .5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-table--order-details thead tr th:last-child {
	border-top-right-radius: .5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-table--order-details tbody tr:last-child td:first-child {
	border-bottom-left-radius: .5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-table--order-details tbody tr:last-child td:last-child {
	border-bottom-right-radius: .5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-table--order-details thead{
	background-color: var(--primary);
    color: var(--white);
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-table--order-details tbody tr td a img,
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-table--order-details tbody tr td.product-name img{
	width: 5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-table--order-details thead tr th.product-total,
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-table--order-details tbody tr td.product-total,
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-table--custom-fields tbody tr td,
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-table--order-details tfoot tr td{
	text-align: end;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-customer-details address{
	background-color: var(--white);
    padding: 1rem;
    border-radius: 0.5rem;
	border: 1px solid #dedede;
	font-weight: normal;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-customer-details address p{
	margin: 0;
}
#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-customer-details address p:before{
	position: relative;
	margin-left: 0;
}
#dashboardUser .dash .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses{
	flex-wrap: nowrap;
}
#dashboardUser .dash .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses div:nth-of-type(2){
	display: none;
}
#dashboardUser .dash .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses div,
#dashboardUser .dash .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses div header{
	background-color: var(--white) !important;
}
#dashboardUser .dash .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses div header{
	box-shadow: none;
}
#dashboardUser .dash .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses div{
	border: 1px solid rgba(0, 0, 0, .1);
	margin: 0 2rem 2rem 2rem;
	width: calc(100% - 4rem);
    flex: 1;
    padding: 1rem;
	border-radius: 0.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses div header{
	padding: 0;
}
#dashboardUser .dash .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses div header h3{
	font-size: 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses div address{
	font-style: normal;
	margin-bottom: 0;
}
#dashboardUser .dash .woocommerce-MyAccount-content form > h3{
    padding: 2rem 2rem 0 2rem;
    background-color: var(--white);
    text-align: center;
    font-size: 1.2rem;
    border-radius: 0.5rem;
    margin-bottom: 0;
	text-transform: none;
	margin-bottom: 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields__field-wrapper{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields__field-wrapper p{
	flex: 0 0 calc((100% - 1 * 2rem) / 2);
}
#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields{
	display: flex;
    flex-direction: column;
    background-color: var(--white);
    padding: 0 2rem;
    border-radius: 0.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields .form-row span input{
    border-radius: 0.5rem;
	border: none;
	padding: .75rem;
	background-color: var(--gray);
}
#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields p button{
    margin: auto;
    display: flex;
    background-color: var(--primary);
    color: var(--white);
    border-radius: .5rem;
    padding: 1rem 2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-family: inherit;
    font-weight: 400;
    font-size: .85rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields p button:hover{
	opacity: 0.75;
}
#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields #shipping_departamento_field .selection .select2-selection,
#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields #shipping_provincia_field .selection .select2-selection,
#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields #shipping_distrito_field .selection .select2-selection{
	border: none;
	box-shadow: 0.1rem 0.1rem 0.5rem var(--graydarkest);
	border-radius: 0.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields #shipping_departamento_field > span.woocommerce-input-wrapper > span,
#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields #shipping_provincia_field > span.woocommerce-input-wrapper > span,
#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields #shipping_distrito_field > span.woocommerce-input-wrapper > span{
	width: 100% !important;
}
.woocommerce-account span.select2-container > span {
	margin-top: -0.25rem;
    border: none;
    box-shadow: 0 0.25rem 0.25rem var(--graydarkest);
}
.woocommerce-account span.select2-container > span .select2-results ul{
	max-height: 8rem;
}
.woocommerce-account span.select2-container > span .select2-results ul li:hover{
	background-color: var(--gray);
	cursor: pointer;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm{
	background-color: white;
    padding: 2rem;
    border-radius: 0.5rem;
	flex-wrap: wrap;
    display: flex;
	gap: 1rem 2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .clear{
	display: none;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first{
	width: calc(50% - 1rem);
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide{
	width: calc(50% - 1rem);
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last{
	width: calc(50% - 1rem);
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .woocommerce-form-row input{
	border: none;
	padding: 0.75rem;
    border-radius: 0.5rem;
	background-color: var(--gray);
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .woocommerce-form-row span em{
	color: var(--primary);
    font-size: .8rem;
    display: flex;
    line-height: 1.1;
    margin-top: .5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset{
	border-radius: 0.5rem;
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
	display: none;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.page-pass > *{
	display: none;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.page-pass fieldset{
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.page-pass fieldset legend{
	font-size: 1rem;
	padding: 0;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.page-pass fieldset p.woocommerce-form-row label[for="password_current"] ,
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.page-pass fieldset p.woocommerce-form-row label[for="password_1"],
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.page-pass fieldset p.woocommerce-form-row label[for="password_2"] {
  font-size: 0;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.page-pass fieldset p.woocommerce-form-row label[for="password_current"]::after {
  content: "Contraseña Actual";
  font-size: .85rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.page-pass fieldset p.woocommerce-form-row label[for="password_1"]::after {
  content: "Nueva Contraseña";
  font-size: .85rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.page-pass fieldset p.woocommerce-form-row label[for="password_2"]::after {
  content: "Confirmar Nueva Contraseña";
  font-size: .85rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.page-pass > p:last-child{
	display: flex;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset p.woocommerce-form-row{
	width: 100% !important;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset legend{
	font-weight: 600;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm > p:last-child{
	width: 100%;
}
#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm p button{
	margin: auto;
    display: flex;
    background-color: var(--primary);
    color: var(--white);
    border-radius: .5rem;
    padding: 1rem 2rem;
	margin-top: 1rem;
	font-size: .85rem;
    font-weight: 400;
}

#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios {
  display: flex;
  flex-direction: column;
  padding: 2rem 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .logo {
  display: flex;
  margin: auto;
  width: 12rem;
  margin-bottom: 2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .logo img {
  width: 100%;
  height: 100%;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .intro {
  text-align: center;
  width: 35rem;
  margin: auto;
  margin-bottom: 2rem;
	font-size: .8rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels {
  display: flex;
  flex-direction: column;
  background-color: var(--gray);
  padding: 0 3rem;
  padding-bottom: 2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .title {
  display: flex;
  margin: auto;
  margin-bottom: 3rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .title p {
  background-color: var(--primary);
  color: var(--white);
  padding: 1rem 2rem;
  border-radius: 0 0 2rem 2rem;
  font-weight: 500;
	font-size: .9rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases {
  display: flex;
  flex-direction: column;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .imas {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 2rem;
  align-items: end;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .imas .fase {
	background-color: var(--white);
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    position: relative;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
	transition: transform 0.3s ease;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .imas .fase::after {
  content: "";
  position: absolute;
  bottom: -.75rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-top: 1rem solid var(--white);
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .imas .fase p {
  font-weight: 500;
  text-align: center;
  margin-top: 0.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .imas .fase img {
  filter: grayscale(1);
	width: 2.8rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .imas .fase.active {
  transform: scale(1.2);
  margin-bottom: .5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .imas .fase.active img {
  filter: grayscale(0);
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .bar {
  display: flex;
  position: relative;
  background-color: var(--white);
  padding: 0.5rem;
  border-radius: 2rem;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 2rem);
  margin: auto;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .bar .backline {
  width: calc(100% - 4rem);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1.5rem;
  background-color: var(--secondary);
  z-index: 0;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .bar .line {
  height: 0.65rem;
  background-color: var(--secondary);
  flex: 1;
  margin: 0 -1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .bar .line.active {
  background-color: var(--primary);
  z-index: 2;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .bar .circle {
  cursor: pointer;
  z-index: 1;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .bar .circle span {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--primary);
  border-radius: 50%;
  border: 0.5rem solid var(--secondary);
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .bar .circle.active {
  background-color: var(--white);
  padding: 0.25rem;
  border-radius: 50%;
  border: 0.25rem solid var(--secondary);
  z-index: 2;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos {
  display: flex;
  flex-direction: column;
  padding: 0 4rem;
  background-color: var(--primary);
  padding-bottom: 3rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .title {
  display: flex;
  margin: auto;
  margin-bottom: 3rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .title p {
  background-color: var(--white);
  color: var(--primary);
  padding: 1rem 2rem;
  border-radius: 0 0 2rem 2rem;
  font-weight: 600;
  box-shadow: 1px 5px 5px 1px #00000057;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes .red {
  display: flex;
  flex-direction: column;
  flex: 0 0 calc((100% - 3 * 2rem) / 4);
  align-items: center;
  color: var(--white);
  text-align: center;
	font-size: .8rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes .red .icon {
  width: 2.5rem;
  margin-bottom: 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes .red .s {
  font-weight: 500;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes .red .p {
  margin-bottom: 0.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes .red .ref {
  background-color: var(--white);
  color: var(--primary);
  font-weight: 600;
  border-radius: 1rem;
  padding: 0.25rem 1rem;
  margin-top: auto;
  white-space: nowrap;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .link {
  padding: 2rem;
  display: flex;
  gap: 2rem;
  align-items: center;
  justify-content: center;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .link p {
  font-weight: 600;
  font-size: 1.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .link a {
  color: var(--white);
  background-color: var(--primary);
  padding: 0.5rem 2.5rem;
  font-weight: 600;
  font-size: 1.1rem;
  border-radius: 2rem;
}

#dashboardUser .dash .woocommerce-MyAccount-content #section-prime {
  display: flex;
  flex-direction: column;
  padding: 2rem 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: rgb(219, 255, 246);
  background-image: url(/wp-content/uploads/2024/11/PRIME-FON1.webp);
  background-size: cover;
  color: var(--white);
  padding: 3rem 2rem;
  position: relative;
  background-position: 0 45%;
	gap: 2rem;
	margin-bottom: 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos * {
  position: relative;
  z-index: 2;
	color: var(--white);
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps1 p:first-child {
  color: var(--primary);
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  margin-bottom: 0.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps1 p:first-child img {
  margin-right: 0.25rem;
  width: 8rem;
  padding-bottom: 0.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps1 p:nth-of-type(2) {
  font-weight: 300;
  font-size: .8rem;
  line-height: 1.2;
	color: var(--white);
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 {
  display: flex;
  gap: 1rem;
  position: relative;
  justify-content: space-between;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 .line {
  height: 0.25rem;
  display: flex;
  width: 70%;
  left: 50%;
  transform: translate(-50%);
  top: 1.5rem;
  z-index: 1;
  background-color: var(--primary);
  position: absolute;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 .n {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-weight: 300;
  z-index: 2;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 .n a {
  text-decoration: none;
  font-weight: 600;
  color: white;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 .n span {
  font-weight: 600;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 .n > p {
  margin: 0;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 .n > p:first-child {
  font-size: 2rem;
  background-color: var(--primary);
  width: 3.5rem;
  height: 3.5rem;
  padding: 1.2rem;
  border-radius: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  margin-bottom: 0.5rem;
	color: var(--white);
	
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 .n > div > p:nth-of-type(2){
	font-size: .8rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 .n > p:nth-of-type(2) {
  font-size: 0.8rem;
  font-weight: 600;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 .n > p:nth-of-type(3) {
  font-size: 0.8rem;
  text-align: center;
  margin-bottom: auto;
}

#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .benef {
  display: flex;
  background-color: var(--gray);
  justify-content: center;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .benef p {
  margin: 0;
  line-height: 1;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .benef .content-b {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 2rem 1rem;
	gap: 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .benef .content-b > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 20%;
  font-size: 0.8rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .benef .content-b > div img {
  width: 4rem;
  margin-bottom: 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .benef .content-b > div:nth-of-type(4) img {
  width: 6rem;
  height: 4rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .benef .content-b > div p:nth-of-type(1) {
  font-weight: 600;
  margin-bottom: 0.25rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .benef .content-b > div p:nth-of-type(2) {
  font-weight: 300;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: auto;
  color: var(--white);
  gap: 2rem;
  margin: 1rem auto;
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
              url(/wp-content/uploads/2023/10/bgb1.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: 0; 
	padding: 2rem;
}

#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: auto;
	width: 25rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .text p:first-child {
  font-weight: 300;
  line-height: 1;
  font-size: 1.6rem;
	color: var(--white);
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .text p:first-child span {
  color: var(--primary);
  font-weight: bold;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .text p:nth-of-type(2) {
  font-size: 0.8rem;
  font-weight: 300;
	color: var(--white);
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas {
  border-radius: 0.5rem;
  border: 0.15rem solid var(--primary);
  padding: 1.5rem 2rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas img {
  filter: brightness(0) invert(100%);
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas .tfull {
  position: absolute;
  left: 0.75rem;
  bottom: 1rem;
  background-color: var(--primary);
  width: fit-content;
  padding: 0.1rem 0.5rem;
  border-radius: 0.25rem;
  transform: rotate(-90deg);
  transform-origin: bottom left;
  font-size: 0.9rem;
  font-weight: 500;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas .plan-lite {
  border-radius: 0.5rem;
  border: 0.15rem solid var(--white);
  padding: 1.5rem 0;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  width: 27%;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas .plan-lite img:nth-of-type(1) {
  width: 5rem;
  height: 1.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas .plan-lite img:nth-of-type(2) {
	width: 6rem;
    height: 1.3rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas .plan-lite .tlite {
  position: absolute;
  left: 0.75rem;
  top: 60%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: bottom left;
  background-color: var(--white);
  color: var(--grayblack3);
  width: fit-content;
  padding: 0.1rem 0.5rem;
  border-radius: 0.25rem;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 500;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) {
  display: flex;
  flex-wrap: wrap;
  width: 70%;
  align-items: center;
  justify-content: space-between;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(1) {
  width: 8rem;
  height: 2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(2) {
    width: 4rem;
    height: 1.3rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(3) {
	width: 8rem;
    height: 2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(4) {
    width: 8rem;
    height: 1.8rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(5) {
    width: 5rem;
    height: 1.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(6) {
    width: 7rem;
    height: 2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(3) {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(1) {
  width: 9rem;
  height: 3rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(2) {
  width: 9rem;
  height: 1.8rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(3) {
  width: 10rem;
  height: 2.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .redir {
  display: flex;
  background-color: white;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .redir a {
  margin: auto;
  cursor: pointer;
  background-color: var(--primary);
  padding: 1rem 3rem;
  color: var(--white);
  font-size: 1rem;
  font-weight: 500;
  border-radius: 0.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados {
  display: flex;
  flex-direction: column;
  padding: 2rem 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 3rem;
  background-color: var(--white);
  gap: 1.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 40%;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .info h1 {
  color: var(--primary);
  font-size: 1.4em;
  margin: 0;
  line-height: 1;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .info p {
line-height: 1.1;
    margin-top: .5rem;
    font-size: .8rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .cards {
  display: flex;
  justify-content: center;
  flex-direction: row;
  gap: 1rem;
	width: 60%;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .cards .card {
  width: 15rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: white;
  background-color: var(--primary);
  padding: 1rem;
  border-radius: 1.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .cards .card img {
  width: 4rem;
  margin-bottom: 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .cards .card h1 {
  font-size: 0.7rem;
	line-height: 1;
	margin-bottom: .25rem;;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .cards .card p {
  font-size: 0.6rem;
  margin: 0;
	color: var(--white);
	line-height: 1.1;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .video-ins {
  width: 100%;
  background-color: var(--gray);
  padding: 2rem 0;
	margin-bottom: 1rem;
}

#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .video-ins iframe {
  display: flex;
  width: 80%;
  height: auto;
  aspect-ratio: 16/9;
  margin: auto;
  border-radius: 2rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .unete {
  background: linear-gradient(270deg, #213337bf 0%, var(--primary) 100%),
    url(/wp-content/uploads/2024/06/fon-scaled-1.webp);
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: space-around;
	padding: 2rem 0;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .unete div:first-child {
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .unete div:first-child p {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1;
	color: var(--white);
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .unete div:first-child h1 {
  font-size: 3rem;
  margin: 0;
  font-weight: 600;
  line-height: 1;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .unete button {
  background-color: var(--primary);
  border: 0;
  border-radius: 2rem;
  color: white;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 0.8rem 3rem;
  cursor: pointer;
}

#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke {
  display: flex;
  flex-direction: column;
  padding: 1rem;
}

#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem 1rem 2rem 1rem;
  background-color: var(--white);
  width: 100%;
	gap: 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento h1 {
  font-weight: 600;
  margin: 0;
  font-size: 1.3rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento h1 span {
  color: var(--primary);
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento .cards {
	display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento .cards > div {
  display: flex;
  gap: 0.5rem;
  width: calc((100% - 4rem) / 5);
  flex-direction: column;
  align-items: center;
  text-align: center;
  border-radius: 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento .cards > div .im {
  display: flex;
  width: 8rem;
  height: 6rem;
  justify-content: center;
  align-items: center;
  position: relative;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento .cards > div .im::before {
  content: "";
  position: absolute;
  bottom: 1rem;
  left: 50%;
  width: 40%;
  height: 0.15rem;
  background-color: var(--primary);
  transform: translateX(-50%);
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento .cards > div .im img {
  width: 3.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento .cards > div:last-child .im img {
  width: 3rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento .cards > div p {
  font-size: 0.75rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento .cards > div p span {
  font-weight: 600;
}

#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .ong {
  display: flex;
  position: relative;
  z-index: 1;
  align-items: center;
  justify-content: center;
  padding: 2rem 1rem;
  gap: 2rem;
}

#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .ong::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/wp-content/uploads/2025/01/ban-ac.webp);
  background-size: cover;
  background-position: center -3rem;
  z-index: -2;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .ong::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(148, 172, 68, 0.9);
  z-index: -1;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .ong > img {
  height: 15rem;
  border-radius: 1rem;
  border: 0.2rem solid var(--white);
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .ong .txts {
  text-align: center;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .ong .txts img {
  width: 7rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .ong .txts p:nth-of-type(1) {
  color: var(--white);
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 0.25rem;
	line-height: 1;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .ong .txts p:not(:nth-of-type(1)) {
	color: var(--white);
    font-size: 0.7rem;
    text-align: justify;
    line-height: 1.2;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .ong .txts p:nth-of-type(4) {
  margin: 0;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
  width: 100%;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles h1 {
  margin: 0 0 0.5rem 0;
  font-size: 1.5rem;
  line-height: 1;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles h1 span {
  color: var(--primary);
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles > p {
  margin-bottom: 1rem;
	font-size: .8rem;
	text-align: center;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles .nivs {
  display: flex;
  gap: 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles .nivs .niv {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--gray);
  padding: .75rem;
  border-radius: 0.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles .nivs .niv p:nth-of-type(1) {
  font-weight: 600;
  font-size: 1.1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles .nivs .niv p:nth-of-type(2) {
  font-size: 0.7rem;
  text-align: center;
  line-height: 1.2;
  margin: 0.5rem 0 1rem 0;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles .nivs .niv p:nth-of-type(3) {
  background-color: var(--primary);
  color: var(--white);
  border-radius: 0.5rem;
  padding: 0.25rem 1.5rem;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
	font-size: .8rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles .nivs .niv:last-child {
  background-color: var(--primary);
  color: var(--white);
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles .nivs .niv:last-child p{
  color: var(--white);
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles .nivs .niv:last-child p:nth-of-type(3) {
  background-color: var(--white);
  color: var(--primary);
  margin-top: 1.5rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .redir {
  display: flex;
  align-items: center;
  justify-content: center;
	margin-bottom: 1rem;
}
#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .redir a {
  background-color: var(--primary);
  color: var(--white);
  padding: .75rem 4rem;
  border-radius: 2rem;
  font-weight: 500;
}
@media only screen and (max-width: 100rem) {
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos{
		padding: 0 2rem 3rem 2rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes .red .s,
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes .red .p{
		font-size: .8rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes .red .ref{
		font-size: .8rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi{
		flex-direction: column;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .info{
		width: 100%;
		text-align: center;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .cards{
		width: 80%;
	}
}
@media only screen and (max-width: 90rem) {
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos{
		padding: 0 1.5rem 3rem 1.5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes{
		gap: 2rem 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes .red{
		flex: 0 0 calc((100% - 2 * 1rem) / 3);
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes .red .ref{
		white-space: normal;
	}
	#dashboardUser .dash nav .data-left{
		padding: 2rem 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos{
		flex-direction: column;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps1{
		text-align: center;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps1 br{
		display: none;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes{
		flex-direction: column;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .text{
        width: 100%;
        text-align: center;
        gap: .5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .text p:nth-of-type(2) br{
		display: none;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(1){
		width: 10rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(3){
		width: 9rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .cards{
		width: 100%;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .ong{
		flex-direction: column-reverse;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .ong .txts p:not(:nth-of-type(1)){
		text-align: center;
		margin-bottom: 0.25rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles .nivs .niv:last-child p:nth-of-type(3){
		margin-top: auto;
		padding: .25rem .5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles .nivs{
		flex-wrap: wrap;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles .nivs .niv{
		width: calc(50% - .5rem);
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps1 p:first-child img{
		width: 7.5rem;
		padding-bottom: 0.25rem;
	}
}
@media only screen and (max-width: 75rem) {
	#dashboardUser .dash{
		gap: 1rem;
	}
	#dashboardUser .dash nav{
		gap: 1rem;
		width: auto;
	}
	#dashboardUser .dash nav .data-left {
		width: 16rem;
	}
	#dashboardUser .dash nav .data-left .icon-user{
		width: 8rem;
		height: 8rem;
	}
	#dashboardUser .dash nav .data-left{
		margin-top: 1rem;
		padding: 2rem 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content{
		margin: 1rem 1rem 1rem 0;
	}
	#dashboardUser .dash nav ul li a::before{
		width: 2rem;
		height: 2rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .logo{
		margin-bottom: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .intro{
		width: 100%;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .intro{
		font-size: .8rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .title p{
		font-size: .8rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content > p:first-of-type{
		padding: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-customer-details,
	#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-customer-details,
	#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-order-details{
		padding: 0 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(1){
		width: 9rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(3){
		width: 9rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(1){
		width: 7rem;
		height: 2rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(2){
		width: 7rem;
		height: 1.5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(3){
		width: 7rem;
		height: 1.6rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .unete div:first-child p{
		font-size: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .unete div:first-child h1{
		font-size: 2rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .unete button{
		font-size: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels{
		padding: 0 1rem 1rem 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi{
		padding: 2rem 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content > p:nth-of-type(2){
		padding: 0rem 1rem 1rem 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses div{
		margin: 0 1rem 1rem 1rem;
	}
}
@media only screen and (max-width: 62rem) {
	#dashboardUser .dash{
		flex-direction: column;
		gap: 1rem;
	}
	#dashboardUser .dash nav{
		flex-direction: column-reverse;
		gap: 0;
	}
	#dashboardUser .dash nav ul{
        width: 100%;
        flex-direction: row;
        padding: 1rem;
        gap: 1rem;
        flex-wrap: wrap;
		background-color: transparent;
	}
	#dashboardUser .dash nav ul li{
		flex: 0 0 calc((100% - 3 * 1rem) / 4);
	}
	#dashboardUser .dash nav ul li a{
		padding: 1rem;
	}
	#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--dashboard a{
        gap: 1rem;
		padding: 1rem;
        text-indent: 0;
	}
	#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--dashboard a::before{
		width: 2rem;
		height: 2rem;
	}
	#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--dashboard:hover a, 
	#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--dashboard.is-active a,
	#dashboardUser .dash nav ul li:hover a, 
	#dashboardUser .dash nav ul li.is-active a{
		background-color: #ffd3b0;
	}
	#dashboardUser .dash nav .data-left{
		width: calc(100% - 2rem);
        margin: 0 auto;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content{
        width: calc(100% - 2rem);
        margin: 0 auto 1rem auto;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm.page-pass fieldset{
		width: 100%;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(1){
		width: 11rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(3){
		width: 10rem;
	}
}
@media only screen and (max-width: 48rem) {
	#dashboardUser .dash .woocommerce-MyAccount-content table.woocommerce-MyAccount-orders tbody tr:nth-child(even){
		background-color: #ff62002b;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content section.woocommerce-customer-details{
		margin-bottom: 2rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content section.woocommerce-customer-details h2 {
		margin-bottom: 0.5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content section.woocommerce-customer-details > section > div:first-child{
		margin-bottom: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses{
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr td{
		border: none;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields__field-wrapper p{
		flex: auto;
	    width: 100%;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm{
		padding: 1rem;
		font-size: .8rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.woocommerce-form-row.woocommerce-form-row--first.form-row.form-row-first,
	#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.woocommerce-form-row.woocommerce-form-row--last.form-row.form-row-last,
	#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide{
		width: 100%;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm .woocommerce-form-row span em{
		font-size: .75rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-message{
		margin: 1rem 1rem 0 1rem;
	}
	#dashboardUser .dash nav .data-left{
		padding: 2rem 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes .red{
		flex: 0 0 calc((100% - 1 * 1rem) / 2);
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps1 p:first-child{
		font-size: 1.1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps1 p:first-child img{
		width: 4rem;
		padding-bottom: 0.25rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos{
		padding: 2rem 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps1 p:nth-of-type(2){
		font-size: .8rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 .n > p:first-child{
		font-size: 1.5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 .line{
		top: 1.5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas .plan-lite{
		width: 100%;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2){
		margin-top: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes{
		padding: 2rem 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas{
		padding: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2){
		width: 100%;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(1){
		width: 8rem;
		height: 1.6rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(3){
		width: 7rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(4){
		width: 6rem;
		height: 1.5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(5){
		width: 4.5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(6){
		width: 6rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(3){
		margin-top: .5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(3){
		flex-wrap: wrap;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(1){
		width: 5rem;
    	height: 1.5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(2){
		width: 5.5rem;
		height: 1.3rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(3){
		margin: .5rem auto auto;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .text p:first-child{
		font-size: 1.2rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .benef .content-b{
		flex-wrap: wrap;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .benef .content-b > div{
		width: 45%;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .benef .content-b > div img{
		width: 4rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .benef .content-b > div:nth-of-type(4) img{
		width: 6rem;
		height: 4rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento .cards{
		justify-content: center;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento .cards > div{
		width: calc(50% - .5rem);
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento h1{
		font-size: 1.3rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi{
		padding: 0 0 2rem 0;
	}
}
@media only screen and (max-width: 36rem) {
	#dashboardUser .dash .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses div header h3{
		width: 80%;		
	}
	#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields #billing_first_name_field,
	#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields #billing_last_name_field{
		width: 100%;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields #shipping_first_name_field,
	#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields #shipping_last_name_field{
		width: 100%;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields p button{
		padding: .75rem 2rem;
    	font-size: .8rem;
		margin-bottom: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.form-row-first,
	#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm p.form-row-last{
		width: 100%;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content > p:first-of-type{
		padding: 1rem 1rem .5rem 1rem;
		font-size: .8rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content > p:nth-of-type(2){
		font-size: .8rem;
		    padding: 0rem 1rem 1rem 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-order-details{
		padding: 0 1rem;
		font-size: .8rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-customer-details{
		padding: 0 1rem;
		font-size: .8rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content h2,
	#dashboardUser .dash .woocommerce-MyAccount-content section.woocommerce-customer-details h2{
		font-size: .9rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-order-details .order-again{
		width: 100%;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content .woocommerce-order-details .order-again a{
		align-items: center;
		justify-content: center;
		display: flex;
		padding: 1rem;
		border-radius: .5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses div header h3{
		font-size: .9rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses{
		gap: 0;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content .u-columns.woocommerce-Addresses.col2-set.addresses div{
		width: calc(100% - 2rem);
		margin: .5rem 1rem 1rem 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content h2{
		margin-top: 1rem;
		margin-bottom: .5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content section.woocommerce-customer-details{
		margin-bottom: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content section.woocommerce-customer-details h2{
		margin-top: 0;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content form > h3{
		padding: 1rem 1rem 0 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content form .woocommerce-address-fields{
		padding: 0 1rem;
	}
	#dashboardUser .dash nav ul{
		gap: 1rem;
	}
	#dashboardUser .dash nav ul li{
		flex: 0 0 calc((100% - 2 * 1rem) / 3);
	}
	#dashboardUser .dash nav ul li a{
		padding: .5rem !important;
		gap: .75rem !important;
		font-size: .8rem;
	}
	#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--dashboard a::before,
	#dashboardUser .dash nav ul li a::before{
		width: 2rem;
		height: 2rem;
	}
	#dashboardUser .dash nav ul li.woocommerce-MyAccount-navigation-link--edit-account a{
		gap: 0 !important;
		height: 100%;
		justify-content: space-between;
	}
	.woocommerce-view-order #dashboardUser .dash nav .data-left .options-orders .list,
	.woocommerce-orders #dashboardUser .dash nav .data-left .options-orders .list{
		gap: .5rem;
	}
	.woocommerce-view-order #dashboardUser .dash nav .data-left .options-orders .pad, 
	.woocommerce-orders #dashboardUser .dash nav .data-left .options-orders .pad{
		width: 4rem;
	}
	.woocommerce-view-order #dashboardUser .dash nav .data-left .options-orders .title, 
	.woocommerce-orders #dashboardUser .dash nav .data-left .options-orders .title{
		margin-bottom: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios,
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime,
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados{
		padding: 1rem;
		font-size: .8rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content form.woocommerce-EditAccountForm p button{
		font-size: .8rem;
		padding: .75rem 2rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .logo{
		width: 8rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .title p{
		padding: .75rem 2rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .bar{
		width: 100%;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .bar .circle span{
		width: 2rem;
		height: 2rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .imas .fase{
		padding: .5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .imas .fase img{
		width: 2.5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .levels .fases .imas .fase p{
		font-size: .7rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos{
		padding: 0 1rem 3rem 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .title p{
		padding: .75rem 2rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes{
		gap: 2rem .5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes .red{
		flex: 0 0 calc((100% - 1 * .5rem) / 2);
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes .red .icon{
		width: 2.5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .link p{
		font-size: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .link a{
		font-size: .9rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2{
		flex-direction: column;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 .line{
		display: none;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 .n{
		flex-direction: row;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 .n > p:first-child{
		margin: 0;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps1 p:nth-of-type(2){
		font-size: .75rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps2 .n div{
		padding-left: 1rem;
        font-size: 0.75rem;
        text-align: left;
		width: calc(100% - 4rem);
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .redir a{
		padding: .5rem 2rem;
    	font-size: .9rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .info h1{
		font-size: 1rem;
		margin-top: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .info p{
		font-size: .75rem;
    	text-align: justify;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .cards{
		flex-wrap: wrap;
		justify-content: center;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .cards .card{
		padding: 1rem .5rem;
		width: calc(50% - .5rem);
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .cards .card img{
		width: 3rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .data1-afi .cards .card h1{
		margin: 0;
		line-height: 1;
		margin-bottom: .25rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .unete{
		    flex-direction: column;
			justify-content: center;
			gap: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .unete button{
		font-size: .8rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .video-ins{
		padding: 0;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .video-ins iframe{
		width: 100%;
		border-radius: 0;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .ong .txts img{
		width: 6rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .ong .txts p:not(:nth-of-type(1)){
		text-align: justify;
		font-size: .75rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .ong > img{
		height: auto;
		width: 100%;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles{
		padding: 2rem 0;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles h1{
		font-size: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles > p{
		font-size: .75rem;
		line-height: 1.2;
		text-align: justify;
		margin-bottom: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles .nivs .niv{
		padding: 1rem .75rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles .nivs .niv p:nth-of-type(1){
		font-size: .9rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles .nivs .niv p:nth-of-type(3){
		padding: .25rem .5rem;
		width: 100%;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .intro{
		font-size: .75rem;
		line-height: 1.2;
		margin-bottom: 1.5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content form > h3{
		font-size: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .logo{
		margin-top: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos{
		padding: 0 .5rem 3rem .5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .puntos .redes .red .ref{
		padding: .25rem .5rem;
		font-size: .7rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-beneficios .link{
		padding: 2rem 0 1rem 0;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .pasos .ps1 p:first-child img{
		padding-bottom: 0.2rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(2){
		gap: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .marcas div:nth-of-type(3){
		margin-top: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .benef .content-b > div{
		font-size: .75rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-prime .desc-planes .text p:nth-of-type(2){
		font-size: .75rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-afiliados .unete div:first-child h1{
		font-size: 1.5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento{
		gap: .5rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento h1{
		font-size: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .procedimiento .cards{
		gap: .5rem 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .ong{
		gap: 1rem;
	}
	#dashboardUser .dash .woocommerce-MyAccount-content #section-trueke .niveles .nivs .niv p:nth-of-type(2){
		font-size: .75rem;
	}
}
@media only screen and (max-width: 26rem) {

}
/*********************************** modalCheckoutLR  **********************************/ 
#backmodalCheckoutLR{
	opacity: 0.75;
	background-color: var(--secondary);
}
#modalCheckoutLR .xoo-el-inmodal{
	max-height: none;
    max-width: none;
    width: auto;
    height: auto;
	border-radius: 1.5rem;
    overflow: hidden;
}
#modalCheckoutLR .xoo-el-inmodal #LoginFormK3D .xoo-el-header .logo-head img{
	padding-bottom: 0;
}
#modalCheckoutLR .xoo-el-inmodal #LoginFormK3D .xoo-el-header .logo-head::after{
	bottom: -0.5rem;
	height: 2rem;
}
#modalCheckoutLR .xoo-el-inmodal #LoginFormK3D form.xoo-el-form-login .ky1-gst{
	width: 20rem;
    margin: auto;
    text-align: center;
    color: var(--primary);
    font-weight: 600;
	cursor: pointer;
	font-size: 0.9rem;
}
#modalCheckoutLR .xoo-el-inmodal > span{
    right: .75rem;
    top: .75rem;
	background-color: transparent;
    border: none;
}
#modalCheckoutLR .xoo-el-inmodal > span:before{
	color: var(--white);
}
#modalCheckoutLR .xoo-el-inmodal .xoo-el-main{
	padding: 0;
}
#modalCheckoutLR .xoo-el-inmodal .xoo-el-main > div{
	padding: 0;
}
@media only screen and (max-width: 36rem) {
	#modalCheckoutLR .xoo-el-inmodal{
		position: absolute;
        top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 80%;
	}
	#modalCheckoutLR .xoo-el-inmodal #LoginFormK3D form.xoo-el-form-login .ky1-gst{
		width: auto;
	}
}
@media only screen and (max-width: 26rem) {
	#modalCheckoutLR .xoo-el-inmodal{
		width: 90%;
	}
}

/************************** Portal de Afiliados  ***************************/ 
.yith-wcaf.yith-wcaf-registration-form.woocommerce > div.become-an-affiliate-form{
    margin: 2rem auto 0 auto;
    padding: 1rem;
    max-width: 75rem;
	width: auto;
}
.yith-wcaf.yith-wcaf-registration-form.woocommerce > div.become-an-affiliate-form p .btn.button{
	background-color: var(--primary);
	font-size: 1rem;
}
.yith-wcaf.yith-wcaf-registration-form.woocommerce > div.become-an-affiliate-form p .btn.button:hover{
	opacity: 0.75;
}
@media only screen and (max-width: 81.25rem) {
	.yith-wcaf.yith-wcaf-registration-form.woocommerce > div.become-an-affiliate-form{
    	margin: 2rem 2rem 0 2rem;
	}
}
section.tyc p.open{
	background-color: var(--secondary);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 1rem;
}
section.tyc p.open img{
	filter: invert(1);
}
/*****************************************************************************/ 
#whatsapp-redir{
    background-color: var(--primary);
    position: fixed;
    bottom: 4.5rem;
    z-index: 9;
	border-radius: 2rem 0 0 2rem;
	right: 0;
}
#whatsapp-redir img{
	width: 3.25rem;
	padding: .75rem;
}


/*********************************** IMAGE **********************************/
.pswp.pswp--fs .pswp__scroll-wrap{
	width: 100%;
    height: 100%;
	border-radius: 0;
}
.pswp .pswp__scroll-wrap{
    left: 50%;
    top: 50%;
    width: 90%;
    height: 80%;
    background-color: var(--white);
    border-radius: 1rem;
    overflow: hidden;
    position: absolute;
    transform: translate(-50%, -50%);
}

.pswp .pswp__ui--idle .pswp__top-bar{
    background-color: var(--primary) !important; 
    opacity: 1 !important; 
}
.pswp .pswp__ui--idle .pswp__top-bar,
.pswp .pswp__ui--fit .pswp__top-bar {
    background-color: var(--primary) !important;
    opacity: 1 !important; 
}
.pswp.pswp--zoomed-in .pswp__scroll-wrap .pswp__container .pswp__item img{
	padding: 0;
}
.pswp .pswp__scroll-wrap .pswp__container .pswp__item img{
	padding: 3rem;
}
.pswp__img--placeholder--blank {
	background-color: var(--white);
}
.pswp .pswp__bg {
	background-color: rgba(0, 0, 0, 0.5);
}
.pswp .pswp__scroll-wrap .pswp__ui .pswp__caption {
	background-color: var(--white);
}
.pswp .pswp__scroll-wrap .pswp__ui .pswp__caption__center {
    text-align: center;
    color: var(--black);
    font-size: 0.9rem;
    font-weight: 600;
}
button.pswp__button--arrow--left {
    border-radius: 0 2rem 2rem 0;
    width: 3.5rem;
}
button.pswp__button--arrow--right {
    border-radius: 2rem 0 0 2rem;
    width: 3.5rem;
}
button.pswp__button, 
button.pswp__button--arrow--left::before, 
button.pswp__button--arrow--right::before, 
button.pswp__button:hover {
	background-color: var(--primary) !important;
}
.pswp__ui--fit .pswp__caption, 
.pswp__ui--fit .pswp__top-bar {
	background-color: var(--primary);
}
@media only screen and (max-width: 36rem) {
	.pswp .pswp__scroll-wrap{
		height: 60%;
	}
	.pswp button.pswp__button--arrow--left,
	.pswp button.pswp__button--arrow--right{
		width: 3rem;
	}
	.pswp__top-bar {
        opacity: 1 !important;
        background-color: var(--primary) !important; 
    }

    .pswp__ui--idle .pswp__top-bar {
        opacity: 1 !important;
    }
}
/*********************************** PRIME **********************************/
#prime-pagek3d{
    display: flex;
    flex-direction: column;
}
#prime-pagek3d p{
	margin: 0;
}
#prime-pagek3d .pasos {
    display: flex;
    align-items: center;
	justify-content: space-around;
    background: rgb(219, 255, 246);
    background-image: url(/wp-content/uploads/2024/11/PRIME-FON1.webp);
    background-size: cover;
    color: var(--white);
    padding: 4rem 2rem;
	position: relative;
	background-position: 0 45%;
}
#prime-pagek3d .pasos::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7); 
    z-index: 1;
}
#prime-pagek3d .pasos *{
    position: relative;
    z-index: 2;
}
#prime-pagek3d .pasos .ps1 p:first-child{
    color: var(--primary);
	font-size: 3.5rem;
    font-weight: 600;
    line-height: 1;
	white-space: nowrap;
	margin-bottom: 0.5rem;
}
#prime-pagek3d .pasos .ps1 p:first-child img{
	margin-right: .25rem;
	width: 12rem;
    padding-bottom: 0.5rem;
}
#prime-pagek3d .pasos .ps1 p:nth-of-type(2){
    font-weight: 300;
	font-size: 1rem;
	line-height: 1.2;
}
#prime-pagek3d .pasos .ps2 {
    display: flex;
	width: 62%;
    gap: 1rem;
    position: relative;
    justify-content: space-between;
}
#prime-pagek3d .pasos .ps2 .line{
    height: 0.25rem;
    display: flex;
    width: 70%;
    left: 50%;
    transform: translate(-50%);
    top: 2rem;
    z-index: 1;
    background-color: var(--primary);
    position: absolute;
}
#prime-pagek3d .pasos .ps2 .n{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-weight: 300;
    z-index: 2;
}
#prime-pagek3d .pasos .ps2 .n a{
    text-decoration: none;
    font-weight: 600;
    color: white;
}
#prime-pagek3d .pasos .ps2 .n span{
    font-weight: 600;
}
#prime-pagek3d .pasos .ps2 .n > p{
    margin: 0;
}
#prime-pagek3d .pasos .ps2 .n > p:first-child{
    font-size: 3rem;
    background-color: var(--primary);
    width: 4rem;
    height: 4rem;
    padding: 1.2rem;
    border-radius: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin-bottom: 0.5rem;   
}
#prime-pagek3d .pasos .ps2 .n > p:nth-of-type(2){
    font-size: 0.8rem;
    font-weight: 600;
}
#prime-pagek3d .pasos .ps2 .n > p:nth-of-type(3){
    font-size: 0.8rem;
    text-align: center;
	margin-bottom: auto;
}
#prime-pagek3d .benef{
    display: flex;
    background-color: var(--gray);
    justify-content: center;
}
#prime-pagek3d .benef p{
    margin: 0;
    line-height: 1;
}
#prime-pagek3d .benef .content-b{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 70%;
    padding: 5rem 0;
}
#prime-pagek3d .benef .content-b > div{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   width: 20%;
   font-size: 0.8rem;
}
#prime-pagek3d .benef .content-b > div img{
    width: 7rem;
	margin-bottom: 1rem;
}
#prime-pagek3d .benef .content-b > div:nth-of-type(4) img{
	width: 12rem;
	height: 7rem;
}
#prime-pagek3d .benef .content-b > div p:nth-of-type(1){
    font-weight: 600;
	margin-bottom: 0.25rem;
}
#prime-pagek3d .benef .content-b > div p:nth-of-type(2){
    font-weight: 300;
}
#prime-pagek3d .planes{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 4rem 0;
    background-image: url(/wp-content/uploads/2024/11/PRIME-FON2.webp);
    background-size: cover;
    color: white;
    font-weight: 300;
	position: relative;
}
#prime-pagek3d .planes::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7); 
    z-index: 1;
}
#prime-pagek3d .planes *{
    position: relative;
    z-index: 2;
}
#prime-pagek3d .planes span{
    font-weight: 600;
}
#prime-pagek3d .planes p{
    margin: 0;
    line-height: 1;
}
#prime-pagek3d .planes .title{
    color: var(--primary);
    font-weight: bold;
    font-size: 3.5rem;
	margin-bottom: 0.5rem;
}
#prime-pagek3d .planes .sub{
    font-size: 1.2rem;
    margin-bottom: 3rem;
}
#prime-pagek3d .planes .op{
    display: flex;
    gap: 4rem;
}
#prime-pagek3d .planes .change{
    display: flex;
    margin-bottom: 2rem;
}
#prime-pagek3d .planes #plan-annual-1, 
#prime-pagek3d .planes #plan-annual-2 {
    display: none;
}
#prime-pagek3d .planes .change button{
    background-color: transparent;
    border: 0.1rem solid var(--primary);
    padding: 0.5rem 1rem;
    font-size: 1rem;
    color: white;
    cursor: pointer;
}
#prime-pagek3d .planes .change button.select {
    background-color: var(--primary);
}
#prime-pagek3d .planes .change button:nth-of-type(1){
    border-radius: 0.5rem 0 0 0.5rem;
}
#prime-pagek3d .planes .change button:nth-of-type(2){
    border-radius: 0 0.5rem 0.5rem 0;
}
#prime-pagek3d .planes .op .card{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    border: 0.2rem solid white;
    padding: 5rem 4rem;
    width: 22rem;
    text-align: center;
}
#prime-pagek3d .planes .op .card:nth-of-type(2),
#prime-pagek3d .planes .op .card:nth-of-type(4){
    border: 0.2rem solid var(--primary);
}
#prime-pagek3d .planes .op .card p:nth-of-type(1){
    font-size: 2.5rem;
    font-weight: 600;
    padding-bottom: 0.5rem;
    display: flex;
    align-items: center;
}
#prime-pagek3d .planes .op .card:nth-of-type(2) p:nth-of-type(1),
#prime-pagek3d .planes .op .card:nth-of-type(4) p:nth-of-type(1){
	color: var(--primary);
}
#prime-pagek3d .planes .op .card p:nth-of-type(3){
    font-size: 1.8rem;
    padding: 2rem 0;
}
#prime-pagek3d .planes .op .card p:nth-of-type(2),
#prime-pagek3d .planes .op .card p:nth-of-type(4){
    font-size: 0.8rem;
}
#prime-pagek3d .planes .op .card a{
    text-decoration: none;
    color: white;
    background-color: var(--primary);
    padding: 0.75rem 3rem;
    border-radius: .5rem;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 1rem;
    transition: var(--transition);
}
#prime-pagek3d .planes .op .card a:hover{
    background-color: #d84400;
}
#prime-pagek3d .compare{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 0;
    background-color: var(--primary);
    color: white;
	flex-direction: column;
}
#prime-pagek3d .compare > p{
	font-size: 1.5rem;
    width: 70rem;
    margin-bottom: 1rem;
}
#prime-pagek3d .compare table{
    width: 70rem;
    line-height: 1.5;
    border-collapse: collapse;
}
#prime-pagek3d .compare table tr:nth-child(even){
    background-color: #f87b3c;
}
#prime-pagek3d .compare table tr th{
    font-size: 1.8rem;
    font-weight: 500;
    padding-bottom: 1rem;
}
#prime-pagek3d .compare table tr th:nth-child(2),
#prime-pagek3d .compare table tr th:nth-child(3){
	width: 10rem;
}
#prime-pagek3d .compare table tr th:first-child{
    text-align: left;
    padding-left: 1.5rem;
}
#prime-pagek3d .compare table tr td:first-child{
    font-size: 1rem;
    padding-left: 1.5rem;
    font-weight: 300;
	width: 18rem;
}
#prime-pagek3d .compare table tr td:nth-child(2),
#prime-pagek3d .compare table tr td:nth-child(3){
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    padding: 0 5rem;
}
#prime-pagek3d .compare table tr td img{
    width: 1.5rem;
	filter: contrast(1.5);
}
#prime-pagek3d .desc-planes{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: auto;
  color: var(--white);
  gap: 4rem;
  margin: 3rem auto;
}
#prime-pagek3d .desc-planes::before{
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), 
              url(/wp-content/uploads/2023/10/bgb1.webp);
  background-size: cover;
  background-size: cover;
  background-position: center;
  transform: translateZ(0);
  will-change: transform;
  z-index: -1;
}
#prime-pagek3d .desc-planes .text{
	display: flex;
    flex-direction: column;
    gap: 1rem;
	margin-bottom: auto;
}
#prime-pagek3d .desc-planes .text p:first-child{
  font-weight: 300;
  line-height: 1;
  font-size: 1.6rem;
}
#prime-pagek3d .desc-planes .text p:first-child span{
  color: var(--primary);
  font-weight: bold;
}
#prime-pagek3d .desc-planes .text p:nth-of-type(2){
  font-size: 0.8rem;
  font-weight: 300;
}
#prime-pagek3d .desc-planes .marcas{
  width: 55rem;
  border-radius: .5rem;
  border: 0.15rem solid var(--primary);
  padding: 1.5rem 2rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#prime-pagek3d .desc-planes .marcas img{
  filter: brightness(0) invert(100%);
}
#prime-pagek3d .desc-planes .marcas .tfull {
  position: absolute;
  left: 0.75rem;
  bottom: 1rem;
  background-color: var(--primary);
  width: fit-content;
  padding: 0.1rem 0.5rem;
  border-radius: 0.25rem;
  transform: rotate(-90deg);
  transform-origin: bottom left; 
  font-size: 0.9rem;
  font-weight: 500;
}
#prime-pagek3d .desc-planes .marcas .plan-lite {
  border-radius: .5rem;
  border: 0.15rem solid var(--white);
  padding: 1.5rem 0;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  align-items: center;
  width: 27%;
}
#prime-pagek3d .desc-planes .marcas .plan-lite img:nth-of-type(1){
  width: 6rem;
  height: 2rem;
}
#prime-pagek3d .desc-planes .marcas .plan-lite img:nth-of-type(2){
  width: 9rem;
  height: 2rem;
}
#prime-pagek3d .desc-planes .marcas .plan-lite .tlite {
  position: absolute;
  left: 0.75rem;
  top: 60%;
  transform: translateY(-50%) rotate(-90deg); 
  transform-origin: bottom left;
  background-color: var(--white);
  color: var(--grayblack3);
  width: fit-content;
  padding: 0.1rem 0.5rem;
  border-radius: 0.25rem;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 500;
}
#prime-pagek3d .desc-planes .marcas div:nth-of-type(2){
  display: flex;
  flex-wrap: wrap;
  width: 70%;
  align-items: center;
  justify-content: space-between;
}
#prime-pagek3d .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(1){
  width: 13rem;
  height: 2.6rem;
}
#prime-pagek3d .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(2){
  width: 7rem;
  height: 1.8rem;
}
#prime-pagek3d .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(3){
  width: 12rem;
  height: 2.5rem;
}
#prime-pagek3d .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(4){
  width: 13rem;
  height: 3rem;
}
#prime-pagek3d .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(5){
  width: 8rem;
  height: 2rem;
}
#prime-pagek3d .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(6){
  width: 12rem;
  height: 3rem;
}
#prime-pagek3d .desc-planes .marcas div:nth-of-type(3){
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2rem;
}
#prime-pagek3d .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(1){
  width: 30%;
  height: 4.5rem;
}
#prime-pagek3d .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(2){
  width: 28%;
  height: 2.5rem;
}
#prime-pagek3d .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(3){
  width: 30%;
  height: 3.5rem;
}
#prime-pagek3d .preguntas{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-image: url(https://www.tiendakrear3d.com/wp-content/uploads/2023/10/whirlpool.png);
}
#prime-pagek3d .preguntas h1{
    margin: 3rem;
}
#prime-pagek3d .preguntas .pregcon{
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 3rem;
}
#prime-pagek3d .preguntas .pregcon .sec{
	display: flex;
    width: 48%;
	flex-direction: column;
	gap: 2rem;
}
#prime-pagek3d .preguntas .pregcon .sec:nth-child(3){
	margin: auto;
}
#prime-pagek3d .preguntas .pregcon .sec .cont{
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--white);
    padding: 1.5rem;
    border-radius: 0.5rem;
    user-select: none;
    position: relative;
    cursor: pointer;
    height: 4rem;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
}
#prime-pagek3d .preguntas .pregcon .sec .cont.expanded {
    height: auto;
}
#prime-pagek3d .preguntas .pregcon .sec .cont .quest p{
    font-weight: 600;
    margin: 0;
}
#prime-pagek3d .preguntas .pregcon .sec .cont .quest img{
	width: 2rem;
    height: 2rem;
    background-color: var(--primary);
    border-radius: 1rem;
    padding: 0.5rem;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
}
#prime-pagek3d .preguntas .pregcon .sec .cont .resp a{
    text-decoration: none;
    font-weight: 600;
    color: var(--black);
}
#prime-pagek3d .preguntas .pregcon .sec .cont .resp {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease-in-out, max-height 0.5s ease-out;
    text-align: justify;
    padding-right: 3rem;
    display: block;
}
#prime-pagek3d .preguntas .pregcon .sec .cont.expanded .resp {
   	opacity: 1;
    max-height: 25rem; 
	padding-top: 1rem;
}
@media only screen and (max-width: 100rem) {
    #prime-pagek3d .pasos{
        gap: 6rem;
    }
    #prime-pagek3d .benef .content-b{
        width: 75%;
    }
	#prime-pagek3d .preguntas .pregcon{
		width: 85%;
	}

	#prime-pagek3d .preguntas .pregcon .sec .cont .quest p{
		padding-right: 3rem;
	}
}
@media only screen and (max-width: 75rem) {
    #prime-pagek3d .pasos{
        gap: 3rem;
    }
    #prime-pagek3d .pasos .ps1{
		width: 40%;
    }
    #prime-pagek3d .pasos .ps2{
        width: 70%;
		gap: 2rem;
    }
	#prime-pagek3d .pasos .ps1 p:first-child{
		font-size: 3rem;
	}
	#prime-pagek3d .pasos .ps1 p:first-child img{
		width: 11rem;
	}
	#prime-pagek3d .pasos .ps1 p:nth-of-type(2){
		font-size: 0.9rem;
	}
	#prime-pagek3d .pasos .ps1 p:nth-of-type(2) br{
		display: none;
	}
	#prime-pagek3d .benef .content-b{
		width: 90%;
	}
    #prime-pagek3d .benef .content-b > div p:nth-of-type(2) {
        height: 2rem;
        padding: 0 1rem;
    }
    #prime-pagek3d .benef .content-b > div:nth-child(-n+4){
        margin-bottom: 1rem;
    }
	#prime-pagek3d .compare > p{
		width: 80%;
	}
    #prime-pagek3d .compare table{
        width: 80%;
    }
    #prime-pagek3d .compare table tr th:not(:first-child) {
        padding: 0 1rem 1rem 1rem;
    }
    #prime-pagek3d .compare table tr td:nth-child(2), 
    #prime-pagek3d .compare table tr td:nth-child(3){
        padding: 0;
    }
	#prime-pagek3d .desc-planes {
		flex-direction: column;
		gap: 2rem;
	}
	#prime-pagek3d .desc-planes .text {
		gap: 0.5rem;
	}
	#prime-pagek3d .desc-planes .text p:first-child{
		text-align: center;
	}
	#prime-pagek3d .desc-planes .text p:first-child br,
	#prime-pagek3d .desc-planes .text p:nth-of-type(2) br{
		display: none;
	}
    #prime-pagek3d .preguntas h1{
        font-size: 1.5rem;
        text-align: center;
    }
}
@media only screen and (max-width: 62rem) {
    #prime-pagek3d .pasos{
        flex-direction: column;
    }
	#prime-pagek3d .pasos .ps1{
		width: auto;
	}
    #prime-pagek3d .pasos .ps1 p:first-child{
        text-align: center;
    }
    #prime-pagek3d .pasos .ps1 p:nth-of-type(2){
        text-align: center;
    }
	#prime-pagek3d .pasos .ps1 p:first-child br{
		display: none;
	}
	#prime-pagek3d .pasos .ps2{
		width: auto;
	}
    #prime-pagek3d .planes .op{
		width: 90%;
		justify-content: space-evenly;
    }
	#prime-pagek3d .planes .op .card{
		padding: 5rem 3rem;
	}
	#prime-pagek3d .desc-planes .marcas{
		width: 90%;
	}
	#prime-pagek3d .desc-planes .marcas .plan-lite{
		width: 32%;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(2){
		width: 65%;
		justify-content: space-around;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(2) img{
		width: 9rem !important;
		height: 2rem !important;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(3){
		margin-top: 1rem;
		justify-content: space-evenly;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(3) img {
		width: 10rem !important;
        height: 3rem !important;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(2){
		height: 2rem !important;
	}
    #prime-pagek3d .compare table,
	#prime-pagek3d .compare > p{
        width: 85%;
    }
	#prime-pagek3d .compare table tr td:first-child{
		width: auto;
	}
	#prime-pagek3d .benef .content-b{
		width: 95%;
	}
	#prime-pagek3d .benef .content-b > div{
        width: 33%;
    }
	#prime-pagek3d .preguntas .pregcon{
		width: 90%;
	}
	#prime-pagek3d .preguntas .pregcon .sec{
		width: 100%;
	}
}
@media only screen and (max-width: 48rem) {
    #prime-pagek3d .benef .content-b{
        width: auto;
        padding: 4rem 1rem;
		gap: 1rem;
    }
    #prime-pagek3d .planes{
        padding: 4rem 1rem;
    }
    #prime-pagek3d .planes .title{
        font-size: 3rem;
        text-align: center;
    }
    #prime-pagek3d .planes .sub{
        text-align: center;
    }    
	#prime-pagek3d .planes .op {
		width: 100%;
		justify-content: space-between;
        gap: 2rem;
	}
	#prime-pagek3d .planes .op .card{
		padding: 4rem 1rem;
	}
    #prime-pagek3d .compare{
        padding: 2rem 1rem;
    }
    #prime-pagek3d .compare table, #prime-pagek3d .compare > p{
        width: auto;
    }
	#prime-pagek3d .compare > p{
		margin-bottom: 2rem;
	}
	#prime-pagek3d .compare > p br{
		display: none;
	}
    #prime-pagek3d .compare table tr th{
        font-size: 1.2rem;
    }
    #prime-pagek3d .compare table tr th:not(:first-child){
        padding: 0 0.5rem 0.5rem 0.5rem;
    }
    #prime-pagek3d .compare table tr td:first-child{
        padding-right: 1rem;
    }
	#prime-pagek3d .compare table tr th:nth-child(2), #prime-pagek3d .compare table tr th:nth-child(3){
		width: auto;
	}
	#prime-pagek3d .desc-planes .text p:nth-of-type(2){
		text-align: center;
		padding: 0 2rem;
	}
	#prime-pagek3d .desc-planes .marcas .plan-lite{
		width: 100%;
		flex-direction: row;
		height: 7rem;
		margin-bottom: 1rem;
		justify-content: space-evenly;
	}
	#prime-pagek3d .desc-planes .marcas .plan-lite .tlite{
		top: 65%;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(2){
		width: 100%;
		gap: 1rem;
		justify-content: space-between;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(2) img,
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(3) img{
        width: 8rem !important;
        height: 2rem !important;
		margin-bottom: 0.5rem;
    }
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(3){
		justify-content: space-between;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(3) img{
		margin-bottom: 0;
	}
	#prime-pagek3d .benef .content-b > div{
        width: 45%;
    }
}
@media only screen and (max-width: 36rem) {
    #prime-pagek3d .pasos{
        padding: 4rem 1rem;
    }
    #prime-pagek3d .pasos .ps1 p:first-child {
        font-size: 1.8rem;
		margin-bottom: 0;
    }
	#prime-pagek3d .pasos .ps1 p:first-child img {
        width: 6.5rem;
        padding-bottom: 0.25rem;
    }
    #prime-pagek3d .pasos .ps1 p:nth-of-type(2){
		font-size: 0.8rem;
        padding: 0 2rem;
        line-height: 1.3;
        margin-top: 0.5rem;
    }
    #prime-pagek3d .pasos .ps2{
        flex-direction: column;
        gap: 3rem;
		font-size: 0.75rem;
    }
    #prime-pagek3d .pasos .ps2 .n{
        width: auto;
		flex-direction: row;
    }
	#prime-pagek3d .pasos .ps2 .n div{
		padding-left: 1rem;
        width: 80%;
		font-size: 0.7rem;
		text-align: left;
	}
	#prime-pagek3d .pasos .ps2 .n > p:first-child{
		margin-bottom: 0;
	}
    #prime-pagek3d .pasos .ps2 .n > p:nth-of-type(3){
		padding: 0 1rem;
    }
    #prime-pagek3d .pasos .ps2 .line{
        display: none;
    }
	#prime-pagek3d .planes .op{
		gap: 1rem;
	}
    #prime-pagek3d .planes .op .card {
        padding: 2rem 1rem;
    }
	#prime-pagek3d .planes .op .card p:nth-of-type(1){
		font-size: 1.5rem;
	}
	#prime-pagek3d .planes .op .card a{
		padding: 0.5rem 1rem;
    	font-size: 0.9rem;
	}
    #prime-pagek3d .planes .title {
        font-size: 2.5rem;
    }
    #prime-pagek3d .planes .sub{
        font-size: 1rem;
		line-height: 1.3;
    }
	#prime-pagek3d .benef .content-b > div img{
		width: 5rem;
	}
	#prime-pagek3d .benef .content-b > div:nth-of-type(4) img{
		width: 8rem;
    	height: 5rem;
	}
    #prime-pagek3d .compare table tr td:first-child{
        padding: 0.5rem 1.5rem;
    }
    #prime-pagek3d .preguntas{
        padding: 0 1rem;
    }
    #prime-pagek3d .preguntas h1 {
        font-size: 1.2rem;
    }
	#prime-pagek3d .desc-planes .marcas {
		padding: 1.5rem;
	}
	#prime-pagek3d .desc-planes .marcas .plan-lite{
		flex-direction: column;
		justify-content: center;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(2){
		justify-content: space-evenly;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(3){
		flex-wrap: wrap;
        justify-content: space-evenly;
        gap: 1rem;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(1){
		width: 9rem !important;
    	height: 2rem !important;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(1),
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(2){
		margin-bottom: 0.5rem;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(3){
		margin: auto;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(2){
		width: 6rem !important;
    	height: 1.5rem !important;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(3){
		width: 9rem !important;
    	height: 2rem !important;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(5){
		width: 7rem !important;
		height: 1.8rem !important;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(2) img:nth-of-type(6){
		width: 9rem !important;
    	height: 2.5rem !important;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(3){
		width: 9rem !important;
    	height: 2.5rem !important;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(1){
		height: 2.5rem !important;
		width: 8rem !important;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(3) img:nth-of-type(2){
		height: 1.5rem !important;
		width: 8rem !important;
	}
	#prime-pagek3d .preguntas .pregcon,
	#prime-pagek3d .preguntas .pregcon .sec{
		gap: 1.5rem;
	}
	#prime-pagek3d .preguntas .pregcon .sec .cont{
		height: auto;
		padding: 1rem;
	}
    #prime-pagek3d .preguntas .pregcon .sec .cont .quest p{
        padding-right: 2.5rem;
    }
	#prime-pagek3d .preguntas .pregcon .sec .cont .quest img{
		right: 1rem;
	}
	#prime-pagek3d .preguntas .pregcon .sec .cont.expanded .resp{
		padding-top: 0;
	}
}
@media only screen and (max-width: 26rem) {
	#prime-pagek3d .planes .op .card{
		width: 100%;
        margin: auto;
	}
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(2),
	#prime-pagek3d .desc-planes .marcas div:nth-of-type(3){
		justify-content: space-between;
	}
	#prime-pagek3d .preguntas .pregcon .sec .cont{
		width: 100%;
	}
}

/*********************************** POSTULACIONES **********************************/
#postulaciones{
	padding: 1rem 0;
    /*background: linear-gradient(180deg, var(--white) 0%, var(--gray) 10%); */
	background-color: var(--white);
}
#postulaciones .cont{
    width: 100%;
    margin: 0 auto 5rem auto;
    max-width: 100rem;
    padding: 0 1rem;
}
#postulaciones .cont > h1{
	font-size: 1.5rem;
	text-align: center;
	margin-bottom: 0.5rem;
}
#postulaciones .cont > p{
	font-size: 0.9rem;
    text-align: center;
    width: 80%;
    margin: 0 auto 1rem auto;
}
#postulaciones .cont .post{
	display: flex;
	justify-content: center;
}
#postulaciones .cont .post .vacantes{
	width: 40%;
}
#postulaciones .cont .post .vacantes > p{
	font-weight: 600;
	font-size: 0.9rem;
	margin-top: 2rem;
	margin-bottom: 0;
}
#postulaciones .cont .post .vacantes > p:nth-of-type(2){
	font-size: 0.7rem;
    margin: 0;
    color: var(--grayblack2);
	margin-bottom: 1rem;
	font-weight: 100;
}
#postulaciones .cont .post .vacantes > p:nth-of-type(2) strong{
	font-style: italic;
}
#postulaciones .cont .post .vacantes ul{
	display: flex;
	justify-content: center;
	gap: 2rem;
	flex-direction: column;
}
#postulaciones .cont .post .vacantes ul li{
    display: flex;
    flex-direction: column;
    border-radius: 0.5rem;
    border: 0.1rem solid var(--grayblack2);
    padding: 1rem;
	font-size: 1.2rem;
    font-weight: 500;
}
#postulaciones .cont .post .vacantes ul li span{
    background-color: var(--gray);
    padding: 0.25rem 1rem;
    border-radius: 0.25rem;
    width: fit-content;
	margin: 0.5rem 0;
	font-size: 0.9rem;
	font-weight: 100;
}
#postulaciones .cont .post .vacantes ul li > p{
	font-size: 0.9rem;
	font-weight: 100;
	margin: 0;
}
#postulaciones .cont .post .wpforms-container{
	width: 53%;
	margin: 0;
}
#postulaciones .cont .post .wpforms-recaptcha-container{
	margin-bottom: 2rem;
    margin-top: -1rem;
}
#postulaciones .cont .post .wpforms-container .wpforms-confirmation-container-full{
    background-color: var(--primary);
    margin: 2rem 2rem 0 0;
    border: none;
	border-radius: 0.5rem;
	text-align: center;
}
#postulaciones .cont .post .wpforms-container .wpforms-confirmation-container-full p{
	color: var(--white);
}
#postulaciones .cont .post .wpforms-container form .wpforms-field-container{
	padding-left: 0.6rem;
	margin-top: 2rem;
}
#postulaciones .cont .post .wpforms-container form .wpforms-field-container .wpforms-field{
	padding: 0;
	margin-bottom: 1rem;
	width: 40rem;
}
#postulaciones .cont .post .wpforms-container form .wpforms-field-container .wpforms-field label{
	margin-bottom: 0.25rem;
	font-size: 0.9rem;
}
#postulaciones .cont .post .wpforms-container form .wpforms-field-container .wpforms-field input{
	height: 2rem;
}
#postulaciones .cont .post .wpforms-container form .wpforms-field-container .wpforms-field input:focus,
#postulaciones .cont .post .wpforms-container form .wpforms-field-container .wpforms-field textarea:focus{
	outline: none;
	border: none;
}
#postulaciones .cont .post .wpforms-container form .wpforms-field-container .wpforms-field .wpforms-uploader.dz-clickable{
	height: 6rem;
}
#postulaciones .cont .post .wpforms-container form .wpforms-field-container .wpforms-layout-column{
	padding: 0;
}
#postulaciones .cont .post .wpforms-container form button[type="submit"]{
	background-color: var(--primary) !important;
	width: 40rem;
	border-radius: 2rem;
}
#postulaciones .cont .post .wpforms-container form button[type="submit"]:hover{
	background-color: var(--primary) !important;
}
@media only screen and (max-width: 100rem) {
	#postulaciones .cont .post{
		gap: 3rem;
	}
	#postulaciones .cont .post .wpforms-container .wpforms-confirmation-container-full{
		margin-right: 0;
	}
}
@media only screen and (max-width: 75rem) {
	#postulaciones .cont > p{
		width: 90%;
    	margin: auto;
	}
	#postulaciones .cont .post{
		display: flex;
    	flex-direction: column-reverse;
	}
	#postulaciones .cont .post .vacantes{
		width: 100%;
	}
	#postulaciones .cont .post .vacantes ul{
		flex-direction: row;
		justify-content: space-between;
		gap: 1rem;
	}
	#postulaciones .cont .post .vacantes ul li{
		width: 33%;
	}
	#postulaciones .cont .post .wpforms-container{
		width: auto;
		margin: auto;
	}
}
@media only screen and (max-width: 48rem) {
	#postulaciones .cont{
		margin: 0;
	}
	#postulaciones .cont > h1{
		font-size: 1.2rem;
	}
	#postulaciones .cont > p{
		padding: 0 1rem;
		width: auto;
		font-size: 0.8rem;
	}
	#postulaciones .cont .post .vacantes ul {
		flex-direction: column;
	}
	#postulaciones .cont .post .vacantes ul li {
        width: auto;
		font-size: 1rem;
    }
	#postulaciones .cont .post .vacantes ul li > p,
	#postulaciones .cont .post .vacantes ul li span{
		font-size: 0.8rem;
	}
	#postulaciones .cont .post .wpforms-container{
		padding-right: 0.6rem;
		margin: 0 1rem;
	}
	#postulaciones .cont .post .wpforms-container form .wpforms-submit-container{
		display: flex;
		justify-content: center;
		margin-top: -1rem;
        margin-bottom: 2rem;
	}
	#postulaciones .cont .post .wpforms-container form .wpforms-field-container .wpforms-field{
		width: auto;
	}
	#postulaciones .cont .post .wpforms-container form .wpforms-field-container #wpforms-27570-field_7-container{
		overflow-y: hidden;
	}
	#postulaciones .cont .post .wpforms-container form button[type="submit"]{
		width: 80%;
	}
	#postulaciones .cont .post .wpforms-container form .wpforms-field-container .wpforms-field .wpforms-uploader.dz-clickable{
		height: auto;
	}
	#postulaciones .cont .post .wpforms-container .wpforms-confirmation-container-full{
		margin-left: 0.6rem;
	}
}
@media only screen and (max-width: 600px) {
	#postulaciones .cont .post .wpforms-container-full:not(:empty){
		padding: 0;
	}
	#postulaciones .cont .post .wpforms-container{
		margin: 0;
	}
	#postulaciones .cont .post .wpforms-container .wpforms-confirmation-container-full{
		margin: 0;
	}
}
@media only screen and (max-width: 36rem) {
	#postulaciones .cont .post .wpforms-container form .wpforms-field-container .wpforms-field{
		padding: 0.25rem;
	}
	#postulaciones .cont .post .wpforms-recaptcha-container .g-recaptcha > div{
		margin: auto;
	}
}

/*********************************** CATALOGO **********************************/
#catalogo-k3d{
	display: flex;
	flex-direction: column;
	background-color: var(--gray);
}
#catalogo-k3d .sup{
	display: flex;
	flex-direction: column;
	text-align: center;
	padding: 3rem 0 0 0;
	color: var(--black);
	gap: 1rem;
}
#catalogo-k3d .sup h1 span{
	color: var(--primary);
}
#catalogo-k3d .sup h1,
#catalogo-k3d .sup p{
	max-width: 80rem;
	margin: auto;
}
#catalogo-k3d .libro{
	padding: 0 0 2rem 0;
}
#catalogo-k3d .libro .toolbar{
	background-color: green;
}
#catalogo-k3d .btn-redr{
    display: none;
    justify-content: center;
    margin: auto;
    width: fit-content;
    background-color: var(--primary);
    color: var(--white);
    border-radius: 2rem;
    align-items: center;
    gap: .5rem;
    padding: .5rem 1rem;
    margin-bottom: 2rem;
}
#catalogo-k3d .btn-redr img{
	width: 2rem;
	filter: invert(1);
}
@media only screen and (max-width: 75rem) {
	#catalogo-k3d .sup p{
		padding: 0 2rem;
	}
}
@media only screen and (max-width: 36rem) {
	#catalogo-k3d .btn-redr{
		display: flex;
	}
	#catalogo-k3d .sup{
		padding: 3rem 0 2rem 0;
	}
	#catalogo-k3d .sup h1{
		font-size: 1.5rem;
	}
	#catalogo-k3d .sup p{
		font-size: .8rem;
	}
}
/*********************************** COMPARE **********************************/
#compare-k3d{
	display: flex;
	flex-direction: column;
	background: linear-gradient(180deg, var(--white) 0%, var(--gray) 10%);
	padding: 1.5rem 0 3rem 0;
}
#compare-k3d .cont{
	width: 100%;
    margin: 0 auto;
    max-width: 100rem;
    padding: 0 1rem;
}
#compare-k3d .cont .menu{
	display: flex;
	align-items: center;
}
#compare-k3d .cont .menu > p{
	font-size: 1.5rem;
	font-weight: 600;
	margin: 0;
}
#compare-k3d .cont .menu .categorias{
	display: flex;
	margin-right: auto;
	gap: 1rem;
}
#compare-k3d .cont .menu .categorias button{
	display: flex;
    color: var(--black);
    background-color: var(--white);
    padding: 0.5rem 1rem;
    border-radius: 2rem;
	font-size: 0.75rem;
	cursor: pointer;
	transition: var(--transition);
	border: none;
	box-shadow: 0.1rem 0.2rem 0.5rem #c1c1c1;
	align-items: center;
}
#compare-k3d .cont .menu .categorias button:hover{
	background-color: var(--graydark)
}
#compare-k3d .cont .menu .categorias button.selected{
    background-color: var(--black);
	color: var(--white);
}
#compare-k3d .cont .product-form{
    display: flex;
    align-items: center;
    justify-content: space-between;
	margin: 2rem 0 1rem 0;
	gap: 1rem;
	position: sticky;
	top: 0;
	z-index: 1;
}
#compare-k3d .cont .product-form .product-selection{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: var(--white);
    padding: 1.5rem;
	border-radius: .5rem;
	box-shadow: 0 0.3rem 0.5rem var(--graydarkest);
	min-height: 10rem;
}
#compare-k3d .cont .product-form .product-selection > select{
	display: none;
}
#compare-k3d .cont .product-form .product-selection span.select2 {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100% !important;
}
#compare-k3d .cont .product-form .product-selection span.select2 > span > span{
	padding: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
	border: 0.1rem solid var(--graydarkest);
	border-radius: 1rem;
	outline: none;
}
#compare-k3d .cont .product-form .product-selection span.select2 > span > span[aria-expanded="true"]{
	border-radius: 1rem 1rem 0 0;
}
#compare-k3d .cont .product-form .product-selection .select2-selection__rendered{
	white-space: pre-wrap;
	line-height: 1;
	overflow: visible;
}
.page-id-29079 .select2-container .select2-dropdown{
	border: 0.1rem solid var(--graydarkest);
	border-top: none;
    border-radius: 0 0 1rem 1rem;
    overflow: hidden;
}
.page-id-29079 .select2-container .select2-dropdown .select2-results__options li{
	padding-left: 1rem;
	outline: none;
}
.page-id-29079 .select2-container .select2-dropdown .select2-results__options li.select2-results__option.select2-results__message {
    visibility: hidden;
    position: relative;
}
.page-id-29079 .select2-container .select2-dropdown .select2-results__options li.select2-results__option.select2-results__message::before {
    content: "No se encontraron resultados";
    visibility: visible;
}
.page-id-29079 .select2-container .select2-dropdown .select2-search{
	display: flex;
	padding: 0;
} 
.page-id-29079 .select2-container .select2-dropdown .select2-search input{
	border: 0.1rem solid var(--graydarkest);
    outline: none;
    border-radius: 1rem;
    height: 2rem;
    margin: 0.5rem;
	padding: 1rem;
}
.page-id-29079 .select2-results__option--highlighted[aria-selected],
.page-id-29079 .select2-results__option--highlighted[data-selected] {
    background-color: var(--primary);
	color: var(--white);
}
#compare-k3d .cont .product-form .product-selection span.select2 span.select2-selection__arrow{
	height: 100%;
}
#compare-k3d .cont .product-form .product-selection span.select2 span.select2-selection__arrow::before {
    content: '';
    background-image: url('/wp-content/uploads/2024/12/select-abajo.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
}
#compare-k3d .cont .product-form .product-selection span.select2 span.select2-selection__arrow b {
    display: none;
}
#compare-k3d .cont .product-form .product-selection .logo-image{
	display: flex;
    margin-top: 1.2rem;
}
#compare-k3d .cont .product-form .product-selection .logo-image img{
	height: 1rem;
}
#compare-k3d .cont .product-form .product-selection .product-image{
	margin: 1rem 0;
}
#compare-k3d .cont .product-form .product-selection .product-image img{
    height: 7rem;
}
#compare-k3d .cont .product-form .product-selection .product-price{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
}
#compare-k3d .cont .product-form .product-selection .product-price strong{
	font-size: 1.1rem;
}
#compare-k3d .cont .product-form .product-selection .product-price a:nth-of-type(1){
	display: flex;
	background-color: var(--primary);
    color: white;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
	transition: var(--transition);
}
#compare-k3d .cont .product-form .product-selection .product-price a:nth-of-type(1):hover{
	opacity: 0.8;
}
#compare-k3d .cont .product-form .product-selection .product-price a:nth-of-type(2){
	color: var(--secondary);
	position: relative;
}
#compare-k3d .cont .product-form .product-selection .product-price a:nth-of-type(2)::after {
	content: "";
    position: absolute;
    bottom: -0.15rem;
    left: 0;
    width: 0;
    height: 0.125rem;
    background-color: var(--primary);
    transition: width 0.3s ease-out;
}

#compare-k3d .cont .product-form .product-selection .product-price a:nth-of-type(2):hover::after {
    width: 100%;
}
#compare-k3d .cont .espec{
	display: flex;
    justify-content: space-between;
	gap: 1rem;
}
#compare-k3d .cont .espec .template-box{
	display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--white);
	padding: 1.5rem;
    border-radius: .5rem;
	text-align: center;
}
#compare-k3d .cont .espec .template-box strong{
	text-transform: uppercase;
	color: var(--secondary);
	font-size: 0.8rem;
}
#compare-k3d .cont .espec .template-box p{
	font-size: 1.1rem;
	font-weight: 600;
	padding: .7rem 0;
    border-bottom: 0.1rem solid var(--graydarkest);
	color: var(--primary);
	margin: 0 0 .7rem 0;
}
#compare-k3d .cont .espec .template-box p:last-of-type {
    border: none;
    margin: 0;
    padding: 0;
}
#compare-k3d .cont .espec .template-box .download-ficha{
	display: flex;
    padding: 0.75rem 1rem;
    background-color: var(--secondary);
    color: var(--white);
    width: fit-content;
    margin: 3rem auto 0 auto;
    border-radius: 2rem;
    gap: .5rem;
    transition: var(--transition);
}
#compare-k3d .cont .espec .template-box .download-ficha:hover{
	opacity: 0.75;
}
#compare-k3d .cont .espec .template-box .download-ficha img{
	width: 1.2rem;
	filter: invert(1);
}

@media only screen and (max-width: 75rem) {
	#compare-k3d .cont .menu{
		flex-direction: column;
		gap: 1rem;
	}
	#compare-k3d .cont .menu > p{
		margin-right: auto;
	}
	#compare-k3d .cont .menu .categorias{
		margin: 0;
    	margin-right: auto;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}
@media only screen and (max-width: 62rem) {
	#compare-k3d .cont .product-form .product-selection:nth-of-type(3),
	#compare-k3d .cont .espec .template-box:nth-of-type(3){
		display: none;
	}
	#compare-k3d .cont .product-form .product-selection .product-image img{
		height: 9rem;
	}
	#compare-k3d .cont .product-form .product-selection .logo-image img{
		height: 1rem;
	}
}
@media only screen and (max-width: 36rem) {
	#compare-k3d .cont .menu > p{
		font-size: 1.2rem;
	}
	#compare-k3d .cont .product-form{
		gap: 0;
		align-items: stretch;
	}
	#compare-k3d .cont .product-form .product-selection{
		padding: 1rem;
		width: 48%;
	}
	#compare-k3d .cont .product-form .product-selection .product-price a:nth-of-type(1){
		margin-bottom: 1rem;
		margin-top: .5rem;
		padding: 0.25rem 1rem;
	}
	#compare-k3d .cont .product-form .product-selection .logo-image img{
		height: .7rem;
	}
	#compare-k3d .cont .product-form .product-selection .product-image img{
		height: 5rem;
	}
	#compare-k3d .cont .product-form .product-selection .product-price strong{
		font-size: .9rem;
	}
	#compare-k3d .cont .product-form .product-selection span.select2 > span > span{
		height: auto;
		padding: 0.5rem;
	}
	#compare-k3d .cont .product-form .product-selection span.select2 span.select2-selection__rendered{
		line-height: 1;
        white-space: pre-wrap;
        text-align: left;
		padding: 0 1.2rem 0 0;
        margin-right: auto;
		font-size: .8rem;
	}
	#compare-k3d .cont .product-form .product-selection span.select2 span.select2-selection__arrow::before{
		width: 1rem;
    	height: 1rem;
	}
	#compare-k3d .cont .product-form .product-selection .product-price a:nth-of-type(2){
		font-size: .75rem;
	}
	#compare-k3d .cont .espec{
		gap: 0;
	}
	#compare-k3d .cont .espec .template-box{
		width: 48%;
		padding: 1rem;
	}
	#compare-k3d .cont .espec .template-box strong{
		color: var(--graymenu1);
        line-height: 1;
	}
	#compare-k3d .cont .espec .template-box strong,
	#compare-k3d .cont .espec .template-box p{
		font-size: 0.75rem;
        text-align: left;
	}
	#compare-k3d .cont .espec .template-box p{
		color: var(--black);
		padding: .5rem 0;
		margin: 0 0 .5rem 0;
	}
	#compare-k3d .cont .espec .template-box .download-ficha{
		justify-content: center;
		padding: 0.5rem 0.25rem;
		width: 100%;
		font-size: 0.8rem;
        align-items: center;
	}
}
/*********************************** trueke	 **********************************/
#trueke {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", serif;
}
#trueke p {
  margin: 0;
  padding: 0;
}
#trueke .procedimiento {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem 0 2rem 0;
  background-color: var(--white);
  width:100%;
}
#trueke .procedimiento h1 {
  font-weight: 600;
  margin: 0;
	font-size: 2rem;
}
#trueke .procedimiento h1 span {
  color: var(--primary);
}
#trueke .procedimiento .cards {
  display: flex;
  max-width: 100rem;
  padding: 0 1rem;
}
#trueke .procedimiento .cards > div {
  display: flex;
  gap: 0.5rem;
  width: 25%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1.5rem;
  border-radius: 1rem;
}
#trueke .procedimiento .cards > div .im{
	display: flex;
	width: 8rem;
	height: 8rem;
	justify-content: center;
	align-items: center;
	position: relative;
    margin-bottom: 0.5rem;
}
#trueke .procedimiento .cards > div .im::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 0.15rem;
    background-color: var(--primary);
    transform: translateX(-50%);
}
#trueke .procedimiento .cards > div .im img {
  	width: 6rem;
}
#trueke .procedimiento .cards > div:last-child .im img {
  	width: 4rem;
}
#trueke .procedimiento .cards > div p{
	font-size: 0.9rem;
	white-space: nowrap;
}
#trueke .procedimiento .cards > div p span {
  font-weight: 600;
}
#trueke .equipos {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem 0;
    gap: 4rem;
}
#trueke .equipos::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2025/01/trueke-f2.webp);
    background-size: cover;
    background-position: center;
    z-index: -1;
	filter: brightness(0.7);
}
#trueke .equipos .par {
	display: flex;
    color: var(--white);
    flex-direction: column;
    width: 20%;
}
#trueke .equipos .par p:nth-of-type(1) {
	font-size: 2.5rem;
    font-weight: 600;
    line-height: 1;
}
#trueke .equipos .par p:nth-of-type(1) span{
	color: var(--primary);
}
#trueke .equipos .par p:nth-of-type(2){
	font-size: 1rem;
}
#trueke .equipos .selector{
	display: flex;
    gap: 2rem;
}
#trueke .equipos .selector .specs:empty{
	display: none;
}
#trueke .equipos .selector .specs{
	display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .5rem;
}
#trueke .equipos .selector .specs .spec-key{
	font-size: .8rem;
}
#trueke .equipos .selector .specs .spec-value{
	font-weight: 600;
}
#trueke .equipos .selector .specs .spec{
	display: flex;
    flex-direction: column;
    background-color: var(--white);
    padding: .5rem 1rem;
    border-radius: .5rem;
    align-items: center;
    justify-content: center;
}
#trueke .equipos .selector .sel{
	display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    padding: 2rem;
    border-radius: 2rem;
    background-color: var(--white);
	min-height: 19.35rem;
}
#trueke .equipos .selector .sel img{
	max-height: 10rem;
	min-height: 10rem;
}
#trueke .equipos .selector .sel > label{
	font-size: 1.2rem;
    font-weight: 600;
    color: var(--primary);
}
#trueke .equipos .selector .sel select{
    display: flex;
    padding: .5rem;
    border-radius: 1rem;
    border: none;
	outline: none;
	box-shadow: 0 0.1rem 0.1rem 0.1rem var(--graydark);
	cursor: pointer;
	text-align: center;
}
#trueke .niveles {
  display: flex;
  flex-direction: column;
  padding: 4rem 1rem;
  justify-content: center;
  align-items: center;
  background-color: var(--white);
	width: 100%
}
#trueke .niveles h1{
	margin: 0 0 .5rem 0;
	font-size: 2rem;
	line-height: 1;
}
#trueke .niveles h1 span {
  color: var(--primary);
}
#trueke .niveles > p{
  margin-bottom: 2rem;
}
#trueke .niveles .nivs {
  display: flex;
  gap: 2rem;
  width: 70rem;
}
#trueke .niveles .nivs .niv {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--gray);
  padding: 2rem 1rem;
	border-radius: .5rem;
	
}
#trueke .niveles .nivs .niv p:nth-of-type(1){
  font-weight: 600;
  font-size: 1.5rem;
}
#trueke .niveles .nivs .niv p:nth-of-type(2){
    font-size: .8rem;
    text-align: center;
    line-height: 1.2;
    margin: 0.5rem 0 1rem 0;
}
#trueke .niveles .nivs .niv p:nth-of-type(3){
  background-color: var(--primary);
  color: var(--white);
  border-radius: .5rem;
  padding: .25rem 1.5rem;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#trueke .niveles .nivs .niv:last-child{
  background-color: var(--primary);
  color: var(--white);
}
#trueke .niveles .nivs .niv:last-child p:nth-of-type(3){
  background-color: var(--white);
  color: var(--primary);
	margin-top: 1.5rem;
}
#trueke .ong {
  display: flex;
  position: relative;
  z-index: 1;
  align-items: center;
  justify-content: center;
  padding: 3rem 1rem;
  gap: 5rem;
}

#trueke .ong::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/wp-content/uploads/2025/01/ban-ac.webp);
  background-size: cover;
  background-position: center -3rem;
  z-index: -2;
}

#trueke .ong::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(148,172,68, 0.9);
  z-index: -1;
}
#trueke .ong > img{
  height: 23rem;
  border-radius: 1rem;
  border: 0.2rem solid var(--white);
}
#trueke .ong .txts{
  width: 28%;
  text-align: center;
}
#trueke .ong .txts img{
  width: 8rem;
}
#trueke .ong .txts p:nth-of-type(1){
  color: var(--white);
  font-weight: 600;
  font-size: 1.5rem;
	margin: .5rem 0;
}
#trueke .ong .txts p:not(:nth-of-type(1)){
  color: var(--white);
  font-size: .8rem;
  margin-bottom: .5rem;
	text-align: justify;
}
#trueke .ong .txts p:nth-of-type(4){
  margin: 0;
}
@media only screen and (max-width: 100rem) { /* 1600px */
}
@media only screen and (max-width: 88rem) {
	#trueke .equipos{
		flex-direction: column;
		gap: 3rem;
	}
	#trueke .equipos .par{
		width: auto;
		text-align: center;
	}
	#trueke .equipos .par p:nth-of-type(1) br{
		display: none;
	}
}

@media only screen and (max-width: 75rem) {
	#trueke .procedimiento .cards{
		flex-wrap: wrap;
    	justify-content: center;
    	gap: 0;
	}
	#trueke .procedimiento .cards > div{
		width: 30%;
	}
	#trueke .equipos .selector{
		gap: 1rem;
	}
	#trueke .equipos .par{
		padding: 0 1rem;
	}
	#trueke .equipos .selector .sel{
		justify-content: space-evenly;
		padding: 1rem;
	}
	#trueke .niveles .nivs{
		flex-wrap: wrap;
    	justify-content: center;
		width: auto;
	}
	#trueke .niveles .nivs .niv{
		height: 15rem;
	}
	#trueke .ong{
		flex-direction: column-reverse;
		gap: 3rem;
	}
	#trueke .ong .txts{
		width: 85%;
    	text-align: center;
	}
	#trueke .ong .txts p:not(:nth-of-type(1)){
		text-align: center;
	}
	#trueke .ong > img{
		height: 20rem;
	}
	
}
@media only screen and (max-width: 62rem) {
	#trueke .procedimiento .cards > div p{
		white-space: normal;
    	height: 3rem;
	}
	#trueke .equipos .selector{
		gap: 5rem;
		flex-wrap: wrap;
		justify-content: center;
	}
	#trueke .equipos .selector .sel {
		padding: 2rem;
		justify-content: space-evenly;
	}
	#trueke .equipos .selector .specs .spec{
		width: 16rem;
	}
	#trueke .niveles .nivs{
		justify-content: space-evenly;
	}
	#trueke .niveles .nivs .niv{
		width: 20rem;
	}
	#trueke .niveles > p{
		text-align: center;
	}
	
}
@media only screen and (max-width: 48rem) {
	#trueke .procedimiento .cards{
		gap: 0;
	}
	#trueke .procedimiento .cards > div{
		width: 50%;
    	padding: 0;
	}
	#trueke .procedimiento .cards > div .im{
		width: auto;
    	height: 6rem;
	}
	#trueke .procedimiento .cards > div .im img{
		width: 4rem;
	}
	#trueke .procedimiento .cards > div:last-child .im img{
		width: 3rem;
	}
	#trueke .procedimiento .cards > div p {
		height: 5rem;
	}
	#trueke .equipos .selector {
		gap: 2rem;
	}
	#trueke .equipos .selector .specs .spec{
		width: auto;
	}
	#trueke .niveles .nivs .niv{
		width: 45%;
	}
	#trueke .ong .txts{
		width: auto;
	}
	#trueke .ong > img{
		height: 15rem;
	}
}

@media only screen and (max-width: 36rem) {
	#trueke .procedimiento h1{
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	#trueke .procedimiento .cards > div p{
		font-size: .8rem;
		padding: 0 1rem;
	}
	#trueke .equipos {
		gap: 2rem;
	}
	#trueke .equipos .selector{
		gap: 1rem;
	}
	#trueke .equipos .par p:nth-of-type(1){
		font-size: 1.5rem;
	}
	#trueke .equipos .par p:nth-of-type(2){
		margin: .5rem 0;
    	font-size: .9rem;
	}
	#trueke .equipos .selector .sel{
		min-height: 15rem;
        border-radius: 1rem;
		padding: 1rem;
		width: auto;
	}
	#trueke .equipos .selector .sel img{
		min-height: 7rem;
        max-height: 7rem;
	}
	#trueke .equipos .selector .sel > label{
		text-align: center;
    	font-size: 1rem;
	}
	#trueke .equipos .selector .sel select{
		font-size: .7rem;
		width: 9rem;
		white-space: normal;
        height: 3rem;
		border-radius: 2rem;
	}
	#trueke .equipos .selector .specs{
		width: 40%;	
	}
	#trueke .equipos .selector .specs .spec{
		text-align: center;
    	font-size: 0.8rem;
		white-space: nowrap;
	}
	#trueke .equipos .selector .specs .spec-key{
		font-size: .65rem;
	}
	#trueke .equipos .selector .specs .spec-value{
		font-size: .7rem;
	}
	#trueke .niveles{
		padding: 3rem 1rem;
	}
	#trueke .niveles h1{
		font-size: 1.5rem;
	}
	#trueke .niveles > p {
		text-align: center;
		padding: 0 1rem;
	}
	#trueke .niveles .nivs .niv{
		height: auto;
        padding: 1rem;
	}
	#trueke .niveles .nivs .niv p:nth-of-type(1){
		font-size: 1.1rem;
	}
	#trueke .niveles .nivs .niv p:nth-of-type(2){
		text-align: center;
	}
	#trueke .niveles .nivs .niv p:nth-of-type(3){
		font-size: .8rem;
        padding: .5rem 1rem;
	}
	#trueke .ong > img {
		width: auto;
		height: auto;
	}
	#trueke .ong .txts p:nth-of-type(1){
		font-size: 1.2rem;
	}
}
/****************************** BANNER SHOW PRODUCTOS ******************************/
#ban-show{
	display: flex;
	margin: 1rem 0;
    border-radius: 1rem;
    overflow: hidden;
}
#ban-show .swiffy-slider .slider-indicators{
	display: flex;
}
#ban-show .swiffy-slider .slider-container{
	overflow: hidden;	
}
#ban-show .swiffy-slider .slider-indicators .active{
	width: 1.5rem !important;
    border-radius: 1rem !important;
}
#ban-show .slider-indicators-round .slider-indicators>*,
#ban-show .slider-indicators-round.slider-indicators>*,
#ban-show .slider-indicators-square .slider-indicators>*,
#ban-show .slider-indicators-square.slider-indicators>* {
	width: .5rem;
    height: .5rem;
}

/*********************************** Tracking	 **********************************/
#tracking-view {
  	display: flex;
	background-color: var(--gray);
}
#tracking-view .container {
  display: flex;
  margin: 3rem 0 5rem 0;
  flex-direction: column;
	width: 100%;
}
#tracking-view .container .estados {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3rem;
  justify-content: center;
	padding: 0 1rem;
}
#tracking-view .container .estados .title {
  font-size: 1.5rem;
  margin: 0;
}
#tracking-view .container .estados .subp {
  margin: 0;
  text-align: center;
}
#tracking-view .container .estados .etapas {
  width: 60rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 2rem;
}
#tracking-view .container .estados .etapas .icons,
#tracking-view .container .estados .etapas .bar,
#tracking-view .container .estados .etapas .inf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
#tracking-view .container .estados .etapas .icons img {
  width: 8rem;
}
#tracking-view .container .estados .etapas .icons img:nth-child(1) {
  margin-bottom: -0.5rem;
}
#tracking-view .container .estados .etapas .icons img:nth-child(2) {
  margin-bottom: -3rem;
}
#tracking-view .container .estados .etapas .bar {
  padding: 1rem 4rem;
}
#tracking-view .container .estados .etapas .bar .bol {
  width: 1.2rem;
  height: 1.2rem;
  background-color: var(--primary);
  border-radius: 2rem;
}
#tracking-view .container .estados .etapas .bar .line {
  display: flex;
  height: 0.2rem;
  background-color: var(--primary);
  flex: 1;
}
#tracking-view .container .estados .etapas .inf {
  align-items: start;
}
#tracking-view .container .estados .etapas .inf p,
#tracking-view .container .agencias p {
  margin: 0;
}
#tracking-view .container .estados .etapas .inf .par {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 10rem;
}
#tracking-view .container .estados .etapas .inf .par .t {
  font-weight: 800;
}
#tracking-view .container .agencias {
  display: flex;
  align-items: center;
  justify-content: center;
	padding: 3rem 1rem 1rem 1rem;
  flex-direction: column;
	
}
#tracking-view .container .agencias .title {
  font-size: 1.5rem;
}
#tracking-view .container .agencias .p {
  text-align: center;
}
#tracking-view .container .agencias .img-agencias {
  display: flex;
  justify-content: center;
  gap: 4rem;
  margin-top: 2rem;
  align-items: stretch;
}
#tracking-view .container .agencias .img-agencias .cover-img {
  width: 19rem;
  padding: 3rem 2rem;
  background-color: var(--white);
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#tracking-view .container .cover-login{
	display: flex;
	position: relative; 
	overflow: hidden; 
	z-index: 1;
	padding: 4rem 1rem;
	gap: 5rem;
	justify-content: center;
}
#tracking-view .container .cover-login .inf-ex{
	display: flex;
    align-items: center;
    width: 20rem;
}
#tracking-view .container .cover-login .inf-ex span{
	height: 5rem;
    width: 1rem;
    background-color: var(--primary);
    margin-right: 1rem;
}
#tracking-view .container .cover-login .inf-ex p{
	font-size: 1.1rem;
    font-weight: bold;
    color: var(--white);
    margin: 0;
}
#tracking-view .container .cover-login::before {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2025/05/fond-tracklog.webp);
    background-size: cover;
    background-position: center;
    z-index: -1;
    filter: grayscale(1) contrast(1) brightness(0.5);
}
#tracking-view .container .cover-login .login {
    display: flex;
    flex-direction: column;
    width: 23rem;
    padding: 2rem 2rem 4rem 2rem;
    border-radius: 1rem;
	background-color: var(--white);
    box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem black;
}
#tracking-view .container .cover-login .login .t{
    font-size: 1rem;
    margin: 0;
    text-align: center;
}
#tracking-view .container .cover-login .login img{
    width: 7rem;
    margin: 2rem auto;
}
#tracking-view .container .cover-login .login .par{
    font-size: 0.8rem;
	margin: 0 0 1rem 0;
    text-align: center;
	font-weight: 500;
}
#tracking-view .container .cover-login .login form{
    display: flex;
    flex-direction: column;
}
#tracking-view .container .cover-login .login form label{
    font-weight: 600;
    font-size: .9rem;
}

#tracking-view .container .cover-login .login form input {
    margin-top: 1rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
    border: 0.15rem solid var(--newgray);
    outline: none;
}

#tracking-view .container .cover-login .login form button {
    margin-top: 1rem;
    border: none;
    padding: 0.5rem;
    background-color: var(--primary);
    color: var(--white);
    border-radius: 0.5rem;
    font-size: 0.9rem;
    cursor: pointer;
    transition: filter 0.3s ease;
    outline: none;
}
#tracking-view .container .cover-login .login form #error-message p {
    margin-top: 0.5rem;
    color: red;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: -2rem;
    text-align: center;
}
#tracking-view .container #listOrdersShipping {
  width: 100%;
  border-radius: 1rem;
  flex-direction: column;
  gap: 2rem;
  visibility: hidden;
	opacity: 0;
	display: flex;
	transition: opacity 1s;
}
#tracking-view .container #listOrdersShipping.visible {
  visibility: visible;
  opacity: 1;
}
#tracking-view .container .listOrdersUs .title {
  font-size: 1.3rem;
  font-weight: 600;
}
#tracking-view .container .listOrdersUs .order {
    border-radius: 1rem;
    width: 100%;
    overflow: hidden;
	box-shadow: 0.1rem 0.1rem .3rem 0.1rem #e1e1e1;
	background-color: var(--white);
}
#tracking-view .container .listOrdersUs .order .head {
  display: flex;
  padding: 1rem;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
}
#tracking-view .container .listOrdersUs .order .head .orderNum,
#tracking-view .container .listOrdersUs .order .head .track {
  margin: 0;
  font-size: 1rem;
  color: var(--black);
}
#tracking-view .container .listOrdersUs .order .head .orderNum br,
#tracking-view .container .listOrdersUs .order .head .track br{
	display: none;
}
#tracking-view .container .listOrdersUs .order .head .orderNum span,
#tracking-view .container .listOrdersUs .order .head .track span {
  font-weight: 500;
}
#tracking-view .container .listOrdersUs .order .head .agencia {
  display: flex;
}
#tracking-view .container .listOrdersUs .order .head .agencia img {
  width: 9rem;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
}

@keyframes gradientMoveTrack {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
#tracking-view .container .listOrdersUs .order .bar-status{
 	display: flex;
 	height: 0.3rem;
	width: 100%;
}
#tracking-view .container .listOrdersUs .order .bar-status.bar-animated {
  	animation: gradientMoveTrack 3s linear infinite;
}

#tracking-view .container .listOrdersUs .order .bar-status.agency-1.bar-animated { 
  	background: linear-gradient(90deg, transparent 0%, white 40%, #ff0000 100%);
  	background-size: 200% 100%;
}
#tracking-view .container .listOrdersUs .order .bar-status.agency-2.bar-animated { 
  	background: linear-gradient(90deg, transparent 0%, white 40%, #ffcc00 100%);
	background-size: 200% 100%;
}
#tracking-view .container .listOrdersUs .order .bar-status.agency-3.bar-animated { 
 	background: linear-gradient(90deg, transparent 0%, white 40%, #ff6600 100%);
	background-size: 200% 100%;
}
#tracking-view .container .listOrdersUs .order .bar-status.agency-4.bar-animated { 
 	background: linear-gradient(90deg, transparent 0%, white 40%, #a9a9a9 100%);
	background-size: 200% 100%;
}
#tracking-view .container .listOrdersUs .order .bar-status.bar-ini {
  animation: blinkEffect 1s ease-in-out infinite;
}
#tracking-view .container .listOrdersUs .order .bar-status.agency-1.bar-ini,
#tracking-view .container .listOrdersUs .order .bar-status.agency-1.bar-static { 
  background-color: #ff0000; 
}
#tracking-view .container .listOrdersUs .order .bar-status.agency-2.bar-ini,
#tracking-view .container .listOrdersUs .order .bar-status.agency-2.bar-static { 
  background-color: #ffcc00; 
}
#tracking-view .container .listOrdersUs .order .bar-status.agency-3.bar-ini,
#tracking-view .container .listOrdersUs .order .bar-status.agency-3.bar-static { 
  background-color: #ff6600; 
}
#tracking-view .container .listOrdersUs .order .bar-status.agency-4.bar-ini,
#tracking-view .container .listOrdersUs .order .bar-status.agency-4.bar-static { 
  background-color: #a9a9a9 !important; 
}
@keyframes blinkEffect {
  0%, 100% { opacity: 0.1; }
  50% { opacity: 1; }
}
#tracking-view .container .listOrdersUs .order .cont {
  display: flex;
  padding: 1rem;
	justify-content: space-between;
}
#tracking-view .container .listOrdersUs .order .cont .info {
  display: flex;
  flex-direction: column;
  width: 80%;
  justify-content: center;
}
#tracking-view .container .listOrdersUs .order .cont .info p{
	margin: 0;
}
#tracking-view .container .listOrdersUs .order .cont .info .fecha {
  font-size: 1rem;
  font-weight: 600;
  color: var(--primary);
}
#tracking-view .container .listOrdersUs .order .cont .info .status {
  font-weight: 600;
  font-size: 1rem;
  margin-bottom: 1rem;
}
#tracking-view .container .listOrdersUs .order .cont .info .name,
#tracking-view .container .listOrdersUs .order .cont .info .doc {
	font-size: 0.9rem;
	display: flex;
    align-items: center;
}
#tracking-view .container .listOrdersUs .order .cont .info .name img, 
#tracking-view .container .listOrdersUs .order .cont .info .doc img{
	width: 1.5rem;
    margin-right: .25rem;
}
#tracking-view .container .listOrdersUs .order .cont .info .name span,
#tracking-view .container .listOrdersUs .order .cont .info .doc span {
  font-weight: 500;
}
#tracking-view .container .listOrdersUs .order .cont .actions {
  display: flex;
  flex-direction: column;
  width: 15rem;
  gap: 1rem;
  justify-content: center;
}
#tracking-view .container .listOrdersUs .order .cont .actions .btn {
  border: none;
  padding: 1rem;
  border-radius: 2rem;
  color: var(--white);
  cursor: pointer;
  font-size: 0.9rem;
  text-align: center;
  font-weight: 500;
	transition: filter 0.3s ease;
}
#tracking-view .container .listOrdersUs .order .cont .actions .btn:hover{
	filter: brightness(0.8);
}
#tracking-view .container .listOrdersUs .order .cont .actions .btn:nth-child(1) {
  background-color: var(--black);
}
#tracking-view .container .listOrdersUs .order .cont .actions .btn:nth-child(2) {
	background-color: var(--gray);
	font-weight: normal;
	color: var(--black);
}
#tracking-view .container .modalinf {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 10;
}

#tracking-view .container .modalinf .content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 35rem;
  background-color: var(--white);
  border-radius: 1rem;
  padding: 2rem;
  transform: translate(-50%, -50%);
}
#tracking-view .container .modalinf .content .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#tracking-view .container .modalinf .content .head .title {
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
}
#tracking-view .container .modalinf .content .head .title span {
  font-weight: 600;
}
#tracking-view .container .modalinf .content .head .estado-actual {
  margin: 0;
  font-size: 1rem;
  font-weight: 500;
  background-color: var(--primary);
  border-radius: 2rem;
  color: var(--white);
  padding: 0.5rem 1rem;
	text-align: center;
}
#tracking-view .container .modalinf .content .head .estado-actual.no-entregado{
	background-color: #d32020;
}
#tracking-view .container .modalinf .content .status {
  display: flex;
  flex-direction: column;
}
#tracking-view .container .modalinf .content .status .fases {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 2rem 0 1rem 0;
}
#tracking-view .container .modalinf .content .status .fases .st {
  width: 1.5rem;
  height: 1.5rem;
  background-color: #e3e3e3;
  border-radius: 1rem;
  z-index: 1;
	padding-right: 1.5rem;
}
#tracking-view .container .modalinf .content .status .fases .bar {
  height: 0.5rem;
  flex: 1;
  background-color: #e3e3e3;
  margin: 0 -0.5rem;
}
#tracking-view .container .modalinf .content .status .fases .st.activo,
#tracking-view .container .modalinf .content .status .fases .bar.activo {
  background-color: #50d366;
}
#tracking-view .container .modalinf .content .status .fases .bar.activo.noen,
#tracking-view .container .modalinf .content .status .fases .st.four.noen{
	background-color: #d32020;
}
#tracking-view .container .modalinf .content .status .names {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  font-size: 0.9rem;
  font-weight: 500;
}
#tracking-view .container .modalinf .content .info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}
#tracking-view .container .modalinf .content .info p,
#tracking-view .container .modalinf .content .info h1 {
  margin: 0;
  font-size: 0.9rem;
}
#tracking-view .container .modalinf .content .info .cod span,
#tracking-view .container .modalinf .content .info .dat1 p span,
#tracking-view .container .modalinf .content .info .line .fas .date {
  font-weight: 500;
    font-family: var(--font), sans-serif;
}
#tracking-view .container .modalinf .content .info .dat1 {
  display: flex;
  gap: 1rem;
}
#tracking-view .container .modalinf .content .info .dat1 .des{
	text-align: end;
}
#tracking-view .container .modalinf .content .info .dat1 .ori,
#tracking-view .container .modalinf .content .info .dat1 .des {
  width: 50%;
}
#tracking-view .container .modalinf .content .info .line {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  font-size: 0.9rem;
  margin-top: 2rem;
}
#tracking-view .container .modalinf .content .info .line .fas {
  display: flex;
  align-items: center;
  gap: 2rem;
  justify-content: space-between;
}
#tracking-view .container .modalinf .content .info .line .fas .status {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    font-family: var(--font), sans-serif;
    font-weight: 400;
    font-size: .9rem;
	width: 10rem;
}
#tracking-view .container .modalinf .content .info .line .fas .status img {
  width: 2.5rem;
}
#tracking-view .container .modalinf .content .info .line .fas .dash {
  width: 6rem;
  border-top: 0.1rem dashed;
  border: 0.01rem dashed #a1a1a1;
	margin-right: auto;
}
#tracking-view .container .modalinf .content .loaders {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 1rem;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  z-index: 2;
  display: none;
}
#tracking-view .container .modalinf .content .loaders::before {
  content: "";
  position: absolute;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 8px solid transparent;
  border-top: 8px solid #ed6b22;
  animation: spin 1.5s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media only screen and (max-width: 100rem) {
  #tracking-view .container .agencias .img-agencias {
    max-width: 80rem;
  }
  #tracking-view .container .agencias .img-agencias .cover-img {
    width: 25%;
  }
  #tracking-view .container .agencias .img-agencias .cover-img img {
    display: flex;
  }
}

@media only screen and (max-width: 75rem) {
  /* 1200px */
  #tracking-view .container .estados .etapas {
    width: 90%;
  }
  #tracking-view .container .agencias .img-agencias {
    gap: 2rem;
  }
}

@media only screen and (max-width: 62rem) {
  /* 992px */
	#tracking-view .container .cover-login{
		flex-direction: column-reverse;
		align-items: center;
	}
}
@media only screen and (max-width: 48rem) {
	#tracking-view .container .modalinf .content{
		width: 34rem;
	}
	  #tracking-view .container .estados .etapas .icons img {
    width: 6rem;
  }
  #tracking-view .container .estados .etapas .icons img:nth-child(2) {
    margin-bottom: -2.5rem;
  }
  #tracking-view .container .estados .etapas .bar {
    padding: 1rem 2rem;
  }
  #tracking-view .container .estados .etapas .inf .par {
    width: 7rem;
  }
  #tracking-view .container .agencias .img-agencias {
    flex-wrap: wrap;
    gap: 1rem 0;
    justify-content: space-between;
  }
  #tracking-view .container .agencias .img-agencias .cover-img {
    width: calc(50% - 0.5rem);
  }
}
@media only screen and (max-width: 36rem) {
	#tracking-view .container{
		margin: 1rem 0 3rem 0;
	}
	#tracking-view .container .cover-login{
		gap: 2rem;
		padding: 3rem 1rem;
	}
	#tracking-view .container .cover-login .login,
	#tracking-view .container .cover-login .inf-ex{
		width: 90%;
	}
	#tracking-view .container .cover-login .inf-ex{
		padding-right: 4rem;
	}
	#tracking-view .container .cover-login .login .t{
		font-size: .9rem;
	}
	#tracking-view .container .cover-login .login img{
		margin: 2rem auto;
	}
	#tracking-view .container .cover-login .inf-ex span{
		height: 4rem;
	}
	#tracking-view .container .cover-login .inf-ex p{
		font-size: .8rem;
	}
	#tracking-view .container #listOrdersShipping{
		gap: 1rem
	}
	#tracking-view .container .listOrdersUs .title{
		font-size: 1.1rem;
	}
	#tracking-view .container .listOrdersUs .order .head .orderNum, 
	#tracking-view .container .listOrdersUs .order .head .track{
		font-size: .8rem;
		white-space: nowrap;
	}
	#tracking-view .container .listOrdersUs .order .head .orderNum br, 
	#tracking-view .container .listOrdersUs .order .head .track br{
		display: flex;
	}
	#tracking-view .container .listOrdersUs .order .head .agencia img{
		padding: 0;
		width: 6rem;
	}
	#tracking-view .container .listOrdersUs .order .cont{
		flex-direction: column;
	}
	#tracking-view .container .listOrdersUs .order .cont .info{
		margin-bottom: 1rem;
	}
	
	#tracking-view .container .listOrdersUs .order .cont .info .fecha,
	#tracking-view .container .listOrdersUs .order .cont .info .status{
		font-size: .9rem;
		margin: 0;
	}
	#tracking-view .container .listOrdersUs .order .cont .info .name, 
	#tracking-view .container .listOrdersUs .order .cont .info .doc{
		font-size: .85em;
	}
	#tracking-view .container .listOrdersUs .order .cont .actions{
		width: 100%;
    	flex-direction: row;
	}
	#tracking-view .container .listOrdersUs .order .cont .actions .btn{
		font-size: .8rem;
		width: 50%;
        padding: .75rem;
	}
	#tracking-view .container .modalinf .content{
		width: calc(100% - 2rem);
		display: flex;
		flex-direction: column;
		padding: 1.5rem;
	}
	#tracking-view .container .modalinf .content .head .title,
	#tracking-view .container .modalinf .content .head .estado-actual{
		font-size: .9rem;
	}
	#tracking-view .container .modalinf .content .head .title span{
		display: flex;
	}
	#tracking-view .container .modalinf .content .status .fases{
		margin: 1rem 0;
	}
	#tracking-view .container .modalinf .content .status .fases .st{
		width: 1.2rem;
        height: 1.2rem;
        padding-right: 1.2rem;
	}
	#tracking-view .container .modalinf .content .status .names,
	#tracking-view .container .modalinf .content .info p, 
	#tracking-view .container .modalinf .content .info h1,
	#tracking-view .container .modalinf .content .info .line .fas .status{
		font-size: .8rem;
	}
	#tracking-view .container .modalinf .content .status .names{
		font-size: .7rem;
	}
	#tracking-view .container .modalinf .content .info .line{
		gap: 1rem;
	}
	#tracking-view .container .modalinf .content .info .line .fas .dash{
		display: none;
	}
	#tracking-view .container .modalinf .content .info .line .fas .status{
		width: auto;
	}
	#tracking-view .container .modalinf .content .info .line .fas{
		gap: 1rem;
	}
	#tracking-view .container .modalinf .content .info .line .fas .status img{
		width: 1.8rem;
	}
	#tracking-view .container .modalinf .content .info .cod{
		justify-content: space-between;
    	display: flex;
	}
	#tracking-view .container .modalinf .content .info .dat1{
		flex-direction: column;
	}
	#tracking-view .container .modalinf .content .info .dat1 .ori, 
	#tracking-view .container .modalinf .content .info .dat1 .des{
		width: auto;
    	justify-content: space-between;
    	display: flex;
	}
	#tracking-view .container .estados .title,
  #tracking-view .container .agencias .title {
    font-size: 1.2rem;
  }
  #tracking-view .container .estados .subp,
  #tracking-view .container .agencias .p {
    font-size: 0.8rem;
	padding: 0 1rem;
  }
  #tracking-view .container .estados .etapas {
    width: 100%;
  }
  #tracking-view .container .estados .etapas .icons img {
    width: 4rem;
  }
  #tracking-view .container .estados .etapas .icons img:nth-child(2) {
    margin-bottom: -1.5rem;
  }
  #tracking-view .container .estados .etapas .inf .par .t {
    font-size: 0.8rem;
  }
  #tracking-view .container .estados .etapas .inf p {
    font-size: 0.75rem;
  }
  #tracking-view .container .estados .etapas .inf .par {
    width: 6rem;
  }
  #tracking-view .container .agencias .img-agencias .cover-img{
    padding: 2rem 1rem;
  }
}
@media only screen and (max-width: 26rem) {
	#tracking-view .container .cover-login .login, #tracking-view .container .cover-login .inf-ex{
		width: 98%;
	}
}
/*********************************** ESPECIFIC	 **********************************/
.term-maquinas-cnc #taxonomySelector .wrapper a:first-child{
	order: 1;
}
.term-drones #taxonomySelector .wrapper a:first-child{
	order: 1;
}
.term-cortadoras-laser #taxonomySelector a:nth-of-type(1){
	order: 3;
}
.term-cortadoras-laser #taxonomySelector a:nth-of-type(2){
	order: 0;
}
.term-cortadoras-laser #taxonomySelector a:nth-of-type(3){
	order: 1;
}
.term-cortadoras-laser #taxonomySelector a:nth-of-type(4){
	order: 2;
}
.term-cortadoras-laser #taxonomySelector a:nth-of-type(5){
	order: 4;
}
.term-cortadoras-laser #taxonomySelector a:nth-of-type(6){
	order: 5;
}
/*********************************** New Design Home **********************************/
header{
	position: sticky;
    top: 2rem;
    z-index: 3;
	box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, .15);
}
.home header{
	z-index: 12;
}
header .wrapper{
	gap: 0;
}
header .links .rast{
	display: flex;
	border: 1px solid var(--primary);
}
header .links .rast img{
	width: 1rem;
}
header .links .rast span{
	color: var(--primary);
}
header .top .t1{
	display: flex;
    gap: 2rem;
    align-items: center;
}
header .top .t1 .btn-c{
	margin: 0;
	background-color: var(--primary);
    color: var(--white);
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2rem;
    padding: 0 1rem;
    font-size: .8rem;
	cursor: pointer;
	user-select: none;
	transition: opacity 0.3s ease;
}
header .top .t1 .btn-c img{
	display: none;
}
header .top .t1 .btn-c:hover{
	opacity: 0.9;
}
header .bottom {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.5s ease, max-height 0.5s ease;
}
header .bottom.fade-visible {
  opacity: 1;
  max-height: 10rem;
}
header .bottom > div{
	margin-top: 1rem;
}
#superiorBar{
	position: sticky;
    top: 0;
    z-index: 10;
}
.cont-newbanpage{
	display: flex;
	flex-direction: column;
	position: relative;
	align-items: center;
}
.cont-newbanpage .superbanner{
	border-bottom: 1px solid var(--gray);
}
.cont-newbanpage .superbanner .swiffy-slider::after {
  content: "";
  position: absolute;
  top: 50%;    
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, 
    rgba(0,0,0,0) 0%, 
    var(--gray) 100%);
  border-radius: inherit;
  z-index: 0;
}
.cont-newbanpage .superbanner .slider-indicators{
	z-index: 5;
	gap: .5rem;
	margin-bottom: 2rem;
	display: none;
}
.cont-newbanpage .superbanner .slider-container li picture img{
	width: 100%;
}
.cont-newbanpage .superbanner .slider-indicators li{
	width: .5rem;
    height: .5rem;
	background-color: transparent;
	border: .1rem solid var(--grayblack2);
}
.cont-newbanpage .superbanner .slider-indicators li.active{
	background-color: var(--grayblack2);
	width: 1.5rem;
	border-radius: 2rem;
}
.cont-newbanpage .superbanner button.slider-nav{
	height: 50%;
    margin: 0;
    padding: 0;
    opacity: 1;
    width: 3rem;
	display: none;
}
.cont-newbanpage .superbanner button.slider-nav::after{
	width: 2rem;
	height: 2rem;
	margin: auto;
}
.cont-newbanpage .superbanner button.slider-nav.slider-nav::before{
	border-radius: 0 2rem 2rem 0;
	background-color: var(--primary);
	padding: 0;
	height: 4rem;
}
.cont-newbanpage .superbanner button.slider-nav.slider-nav-next::before{
	border-radius: 2rem 0 0 2rem;
}
.cont-newbanpage .wrapper-two{
    max-width: 100rem;
    width: 100%;
    padding: 0 1rem;
    margin: 0 auto;
    z-index: 5;
    position: absolute;
    bottom: 4rem;
}
.cont-newbanpage .category-slide {
  display: flex;
}
.cont-newbanpage .category-slide .swiffy-slider {
  --swiffy-slider-item-gap: 3rem;
}
.cont-newbanpage .category-slide .swiffy-slider.slider-item-show6{
	--swiffy-slider-item-count: 7;
}
.cont-newbanpage .category-slide .swiffy-slider .slider-container {
  padding-top: 6rem;
}
.cont-newbanpage .category-slide .swiffy-slider button{
    height: fit-content;
    top: 65%;
	justify-content: center;
	padding: 0;
    z-index: 5;
	opacity: 1;
}
.cont-newbanpage .category-slide .swiffy-slider button.slider-nav{
	margin-left: -.5rem;
}
.cont-newbanpage .category-slide .swiffy-slider button.slider-nav.slider-nav-next{
	margin-right: -.5rem;
}
.cont-newbanpage .category-slide .swiffy-slider button:before{
	padding: 0;
	background-color: var(--primary);
	border-radius: 2rem;
}
.cont-newbanpage .category-slide .swiffy-slider button:after{
	width: 1rem;
    height: 1rem;
}
.cont-newbanpage .category-slide .cont {
  display: flex;
  text-align: center;
  border-radius: 1rem;
  position: relative;
  height: 10rem;
  z-index: 1;
  cursor: pointer;
}
.cont-newbanpage .category-slide .cont .fond {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  border-radius: 1rem;
  filter: grayscale(1);
  transition: filter 0.5s ease;
}
.cont-newbanpage .category-slide .cont .product {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -30%);
  z-index: 3;
  width: 9rem;
  transition: transform 0.5s ease;
}
.cont-newbanpage .category-slide li:nth-child(2) .cont .product{
	width: 8.5rem;
}
.cont-newbanpage .category-slide li:nth-child(7) .cont .product,
.cont-newbanpage .category-slide li:nth-child(10) .cont .product{
	width: 11rem;
}
.cont-newbanpage .category-slide .cont p {
  z-index: 1;
  margin: 0;
  color: var(--white);
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 50%;
  transition: margin-top 0.5s ease;
	padding: 0 .5rem;
	font-weight: 500;
}
.cont-newbanpage .category-slide .cont:hover .product{
	transform: translate(-50%, -50%);
}
.cont-newbanpage .category-slide .cont:hover .fond {
  filter: grayscale(0);
}
.cont-newbanpage .category-slide .cont:hover p {
  margin-top: 30%;
}

.cont-newbanpage .category-slide .swiffy-slider.slider-nav-autohide.slider-item-last-visible .slider-nav.slider-nav-next{
	visibility: hidden;
	opacity: 0;
}
.productSlider.top{
	padding: 1rem 0;
}
.productSlider.top .wrapper{
	flex-direction: row;
    gap: 1rem;
    justify-content: space-between;
}
.productSlider.top .new-ban{
	width: 16%;
}
.productSlider.top .slider-container li{
	border-radius: .5rem;
	overflow: hidden;
}
.productSlider.top .new-ban img{
	height: 100%;
}
.productSlider.top .slider-container li .numi{
	position: absolute;
    z-index: 2;
    top: 1rem;
    margin: 0;
    right: 1rem;
    background-color: var(--primary);
    color: var(--white);
    font-weight: bold;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 2rem;
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    align-items: center;
}
.productSlider.top .slider-container{
	border-radius: .5rem !important;
}
.productSlider.top .productItem{
	border-radius: 0;
}
.productSlider.top .productItem .footer{
	padding: 0.75rem 0 1rem 0;
}
.productSlider.top .swiffy-slider{
	--swiffy-slider-item-gap: 1rem;
    display: flex;
	justify-content: center;
	width: 84%;
	padding-bottom: 0;
}
.productSlider.top .slider-container .productItem .viewMore{
	display: none;
}
.productSlider.top .slider-container .productItem .link .thumbnail{
	width: 10rem;
}
.productSlider.top .slider-container .productItem .link .brand{
	top: 1rem;
}
.productSlider.top .slider-container .productItem .footer{
	padding: 0.75rem 0 1.5rem 0;
}
.productSlider.list .swiffy-slider .navigation,
.productSlider.top .swiffy-slider .navigation{
	position: initial;
}
.productSlider.list .swiffy-slider .slider-nav,
.productSlider.top .swiffy-slider .slider-nav{
	position: absolute;
	top: 50%;
    transform: translateY(-50%);
	margin-bottom: 0;
	width: 3rem;
	height: 3rem;
	box-shadow: .1rem .4rem 0.5rem 0.1rem #00000026;
}
.productSlider.list .swiffy-slider .slider-nav.slider-nav-prev,
.productSlider.top .swiffy-slider .slider-nav.slider-nav-prev{
	margin-left: -1.5rem;
}
.productSlider.list .swiffy-slider .slider-nav.slider-nav-next,
.productSlider.top .swiffy-slider .slider-nav.slider-nav-next{
	margin-right: -1.5rem;
}
.productSlider.top .swiffy-slider .slider-indicators{
	gap: .5rem;
	margin-bottom: -.5rem;
}
.productSlider.top .swiffy-slider .slider-indicators li,
.productSlider.top .swiffy-slider .slider-indicators li.active{
	width: .5rem;
    height: .5rem;
}
.productSlider.top .swiffy-slider .slider-indicators li{
	background-color: transparent;
	border: .1rem solid var(--grayblack2);
	filter: none;
}
.productSlider.top .swiffy-slider .slider-indicators li.active{
	background-color: var(--grayblack2);
	width: 1.5rem;
	border-radius: 2rem;
}
.productSlider.top.inv.v2 .new-ban{
	width: 16%;
}
.productSlider.top.inv.v2 .swiffy-slider{
	width: 84%;
}
.productSlider.list{
	padding: 2rem 0;
}
.catlink{
	display: flex;
    background-color: var(--white);
    padding: 2rem 0;
	overflow: hidden;
}
.catlink .con{
	display: flex;
    gap: 1rem;
    padding: 0;
    align-items: center;
    justify-content: center;
}
.catlink .con a{
	width: 50%;
}
.bannerlink-princ2 .wrapper .con2{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem 0;
}
.bannerlink-princ2{
	display: flex;
}
.bannerlink-princ2 .wrapper .con2 h1{
	font-size: 1.1rem
}
.bannerlink-princ2 .wrapper .con2 .marcas{
	display: flex;
    gap: 1rem;
}
.bannerlink-princ2 .wrapper .con2 .marcas a{
	flex: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius: .5rem;
}
.bannerlink-princ2 .wrapper .con2 .marcas a img {
    transition: transform 0.5s ease;
}
.bannerlink-princ2 .wrapper .con2 .marcas a img:hover {
    transform: scale(1.1);
}
.banner-events{
	display: flex;
    background-color: var(--white);
}
.banner-events #ban-show{
	margin: 2rem 0;
	border-radius: .5rem;
}
.productSlider.top .slider-indicators{
	display: none;
}
.productSlider.top,
.productSlider.top.v2{
	padding: 2rem 0;
}
.productSlider.top.v2 .ban-tit{
	max-width: 100rem;
    margin: auto;
    padding: 0 1rem;
    margin-bottom: 1rem;
	font-size: 1.1rem;
}
.productSlider.top.v2 .new-ban{
	width: 33%
} 
.productSlider.top.v2 .new-ban img{
	border-radius: .5rem;
}
.productSlider.top.v2 .swiffy-slider.slider-item-show5{
	--swiffy-slider-item-count: 4;
	width: 67%;
}
.productSlider.top.v2 .slider-container li a img{
	height: 100%;
}
.productSlider.top.inv.v2 .swiffy-slider.slider-item-show5{
	--swiffy-slider-item-count: 5;
	width: 84%;
}
.productSlider.top.inv .wrapper{
	flex-direction: row-reverse;
}
.productSlidersGroup .wrapper{
	display: flex;
	gap: 2rem;
	justify-content: center;
	position: relative;
}
.productSlidersGroup .productItem pre{
	padding: 0.25rem 0;
	margin: 0 -3rem;
}
.productSlidersGroup .productSlider{
	width: calc(50% - 1rem);
	padding-bottom: 1.5rem;
}
.productSlidersGroup .productSlider.list:nth-of-type(1) .slider-nav.slider-nav-next{
	display: none;
}
.productSlidersGroup .productSlider.list:nth-of-type(2) .slider-nav.slider-nav-prev{
	display: none;
}
.productSlidersGroup .line-sx{
    display: flex;
    height: calc(100% - 4rem);
    background-color: #c5c5c5;
    width: .1rem;
    position: absolute;
    top: 2rem;
}
.productSlidersGroup .swiffy-slider{
	height: 100%;
}
.home .productItem .viewMore{
	z-index: 10;
}
.home .productItem .link h4{
	padding: 0 1rem;
}
.productSlider.top.dron .slider-container .productItem .link .thumbnail{
	width: 9rem;
}
.productSlider.top.dron .new-ban{
	width: 16%;
}
.productSlider.top.dron .swiffy-slider{
	width: 84%;
}
.productSlider.top.dron .new-ban img{
	height: 100%;
}
.fusionImageSlider{
    display: flex;
    background-color: var(--white);
    padding: 2rem 0;
}
.fusionImageSlider .wrapper{
	display: flex;
	gap: 1rem;
}
.fusionImageSlider .wrapper .fusion-column{
    display: flex;
    width: 50%;
    border-radius: .5rem;
    overflow: hidden;
    background-color: var(--gray);
    align-items: center;
}
.fusionImageSlider .wrapper .fusion-column >img{
	width: 10rem;
	padding-right: 1rem;
}
.fusionImageSlider .wrapper .fusion-column .slider-container{
	--swiffy-slider-item-gap: .1rem;
}
.fusionImageSlider .wrapper .fusion-column .slider-container li{
	display: flex;
	align-items: center;
}
.fusionImageSlider .wrapper .fusion-column .slider-container li img{
	width: 9rem;
}
.productSlider.top.links .swiffy-slider{
	width: 100%;
}
.productSlider.top.links .swiffy-slider a{
	overflow: hidden;
}
.productSlider.top.links .swiffy-slider a img{
	transition: transform 0.5s ease;
}
.productSlider.top.links .swiffy-slider a img:hover {
    transform: scale(1.1);
}
.productSlider.top.links .con2{
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.productSlider.top.links .con2 h1{
	font-size: 1.1rem;
}
footer.open .item ul,
footer.open .item.peru p {
  visibility: visible;
  opacity: 1;
}

footer.open .top {
  height: auto;
}
footer.open .activ .c img{
	transform: rotateX(180deg);
}
.catlink.ban-routers,
.catlink.ban-termo{
	display: none;
}
.productSlider.list.lista-termo,
.productSlider.list.lista-routers{
	display: none;
}
/*------------------------------  104rem 1664px  -----------------------------*/ 
@media only screen and (max-width: 104rem) {
	.cont-newbanpage .wrapper-two{
		padding-left: 2.5rem;
    	padding-right: 2.5rem;
	}
	.productSlidersGroup .wrapper{
		padding-left: 0;
		padding-right: 0;
	}
	.productSlidersGroup .productSlider{
		width: calc(50% - 2rem);
	}
	.productSlider.list .swiffy-slider .slider-nav.slider-nav-next, .productSlider.top .swiffy-slider .slider-nav.slider-nav-next{
		margin-right: 0;
	}
	.productSlider.top.links .swiffy-slider .slider-nav.slider-nav-prev{
		margin-left: 0;
	}
	.productSlider.list .swiffy-slider .slider-nav.slider-nav-prev, .productSlider.top .swiffy-slider .slider-nav.slider-nav-prev{
		margin-left: 0;
	}
	.cont-newbanpage .category-slide .cont .product{
		width: 8rem;
	}
	.cont-newbanpage .category-slide .cont p{
		margin-top: 60%;
	}
	.productSlider.top .swiffy-slider .slider-nav.slider-nav-prev{
		margin-left: -1.5rem;
	}
	.productSlider.top.inv.v2 .slider-nav.slider-nav-prev{
		margin-left: 0;
	}
	.productSlider.top.inv.v2 .slider-nav.slider-nav-next{
		margin-right: -1.5rem;
	}
}
/*------------------------------  88rem 1408px  -----------------------------*/ 
@media only screen and (max-width: 88rem) {
	.cont-newbanpage .category-slide .swiffy-slider{
		--swiffy-slider-item-gap: 2rem;
	}
	.productSlider.top .slider-item-show4{
		--swiffy-slider-item-count: 3;
	}
	.productSlider.list .slider-item-show6{
		--swiffy-slider-item-count: 5;
		padding-bottom: 0;
	}
	.cont-newbanpage .category-slide .cont{
		height: 9rem;
	}
	.cont-newbanpage .category-slide .cont p{
		font-size: 0.8rem;
	}
	.cont-newbanpage .category-slide li:nth-child(6) .cont .product, .cont-newbanpage .category-slide li:nth-child(11) .cont .product{
		width: 8rem;
	}
	.productSlider.list .slider-item-show6{
		padding-bottom: 0;
	}
	.productSlider.top.dron .new-ban,
	.productSlider.top.inv.v2 .new-ban,
	.productSlider.top .new-ban{
		width: 20%;
	}
	.productSlider.top.inv.v2 .swiffy-slider.slider-item-show5,
	.productSlider.top .swiffy-slider.slider-item-show5{
		--swiffy-slider-item-count: 4;
		width: 80%;
	}
	.productSlider.top.v2 .new-ban{
		width: 40%;
	}
	.productSlider.top.v2 .swiffy-slider.slider-item-show5{
		--swiffy-slider-item-count: 3;
		width: 60%;
	}
	.productSlidersGroup .wrapper{
		gap: 1rem;
	}
	.productSlidersGroup .productSlider{
		width: calc(50% - 1.5rem);
	}
}
/*------------------------------  75rem 1200px  -----------------------------*/ 
@media only screen and (max-width: 75rem) {
	header .top .t1 .btn-c img{
		display: flex;
		width: 1rem;
	}
	header .top .t1 .btn-c span{
		display: none;
	}
	.cont-newbanpage .category-slide .cont,
	.cont-newbanpage .category-slide .swiffy-slider button{
		height: 8rem;
	}
	.cont-newbanpage .category-slide .cont .product{
		width: 7rem;
	}
	.cont-newbanpage .category-slide .swiffy-slider.slider-item-show6{
		--swiffy-slider-item-count: 5 !important;
	}
	.productSlider.top .swiffy-slider{
		width: calc(100% - 14rem);
	}
	.productSlider.top .slider-container li .numi{
		width: 2rem;
		height: 2rem;	
		font-size: 1.2rem;
		align-items: center;
	}
	.productSlider.top .slider-container .productItem .link .thumbnail{
		width: 8rem;
		padding-top: 0.5rem;
	}
	.bannerlink-princ2 .wrapper .con2{
		padding: 1rem 0;
	}
	.banner-events #ban-show{
		margin: 1rem 0;
	}
	.cont-newbanpage .wrapper-two{
		bottom: 2.5rem;
	}
	.cont-newbanpage .superbanner .slider-indicators{
		margin-bottom: 1rem;
	}
	.cont-newbanpage .category-slide li:nth-child(5) .cont .product,
	.cont-newbanpage .category-slide li:nth-child(6) .cont .product, 
	.cont-newbanpage .category-slide li:nth-child(11) .cont .product {
        width: 7rem;
	}
	.productSlidersGroup .productSlider .swiffy-slider{
		--swiffy-slider-item-count: 2;
	}
	.cont-newbanpage .category-slide .cont p{
		margin-top: 40%;
	}
	.cont-newbanpage .category-slide .swiffy-slider button{
		top: 45%;
	}
	.productSlider.top.inv.v2 .swiffy-slider.slider-item-show5,
	.productSlider.top .swiffy-slider.slider-item-show5{
		--swiffy-slider-item-count: 3;
		width: 75%;
	}
	.productSlider.top.dron .new-ban,
	.productSlider.top.inv.v2 .new-ban, .productSlider.top .new-ban,
	.productSlider.top .new-ban{
		width: 25%;
	}
	
}
/*------------------------------  62rem 992px  ------------------------------*/ 
@media only screen and (max-width: 62rem) {
	header .top .t1{
		gap: 1rem;
	}
	.productSlider.top .swiffy-slider{
		width: calc(100% - 13rem);
	}
	.productSlider.top .slider-item-show4{
		--swiffy-slider-item-count: 2;
	}
	.bannerlink-princ2 .wrapper .con2{
		padding: 1rem 0;
	}
	.bannerlink-princ2 .wrapper .con2 h1{
		font-size: 1rem;
	}
	.banner-events #ban-show{
		margin: 1rem 0;
	}
	.productSlider.list .slider-item-show6{
		--swiffy-slider-item-count: 3;
	}
	.cont-newbanpage .wrapper-two{
		margin-top: 0;
		bottom: 1rem;
	}
	.cont-newbanpage .category-slide .swiffy-slider button:before{
		width: 3rem;
        height: 3rem;
	}
	.catlink .con{
		padding: 0;
	}
	.catlink .con a{
		width: 50%;
	}
	.productSlider.top .slider-item-show4{
		padding-bottom: 0;
	}
	.productSlider.top .new-ban{
		padding-bottom: 0;
	}
	.productSlider.list .slider-item-show6 .slider-container {
        grid-auto-columns: calc(33.5% - (var(--swiffy-slider-item-gap) / 4 * 3));
    }
	.fusionImageSlider .wrapper{
		flex-direction: column;
		gap: 1rem;
	}
	.fusionImageSlider .wrapper .fusion-column{
		width: 100%;
	}
	.fusionImageSlider .wrapper .fusion-column >img {
		width: 8rem;
		padding-right: 0;
	}
	.fusionImageSlider .swiffy-slider{
		--swiffy-slider-item-count: 3;
	}
	.fusionImageSlider .wrapper .fusion-column .slider-container li{
		justify-content: center;
	}
	.fusionImageSlider .wrapper .fusion-column .slider-container li img{
		width: 6rem;
	}
	.productSlider.top.dron .new-ban{
		padding-bottom: 0;
	}
	.productSlidersGroup .productSlider .swiffy-slider{
		--swiffy-slider-item-count: 1;
	}
	.cont-newbanpage .superbanner button.slider-nav{
		display: none;
	}
	.productSlider.top.v2 .new-ban{
		width: 50%;
	}
	.productSlider.top.v2 .swiffy-slider.slider-item-show5{
		--swiffy-slider-item-count: 2;
        width: 50%;
	}
}
/*------------------------------  48rem 768px  ------------------------------*/ 
@media only screen and (max-width: 48rem) {
	header .top .t1 .btn-c{
		display: none;
	}
	.cont-newbanpage .category-slide .cont .product{
		width: 5rem;
	}
	.cont-newbanpage .category-slide .cont{
		height: 6rem;
	}
	.cont-newbanpage .category-slide .swiffy-slider button{
		display: none;
	}
	.cont-newbanpage .category-slide .cont p{
		font-size: .7rem;
	}
	.cont-newbanpage .category-slide .swiffy-slider .slider-container{
		margin: 0;
	}

	.cont-newbanpage .category-slide .swiffy-slider{
		--swiffy-slider-item-gap: 1rem;
	}
	.productSlider.top.dron .new-ban,
	.productSlider.top.inv.v2 .new-ban,
	.productSlider.top .new-ban{
		width: 33%;
	}
	.productSlider.top .swiffy-slider{
		--swiffy-slider-item-gap: .5rem;
	}
	.productSlider.top.inv.v2 .swiffy-slider.slider-item-show5,
	.productSlider.top .swiffy-slider.slider-item-show5{
		--swiffy-slider-item-count: 2;
		width: 67%;
	}
	.productSlider.top.inv.v2 .swiffy-slider.slider-item-show5{
		padding-right: 0;
	}
	.productSlider.top .swiffy-slider.slider-item-show5 .slider-nav.slider-nav-next{
		display: flex;
		height: 3rem;
		top: 50%;
	}
	.productSlider.top .slider-item-show4{
		--swiffy-slider-item-count: 1.5;
	}
	.productSlider.top.links .slider-item-show4{
		--swiffy-slider-item-count: 2.5;
	}
	.productSlider.top.links .slider-item-show4 .slider-container.marcas{
		border-radius: .5rem 0 0 .5rem !important;
	}
	.productSlider.top .slider-container{
		margin-left: 0;
		margin-right: 0;
	}
	.productSlider.top .slider-container .productItem .link .thumbnail{
		width: 10rem;
	}
	.productSlider.top .slider-container li .numi{
		width: 1.5rem;
        height: 1.5rem;
        font-size: .8rem;
		top: .5rem;
        right: .5rem;
	}
	.productSlider.top .slider-container .productItem .link{
		padding: 2rem 1rem 0 1rem;
	}
	.productSlider.top .slider-container .productItem .link .brand{
		top: .5rem;
	}
	.productSlider.top .slider-container .productItem .footer{
		padding: 0.75rem 0;
	}
	.productSlider.top .swiffy-slider .slider-nav{
		height: 100%;
		top: -1rem;
		display: none;
	}
	.productSlider.top .swiffy-slider .slider-nav.slider-nav-prev{
		display: flex;
        height: 3rem;
        top: 50%;
	}
	.catlink{
		padding: 0;
	}
	.catlink .con{
        gap: .5rem;
        padding: 1rem 0;
	}
	.productSlider.top.inv .slider-container{
		margin-left: 0;
	}
	.productSlider.top.inv .new-ban{
		width: 50%;
	}
	.productSlider.list .slider-container{
		margin: 0;
	}
	.productSlidersGroup{
		padding: 0 .75rem;
	}
	.cont-newbanpage .wrapper-two{
		padding: 0 .75rem;
	}
	.catlink .con a {
		width: 100%;
	}
	.cont-newbanpage .category-slide .slider-item-show6 .slider-container{
		grid-auto-columns: calc(24.25% - (var(--swiffy-slider-item-gap) / 2));
	}
	.productSlider.list .slider-item-show6 .slider-container{
		grid-auto-columns: calc(50% - (var(--swiffy-slider-item-gap) / 2));
	}
	.productSlider.list .slider-item-show6{
		--swiffy-slider-item-gap: .5rem;
	}
	.productSlider.top .wrapper{
		padding-right: .75rem;
		gap: .5rem;
	}
	.productSlider.top.inv.v2 .wrapper{
		padding-left: 1rem;
	}
		.productSlidersGroup .productSlider{
		padding-bottom: 2rem;
			width: 50%;
	}
	.productSlidersGroup .productSlider.list .slider-item-show3{
		overflow: hidden;
	}
	.productSlidersGroup .productSlider.list:first-child{
		padding-right: .5rem;
	}
	.productSlidersGroup .productSlider.list:last-child{
		padding-left: .5rem;
	}
	.bannerlink-princ2 .wrapper .con2 .marcas{
		gap: .5rem;
	}
	.productSlidersGroup .wrapper{
		gap: 0;
		padding: 0;
	}
	.productSlider.top.links .swiffy-slider .slider-nav.slider-nav-prev{
		display: none;
	}
}
/*------------------------------  36rem 576px  ------------------------------*/ 
@media only screen and (max-width: 36rem) {
	.catlink .con{
		flex-direction: column;
	}
	.cont-newbanpage{
		margin-bottom: 2rem;
	}
	.cont-newbanpage .wrapper-two{
		top: 40%;
		bottom: 0rem;
	}
	.cont-newbanpage .category-slide .cont .product{
		width: 4rem !important;
	}
	.cont-newbanpage .category-slide .slider-item-show6 .slider-container{
		grid-auto-columns: calc(27% - (var(--swiffy-slider-item-gap) / 2));
	}
	.cont-newbanpage .category-slide li:nth-child(5) .cont .product, 
	.cont-newbanpage .category-slide li:nth-child(6) .cont .product, 
	.cont-newbanpage .category-slide li:nth-child(11) .cont .product{
		width: 4.5rem;
	}
	.bannerlink-princ2 .wrapper .con2 .marcas {
		overflow: scroll;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}
	.bannerlink-princ2 .wrapper .con2 .marcas a{
		width: calc(40% - .25rem);
        flex: none;
	}
	.cont-newbanpage .category-slide .swiffy-slider .slider-container{
		padding-top: 4rem;
	}
	.productSlider.top .productItem .footer .price{
		font-size: .7rem;
	}
	.productSlider.top .productItem .link .brand{
		width: 3rem;
	}
	.productSlider.top .productItem .link h4{
		font-size: .75rem;
	}
	.productSlider.top .productItem .link .brand{
		left: .5rem;
	}
	.productSlidersGroup .productSlider{
		padding-bottom: 2rem;
	}
	.productSlidersGroup .productSlider.list .slider-item-show3{
		overflow: hidden;
	}
	.productSlider.list .slider-item-show6{
		overflow: hidden;
		padding-bottom: 0;
	}

	.productSlidersGroup .productSlider.list .slider-item-show3 .slider-nav.slider-nav-prev svg,
	.productSlider.list .slider-item-show6 .slider-nav.slider-nav-prev svg{
	}
	.productSlidersGroup .productSlider.list .slider-item-show3 .slider-nav.slider-nav-next svg,
	.productSlider.list .slider-item-show6 .slider-nav.slider-nav-next svg{
	}
	.productSlider.top.dron .new-ban,
	.productSlider.top.inv.v2 .new-ban{
		width: 40%;
	}
	.productSlider.top.dron .techSpec{
		display: none !important;
	}
	.productSlider.top.dron .swiffy-slider,
	.productSlider.top.inv.v2 .swiffy-slider{
		width: 60%;
	}
	footer .item:not(:nth-of-type(1)):not(:nth-of-type(2)){
		display: none;
	}
	footer.open .item:not(:nth-of-type(1)):not(:nth-of-type(2)){ 
		display: flex;
	}
	footer .top{
		height: auto;
		padding: 2rem 0 1rem 0;
	}
	footer .item ul{
		visibility: visible;
		opacity: 1;
	}
	.productSlidersGroup .productSlider.list:first-child{
		padding-right: .5rem;
	}
	.productSlidersGroup .productSlider.list:last-child{
		padding-left: .5rem;
	}
	.productSlider.top.dron .productItem .link{
		gap: 0;
	}
	.productSlider.top.dron .productItem .link h4{
		padding: 0;
	}
	.productSlider.top .slider-container .productItem .link .thumbnail{
		width: 5rem;
	}
	.productSlider.list .wrapper{
		padding-left: .75rem;
		padding-right: .75rem;
	}
	.fusionImageSlider .swiffy-slider{
		--swiffy-slider-item-count: 2;
	}
	.productSlider.top .swiffy-slider.slider-item-show5 .slider-nav.slider-nav-next{
		display: none;
	}
	.productSlider.top .swiffy-slider.slider-item-show5{
		--swiffy-slider-item-count: 1.5;
		width: 60%;
	}
	.productSlider.top.links .slider-item-show4 .slider-container.marcas,
	.productSlider.top .swiffy-slider.slider-item-show5 .slider-container{
		border-radius: 0 !important;
	}
	.productSlider.top .new-ban{
		width: 40%;
	}
	.productSlider.top.v2 .wrapper{
		flex-direction: column;
	}
	.productSlider.top.v2 .new-ban{
		width: 100%;
		height: 2.5rem;
	}
	.productSlider.top.v2 .swiffy-slider.slider-item-show5{
		--swiffy-slider-item-count: 2.5;
		width: 100%;
	}
	.productSlider.top.v2 .new-ban img{
		width: 100%;
	}
	.productSlider.top.inv.v2 .swiffy-slider.slider-item-show5{
		--swiffy-slider-item-count: 1.5;
		width: 60%;
	}
	.productSlidersGroup .productSlider.list .swiffy-slider.slider-item-show3 .slider-nav,
	.productSlider.list .slider-item-show6 .slider-nav{
		width: 2.5rem;
	}
	.productSlidersGroup .productSlider.list .swiffy-slider.slider-item-show3 .slider-nav.slider-nav-prev,
	.productSlider.list .swiffy-slider.slider-item-show6 .slider-nav.slider-nav-prev{
		border-radius: 0 2rem 2rem 0;
	}
	.productSlidersGroup .productSlider.list .swiffy-slider.slider-item-show3 .slider-nav.slider-nav-next,
	.productSlider.list .swiffy-slider.slider-item-show6 .slider-nav.slider-nav-next{
		border-radius: 2rem 0 0 2rem;
	}
	.bannerlink-princ2 .wrapper .con2 h1,
	.productSlider.top.links .con2 h1,
	.productSlider.top.v2 .ban-tit{
		font-size: .9rem;
	}
	.productSlider.top .swiffy-slider .slider-nav.slider-nav-prev{
		display: none;
	}
	.productSlider.top.v2,
	.productSlider.top.links{
		padding: 1rem 0;
	}

	.productSlider.top.inv.v2 .new-ban img{
		object-fit: initial;
	}
	.productSlider.list .slider-item-show6 .slider-container{
		grid-auto-columns: calc(40% - (var(--swiffy-slider-item-gap) / 2));
		border-radius: 0;
	}
	.productSlider.list .slider-item-show6 .navigation{
		display: none;
	}
	.home .productItem .link h4{
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
	}
	.home .productItem .prime-prices{
		display: none;
	}
	.home .productItem .footer .badge,
	.home .productItem .footer .price{
		font-size: 0.7rem;
	}
	.fusionImageSlider,
	.productSlider.top.dron,
	.productSlider.list{
		padding: 1rem 0;
	}
	.fusionImageSlider .wrapper .fusion-column:nth-of-type(2){
		display: none;
	}
	.fusionImageSlider .wrapper .fusion-column{
		gap: .5rem;
	}
	.fusionImageSlider .wrapper .fusion-column >img{
		width: calc(40% - .25rem);
	}
	.fusionImageSlider .swiffy-slider{
		width: 60%;
	}
	.catlink.rou-term{
		display: none;
	}
	.productSlidersGroup{
		display: none;
	}
	.catlink.ban-routers,
	.catlink.ban-termo{
		display: flex;
	}
	.productSlider.list.lista-termo,
	.productSlider.list.lista-routers{
		display: flex;
	}
	.productSlider.top.inv.v2 .wrapper{
		flex-direction: row-reverse;
	}
	.productSlider.top.inv.v2 .new-ban{
		height: auto;
	}
	.cont-newbanpage{
		margin-bottom: 5rem;
	}
	.cont-newbanpage .wrapper-two{
		top: 60%;
	}
	.cont-newbanpage .superbanner .swiffy-slider::after{
		top: 65%;
	}
	.productSlider.top{
		padding-bottom: 1rem;
	}
	.productSlider.top.dron .new-ban{
		margin-left: -.75rem;
    	width: calc(40% + .5rem);
	}
}
/*------------------------------  29rem 464px  ------------------------------*/ 
@media only screen and (max-width: 29rem) {
	.productSlider.top .new-ban{
		aspect-ratio: 16 / 9;
	}
	.productSlider.v2 .new-ban{
		  aspect-ratio: 16 / 9;
		  position: relative;
	}
	.productSlider.top.v2 .slider-container li a {
	  display: block;
	  width: 100%;
	  height: auto;
	}

	.productSlider.top.v2 .slider-container li a img {
	  aspect-ratio: 3 / 4; 
	  width: 100%;
	  height: 100%;
	  object-fit: cover;
	  display: block;
	}
	.productSlider.top.inv.v2 .slider-container li a{
		aspect-ratio: auto;
	}
	.productSlider.v2 .new-ban img{
		 width: 100%;
		  height: 100%;
		  object-fit: cover;
	}
	.productSlider.top.inv.v2 .slider-container li a img{
		height: auto;
	}
}
.home .productItem .prime-prices{
	display: none;
}

/* pageViewCreality */
.pageViewCreality {
}
.pageViewCreality p{
    margin: 0;
    padding: 0;
}
.pageViewCreality .conS {
  display: flex;
  align-items: center;
  flex-direction: column;
	margin-top: 1rem;
}
.pageViewCreality .conS .evento-slider{
	border-radius: .5rem;
    overflow: hidden;
}
.pageViewCreality .conS .pageViewCreality__slider{
    display: flex;
    margin: 2.5rem 0;
    width: calc(100% - 42rem);
    border-radius: .5rem;
    overflow: hidden;
}
.pageViewCreality .conS .pageViewCreality__slider .swiffy-slider{
	--swiffy-slider-item-gap: 2rem;
}
.pageViewCreality .conS .pageViewCreality__slider .swiffy-slider .slider-container li{
	border-radius: .5rem;
    overflow: hidden;
	cursor: pointer;
}
.pageViewCreality .conS .pageViewCreality__detalles{
	width: 100%;
}
.pageViewCreality .conS .pageViewCreality__detalle{
	width: 100%;
}
.pageViewCreality .conS .pageViewCreality__detalle .evento-intro{
	display: flex;
    border-radius: .5rem;
    overflow: hidden;
	margin-bottom: 4rem;
}
.pageViewCreality .conS .pageViewCreality__detalle .datos{
	display: flex;
    gap: 4rem;
    margin-bottom: 4rem;
    justify-content: center;
}
.pageViewCreality .conS .pageViewCreality__detalle .datos .dato{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2rem;
    background-color: var(--white);
    border-radius: .5rem;
    width: 20rem;
    text-align: center;
}
.pageViewCreality .conS .pageViewCreality__detalle .datos .dato .image{
    padding: 2rem;
    border-radius: 50%;
    width: 10rem;
    margin-bottom: 1rem;
}
.pageViewCreality .conS .pageViewCreality__detalle .datos .dato .flow .spe{
	font-size: 1rem;
    font-weight: 600;
	margin-bottom: .5rem;
}
.pageViewCreality .conS .pageViewCreality__detalle .datos .dato .flow .nor{
	line-height: 1.2;
}
.pageViewCreality .conS .pageViewCreality__detalle .datos .dato .flow .nor .green{
	font-size: .7rem;
    line-height: .1;
    color: green;
}
.pageViewCreality .conS .pageViewCreality__detalle .evento-form{
    background-color: var(--white);
    padding: 4rem;
    border-radius: .5rem;
    margin-bottom: 2rem;
	display: flex;
	align-items: center;
}
.pageViewCreality .conS .pageViewCreality__detalle .evento-form .info{
	display: flex;
    flex-direction: column;
    width: 50%;
    align-items: center;
	gap: .5rem;
}
.pageViewCreality .conS .pageViewCreality__detalle .evento-form .info p{
	font-size: 2rem;
    font-weight: 600;
}
.pageViewCreality .conS .pageViewCreality__detalle .evento-form .info span{
    color: var(--white);
    border-radius: 2rem;
    padding: .5rem 3rem;
    font-size: 2rem;
    font-weight: 600;
}
.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container{
	width: 50%;
    margin: 0;
    padding: 0;
}
.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container .wpforms-confirmation-container-full{
	margin-bottom: 0;
    border: 0;
    background: none;
    font-size: 1rem;
    padding: 0;
    text-align: center;
}
.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container #wpforms-form-33754 .wpforms-submit-container{
	width: 100%;
}
.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container #wpforms-form-33754 .wpforms-submit-container button {
    background-color: #8cae3f;
    width: 100%;
    border-radius: 2rem;
}
.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container #wpforms-form-35829 .wpforms-submit-container button{
    background-color: #2aa845;
    width: 100%;
    border-radius: 2rem;
}
.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container input.wpforms-field-medium{
	border-radius: 2rem;
}
.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container  #wpforms-form-33754 .wpforms-layout-row fieldset{
	display: flex;
    align-items: center;
    justify-content: center;
}
.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container form fieldset legend.wpforms-field-label{
	font-weight: 500;
}
.pageViewCreality .conS .pageViewCreality__slider .slider-nav{
	display: none;
}
@media only screen and (max-width: 100rem) { /* 1600px */
    /* Estilos para pantallas de hasta 1600px */
}

@media only screen and (max-width: 75rem) { /* 1200px */
    /* Estilos para pantallas de hasta 1200px */
	.pageViewCreality .conS .pageViewCreality__slider{
		width: calc(100% - 10rem);
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form{
		flex-direction: column;
    	gap: 2rem;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form .info{
		width: 100%;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container{
		width: 100%;
	}
}

@media only screen and (max-width: 62rem) { /* 992px */
    /* Estilos para pantallas de hasta 992px */
	.pageViewCreality .conS .pageViewCreality__slider{
		width: calc(100% - 4rem);
	}
	.pageViewCreality .conS .pageViewCreality__slider .swiffy-slider{
		--swiffy-slider-item-count: 2;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .datos{
		gap: 1rem;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .datos .dato{
		width: calc((100% - 2rem) / 3);
	}
}

@media only screen and (max-width: 48rem) { /* 768px */
    /* Estilos para pantallas de hasta 768px */
	.pageViewCreality .conS .pageViewCreality__detalle .datos .dato{
		padding: 2rem 1rem;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .datos .dato .image{
		width: 7rem;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form{
		padding: 2rem;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form .info p{
		font-size: 1.5rem;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form .info span{
		font-size: 1.5rem;
	}
}

@media only screen and (max-width: 36rem) { /* 576px */
    /* Estilos para pantallas de hasta 576px */
	.pageViewCreality .conS .pageViewCreality__slider{
		margin: 1rem 0;
		width: 100%;
	}
	.pageViewCreality .conS .pageViewCreality__slider .swiffy-slider{
		--swiffy-slider-item-gap: 1rem;
	}
	.pageViewCreality .conS .pageViewCreality__slider .swiffy-slider .slider-nav{
		display: none;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-intro{
		margin-bottom: 2rem;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .datos{
		gap: .5rem;
		margin-bottom: 2rem;
		flex-direction: column;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .datos .dato{
		flex-direction: row;
		width: 100%;
		padding: 1rem;
		justify-content: space-evenly;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .datos .dato .image{
		margin-bottom: 0;
		width: 5rem;
		height: 5rem;
		padding: 1.25rem;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .datos .dato .flow{
		width: 50%;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .datos .dato .flow .spe{
		font-size: .85rem;
		margin-bottom: 0;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .datos .dato .flow .nor{
		font-size: .75rem;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form{
		padding: 2rem 1rem;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form .info p{
		font-size: 1.2rem;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form .info span{
		background-color: #8cae3f;
		font-size: 1rem;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container{
		padding: 0;
		border-radius: 0;
		box-shadow: none;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container form .wpforms-layout-row{
		flex-direction: column;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container form .wpforms-layout-row .wpforms-layout-column.wpforms-layout-column-50{
		width: 100%;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container form .wpforms-submit-container button{
		width: 100%;
		border-radius: 2rem;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container form label.wpforms-field-label,
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container form fieldset legend.wpforms-field-label{
		font-size: .85rem;
		margin-bottom: .5rem;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .evento-form .wpforms-container input.wpforms-field-medium{
		font-size: .85rem;
	}
	.pageViewCreality .conS .pageViewCreality__detalle .datos .dato .flow .nor .green br{
		display: none;
	}
	.pageViewCreality .conS .evento-slider{
		margin-bottom: 1rem;
	}
}

.viewWarrantyK3D .banner-top {
  display: flex;
}
.viewWarrantyK3D .banner-top img {
  width: 100%;
}
.viewWarrantyK3D .whatis {
  background-color: var(--white);
}
.viewWarrantyK3D .whatis .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0;
  max-width: 70rem;
  margin: auto;
}
.viewWarrantyK3D .whatis .flow .tit {
  border-left: 0.75rem solid var(--primary);
  padding-left: 1rem;
  font-size: 1.5rem;
  line-height: 1.1;
}
.viewWarrantyK3D .whatis .flow .tit span {
  color: var(--primary);
  font-weight: 500;
}
.viewWarrantyK3D .whatis .img2 {
  border-radius: 1rem;
  overflow: hidden;
  width: 35rem;
}
.viewWarrantyK3D .benef .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3rem 0;
  max-width: 70rem;
  margin: auto;
}
.viewWarrantyK3D .benef .comp {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.viewWarrantyK3D .benef .comp .icons {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 2rem;
}
.viewWarrantyK3D .benef .comp .icons img {
  width: 3rem;
}
.viewWarrantyK3D .benef .comp .icons img:first-child{
	width: 4rem;
}
.viewWarrantyK3D .benef .comp .bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
	position: relative;
}
.viewWarrantyK3D .benef .comp .bar img {
  position: absolute;
  height: 100%;
  background-color: transparent;
	top: 0;
}
.viewWarrantyK3D .benef .comp .bar span {
  width: 10rem;
  text-align: center;
  padding: 0.5rem 2rem;
  white-space: nowrap;
	position: relative;
}
.viewWarrantyK3D .benef .comp .bar span:nth-of-type(1) {
  border-top: 2px solid var(--black);
  border-bottom: 2px solid var(--black);
}
.viewWarrantyK3D .benef .comp .bar span:nth-of-type(2) {
  border-top: 2px solid var(--primary);
  border-bottom: 2px solid var(--primary);
}
.viewWarrantyK3D .benef .comp .bar span:nth-of-type(3) {
  border-top: 2px solid var(--primary);
  border-bottom: 2px solid var(--primary);
}
.viewWarrantyK3D .benef .comp .bar span:nth-of-type(1) img{
	left: -.4rem;
}
.viewWarrantyK3D .benef .comp .bar span:nth-of-type(2) img:first-child{
	left: -.4rem;
}
.viewWarrantyK3D .benef .comp .bar span:nth-of-type(2) img:last-child{
	right: -1.4rem;
}
.viewWarrantyK3D .benef .comp .bar span:nth-of-type(3) img{
	right: -1.85rem;
    height: calc(100% + .2rem);
    top: -.1rem;
}
.viewWarrantyK3D .benef .comp .bar .shadow{
	position: absolute;
    width: 100%;
    bottom: 0;
    height: 1px;
    box-shadow: 0 3px 8px 2px #858585;
}
.viewWarrantyK3D .benef .comp .text {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.viewWarrantyK3D .benef .comp .text p {
  text-align: center;
  margin: 0;
}
.viewWarrantyK3D .benef .flow .tit {
  border-right: 0.75rem solid var(--primary);
  padding-right: 1rem;
  font-size: 1.5rem;
  line-height: 1.1;
  text-align: right;
}
.viewWarrantyK3D .benef .flow .tit span {
  color: var(--primary);
  font-weight: 500;
}
.viewWarrantyK3D .benef .flow .subt {
  text-align: right;
}
.viewWarrantyK3D .products {
  background-color: var(--white);
}
.viewWarrantyK3D .products .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 3rem 0;
  max-width: 70rem;
  margin: auto;
}
.viewWarrantyK3D .products .content .tit {
  font-weight: 500;
}
.viewWarrantyK3D .products .content .tit span {
  color: var(--primary);
  font-weight: 600;
}
.viewWarrantyK3D .products .content .cards {
  display: flex;
  width: 100%;
  gap: 1rem;
  margin-top: 2rem;
}
.viewWarrantyK3D .products .cards .card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 10rem;
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}
.viewWarrantyK3D .products .cards .card img {
  width: 100%;
  height: 100%;
  position: absolute;
}
.viewWarrantyK3D .products .cards .card p {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 500;
  z-index: 1;
  color: var(--white);
}
.viewWarrantyK3D .details .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0;
  max-width: 70rem;
  margin: auto;
}
.viewWarrantyK3D .details .content .tit {
  font-weight: 500;
  margin-bottom: 1rem;
}
.viewWarrantyK3D .details .content .tit span {
  color: var(--primary);
  font-weight: 600;
}
.viewWarrantyK3D .details .content table {
  border-spacing: 0.5rem;
  width: 35rem;
}
.viewWarrantyK3D .details .content table th {
  background-color: var(--primary);
  color: var(--white);
  padding: 0.5rem;
  font-size: 1rem;
  border-radius: 0.5rem;
}

.viewWarrantyK3D .details .content table td {
  border-bottom: 2px solid #c2c2c2;
  text-align: center;
}
.viewWarrantyK3D .steps {
  background-color: var(--white);
}
.viewWarrantyK3D .steps .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0;
  max-width: 70rem;
  margin: auto;
}
.viewWarrantyK3D .steps .tit {
  font-weight: 500;
  margin-bottom: 2rem;
}
.viewWarrantyK3D .steps .tit span {
  font-weight: 600;
  color: var(--primary);
}
.viewWarrantyK3D .steps .st {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 0 3rem;
}

.viewWarrantyK3D .steps .st .s {
  width: calc(50% - 1rem);
  display: flex;
  gap: 1rem;
  justify-content: start;
}
.viewWarrantyK3D .steps .st .s .number {
  font-weight: bold;
  color: var(--primary);
  font-size: 3rem;
  margin: 0;
}
.viewWarrantyK3D .devices {
  background-color: var(--primary);
}
.viewWarrantyK3D .devices .content {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 3rem 0;
  max-width: 70rem;
  margin: auto;
}
.viewWarrantyK3D .devices .content .tit {
  font-weight: 400;
  color: var(--white);
  font-size: 1.5rem;
}
.viewWarrantyK3D .devices .content .tit span {
  font-weight: 500;
}
.viewWarrantyK3D .devices .content .de {
  display: flex;
  align-items: start;
  justify-content: center;
  width: 50%;
  gap: 1rem;
}
.viewWarrantyK3D .devices .content .de .d {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.viewWarrantyK3D .devices .content .de .d .img-cont {
  width: 10rem;
  height: 10rem;
  background-color: #ffa03e85;
  border-radius: 50%;
  padding: 2rem;
}
.viewWarrantyK3D .devices .content .de .d .img-cont img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.viewWarrantyK3D .devices .content .de .d p {
  margin: 0;
  color: var(--white);
}
.viewWarrantyK3D .devices .content .de .d p span {
  font-weight: 600;
}
.viewWarrantyK3D .qf .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  padding: 3rem 0;
  max-width: 70rem;
  margin: auto;
}
.viewWarrantyK3D .qf .content .tit {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}
.viewWarrantyK3D .qf .content .quest {
  display: flex;
  gap: 2rem;
}
.viewWarrantyK3D .qf .content .quest .left,
.viewWarrantyK3D .qf .content .quest .right {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: calc(50% - 1rem);
}
.viewWarrantyK3D .qf .content .quest .q {
  background-color: var(--white);
  padding: 1rem;
  border-radius: 0.5rem;
  cursor: pointer;
  user-select: none;
}
.viewWarrantyK3D .qf .content .quest .q .ini {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.viewWarrantyK3D .qf .content .quest .q .ini p {
  margin: 0;
  font-weight: 500;
	max-width: calc(100% - 3rem);
}
.viewWarrantyK3D .qf .content .quest .q .ini .btn-open {
  background-color: var(--primary);
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.viewWarrantyK3D .qf .content .quest .q .ini .btn-open img {
  filter: invert(1);
}
.viewWarrantyK3D .qf .content .quest .q .flow {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}

@media only screen and (max-width: 100rem) {
}
@media only screen and (max-width: 75rem) {
  .viewWarrantyK3D .whatis {
    padding: 0 1rem;
  }
  .viewWarrantyK3D .whatis .content {
    gap: 1rem;
  }
  .viewWarrantyK3D .benef {
    padding: 0 1rem;
  }
  .viewWarrantyK3D .products {
    padding: 0 1rem;
  }
  .viewWarrantyK3D .qf {
    padding: 0 1rem;
  }
}
@media only screen and (max-width: 62rem) {
  .viewWarrantyK3D .benef .content {
    flex-direction: column-reverse;
  }
  .viewWarrantyK3D .benef .flow {
    width: 100%;
    margin-bottom: 2rem;
  }
  .viewWarrantyK3D .benef .flow .tit {
    margin: 0;
  }
  .viewWarrantyK3D .benef .flow br {
    display: none;
  }
  .viewWarrantyK3D .products .cards .card p {
    font-size: 1rem;
  }
  .viewWarrantyK3D .devices {
    padding: 0 1rem;
  }
  .viewWarrantyK3D .devices .content {
    justify-content: space-between;
  }
  .viewWarrantyK3D .devices .content .de {
    width: auto;
  }
}
@media only screen and (max-width: 48rem) {
  .viewWarrantyK3D .whatis .flow .tit {
    margin: 0;
    font-size: 1.2rem;
  }
  .viewWarrantyK3D .whatis .flow .subt {
    font-size: 0.8rem;
  }
  .viewWarrantyK3D .benef .flow .tit {
    font-size: 1.2rem;
  }
  .viewWarrantyK3D .benef .flow .subt {
    font-size: 0.8rem;
  }
  .viewWarrantyK3D .products .content .tit {
    font-size: 1.2rem;
    text-align: center;
  }
  .viewWarrantyK3D .products .content .cards {
    flex-wrap: wrap;
    gap: 1rem;
  }
  .viewWarrantyK3D .products .cards .card {
    width: calc(50% - 1rem);
    flex: auto;
  }
  .viewWarrantyK3D .details {
    padding: 0 1rem;
  }
  .viewWarrantyK3D .details .content .tit {
    font-size: 1.2rem;
    text-align: center;
  }
  .viewWarrantyK3D .details .content table {
    width: 100%;
  }
  .viewWarrantyK3D .steps .tit {
    font-size: 1.2rem;
    text-align: center;
  }
  .viewWarrantyK3D .devices .content {
    flex-direction: column;
    gap: 2rem;
  }
  .viewWarrantyK3D .devices .content .tit {
    font-size: 1.2rem;
    text-align: center;
  }
  .viewWarrantyK3D .devices .content .tit br {
    display: none;
  }
  .viewWarrantyK3D .qf .content .tit {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 36rem) {
  .viewWarrantyK3D .whatis .content {
    flex-direction: column;
  }
  .viewWarrantyK3D .whatis .flow .tit br,
  .viewWarrantyK3D .whatis .flow .subt br {
    display: none;
  }
  .viewWarrantyK3D .whatis .img2 {
    width: 100%;
  }
  .viewWarrantyK3D .benef .comp {
    width: 100%;
  }
  .viewWarrantyK3D .benef .comp .bar {
    justify-content: center;
	  margin-left: -1rem;
  }
  .viewWarrantyK3D .benef .comp .text p,
  .viewWarrantyK3D .benef .comp .bar span {
    font-size: 0.8rem;
  }
  .viewWarrantyK3D .products .cards .card p {
    font-size: 0.8rem;
  }
  .viewWarrantyK3D .details .content table td,
  .viewWarrantyK3D .details .content table th {
    font-size: 0.8rem;
  }
  .viewWarrantyK3D .steps {
    padding: 0 1rem;
  }
  .viewWarrantyK3D .steps .st {
    padding: 0;
    gap: 1rem;
  }
  .viewWarrantyK3D .steps .st .s {
    width: calc(50% - 0.5rem);
  }
  .viewWarrantyK3D .steps .st .s p {
    margin: 0;
    font-size: 0.8rem;
  }
  .viewWarrantyK3D .steps .st .s .number {
    line-height: 1;
  }
  .viewWarrantyK3D .devices .content .de {
    flex-wrap: wrap;
  }
  .viewWarrantyK3D .devices .content .de {
    justify-content: space-around;
  }
  .viewWarrantyK3D .devices .content .de .d .img-cont {
    width: 8rem;
    height: 8rem;
  }
  .viewWarrantyK3D .qf .content .quest {
    flex-direction: column;
    gap: 0.5rem;
  }
  .viewWarrantyK3D .qf .content .quest .left,
  .viewWarrantyK3D .qf .content .quest .right {
    width: 100%;
    gap: 0.5rem;
  }
	.viewWarrantyK3D .benef .comp .bar span {
		width: calc(33.33% - 1rem);
	}
	.viewWarrantyK3D .benef .comp .bar .shadow{
		display: none;
	}
}