:root { --primary: #1A73E8; --secondary: #FB4E08; --secondary-light: #FFC300;  --background: #051234; --surface: #0F223A;  --text-primary: #FFFFFF; --text-secondary: #B8C7D9;  --price-old: #60A5FA;  --line: #FFFFFF; }
.chollonauta-menu-header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.chollonauta-carousel {
display: flex;
gap: 1rem;
overflow-x: auto;
scroll-snap-type: x mandatory;
padding-bottom: .5rem;
}
.chollonauta-carousel::-webkit-scrollbar {
display: none;
}
.chollonauta-carousel-item {
flex: 0 0 auto;
width: 240px;
scroll-snap-align: start;
background: #fff;
border-radius: .75rem;
padding: .75rem;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 320px; } .swiper-wrapper {height: auto;}
.swiper-slide {
height:auto;
}
.swiper-pagination-bullet {
background-color: #FFF;
width: 12px;
height: 12px;
}
.swiper-pagination {
position: unset;
padding: 2rem 0 0 0;
}
.cn-special-swiper .swiper-slide {
width: auto;
} .chollonauta-top-carousel {
padding: 10px 0;
}
.chollonauta-top-carousel .swiper-slide {
width: auto;
max-width: 260px;
}
.chollonauta-top-carousel .swiper-button-prev,
.chollonauta-top-carousel .swiper-button-next,
.chollonauta-categories-swiper .swiper-button-prev,
.chollonauta-categories-swiper .swiper-button-next {
color: var(--color-primary);
}
#featured-categories {
position: relative;
background: linear-gradient(135deg, #051234 0%, #0D47A1 50%, #0F223A 100%);
}
#featured-categories .chollonauta-block-title {
margin-bottom: 4rem;
}
.chollonauta-categories-wrapper {
position: relative;
}
.chollonauta-categories-wrapper .swiper-button-prev,
.chollonauta-categories-wrapper .swiper-button-next {
position: absolute;
top: 59%;
transform: translateY(-50%);
z-index: 10;
width: 64px;
height: 64px;
background: #fff;
border-radius: 50%;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
border:2px solid var(--price-old);
}
.chollonauta-categories-wrapper .swiper-button-prev::after,
.chollonauta-categories-wrapper .swiper-button-next::after {
font-size: 22px;
font-weight: 700;
color: var(--price-old);
}
.chollonauta-categories-wrapper .swiper-button-prev {
left: -30px;
}
.chollonauta-categories-wrapper .swiper-button-next {
right: -30px;
}
@media (max-width: 600px) {
.chollonauta-block-title {
font-size: 1.5rem;
}
.chollonauta-categories-wrapper .swiper-button-prev,
.chollonauta-categories-wrapper .swiper-button-next {
width: 36px;
height: 36px;
}
.chollonauta-categories-wrapper .swiper-button-prev::after,
.chollonauta-categories-wrapper .swiper-button-next::after {
font-size: 16px;
}
.chollonauta-categories-wrapper .swiper-button-prev {
left: -18px;
}
.chollonauta-categories-wrapper .swiper-button-next {
right: -18px;
}
}
.chollonauta-top-carousel .swiper-pagination-bullet {
background: var(--color-primary);
background: #000;
}
.chollonauta-top-carousel .swiper-pagination-bullet-active {
background: var(--color-primary);
}
.cn-card {
display: flex;
flex-direction: column;
height: 100%;
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
.cn-card:hover {
transform: translateY(-4px);
}
.cn-card-image {
width: 100%;
aspect-ratio: 1 / 1; overflow: hidden;
}
.cn-card a {text-decoration:none;}
.cn-card-image img {
width: 100%;
height: 100%;
object-fit: cover; }
.cn-card-content {
padding: 12px;
flex-grow: 1; display: flex;
flex-direction: column;
justify-content: space-between;
}
.cn-card-price {
font-size: 1.2rem;
font-weight: bold;
margin-top: 8px;
color:var(--secondary);
}
.cn-card-content h3 {
font-size: 0.875rem;
overflow: hidden;
margin-bottom: 8px;
color: var(--background);
display: -webkit-box;
-webkit-line-clamp: 6; -webkit-box-orient: vertical;
} html {
scroll-behavior: smooth;
} .grid-container {max-width: 100% !important;}
.site-content {display: unset;}
#site-navigation {display: none;} .site-logo {margin:0.5rem 0;}
header.site-header {
background: var(--background);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
width: 100%;
box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.3);
}
.inside-header {
padding:0 5%;
flex-wrap: wrap;
} .chollonauta-header-section .chollonauta-header-flex {
display: flex;
align-items: center;
gap: 0.75rem;
}
.chollonauta-logo-container img {
width: auto;
display: block;
}
.chollonauta-social {
display: flex;
align-items: center;
gap: 0.5rem;
margin-left: 0.75rem;
}
.chollonauta-follow {
color: var(--text-secondary);
font-size: 0.875rem;
display: none; }
.chollonauta-social-link {
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
text-decoration: none;
box-shadow: 0 0.125rem 0.375rem rgba(0,0,0,0.12);
}
.chollonauta-social-link svg { width: 24px; height: 24px; display:block; }
.chollonauta-social-fb { background: #1877F2; }
.chollonauta-social-tg { background: #229ED9; }
.chollonauta-social-link:hover { opacity: 0.95; }
@media (min-width: 768px) {
.chollonauta-follow { display: inline-block; margin-right: 0.35rem; }
}
@media (max-width: 480px) {
.chollonauta-logo-container img { max-height: 44px; }
.chollonauta-social { margin-left: 0.5rem; }
}
.ae-search-form {
display: flex;
gap: 0.75rem;
margin: 1.5rem 0;
flex-wrap: wrap;
}
.ae-search-form input {
flex: 1 1 16.25rem;
min-height: 2.875rem;
border: 0.0625rem solid #d6dce5;
border-radius: 0.625rem;
padding: 0 0.875rem;
}
.ae-search-form button,
.ae-button {
background: var(--secondary);
color: #fff;
border: 0;
border-radius: 0.625rem;
padding: 0.75rem 1.125rem;
font-weight: 700;
}
.ae-products-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr));
gap: 1.125rem;
margin: 1.5rem 0;
}
.ae-product-card {
background: #fff;
border-radius: 1rem;
overflow: hidden;
box-shadow: 0 0.625rem 1.875rem rgba(0,0,0,.08);
display: flex;
flex-direction: column;
}
.ae-product-thumb {
display: block;
aspect-ratio: 1/1;
background: #f6f8fb;
}
.ae-product-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.ae-product-body {
padding: 0.875rem;
}
.ae-store {
display: inline-block;
font-size: 0.75rem;
font-weight: 700;
color: var(--primary);
margin-bottom: 0.5rem;
}
.ae-product-body h3 {
font-size: 1rem;
line-height: 1.4;
margin: 0 0 0.625rem;
}
.ae-price-wrap {
display: flex;
align-items: center;
gap: 0.625rem;
margin-bottom: 0.75rem;
}
.ae-price {
font-size: 1.25rem;
font-weight: 700;
color: var(--secondary);
}
.ae-old-price {
font-size: 0.875rem;
color: #7a8699;
text-decoration: line-through;
}
.ae-actions {
display: flex;
gap: 0.625rem;
flex-wrap: wrap;
}
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700;800&family=Space+Grotesk:wght@500;700&display=swap");
.cn-landing {
font-family: 'Plus Jakarta Sans', sans-serif;
color: #101828;
background:
radial-gradient(circle at 90% 10%, rgba(255, 106, 0, 0.16), transparent 28%),
radial-gradient(circle at 10% 20%, rgba(30, 144, 255, 0.2), transparent 30%),
#f6f8fb;
}
.cn-container {
width: min(70rem, 92vw);
margin: 0 auto;
}
.cn-hero {
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #051234 0%, #0b2a52 60%, #0f223a 100%);
color: #fff;
padding: 6rem 0 4.5rem;
}
.cn-hero-glow {
position: absolute;
width: 33.75rem;
height: 33.75rem;
border-radius: 62.4375rem;
top: -15rem;
right: -7.5rem;
background: radial-gradient(circle at center, rgba(255, 106, 0, 0.35), rgba(255, 106, 0, 0));
}
.cn-kicker {
text-transform: uppercase;
letter-spacing: 0.22em;
font-size: 0.75rem;
opacity: 0.85;
margin: 0 0 0.625rem;
}
.cn-hero h1 {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(2.125rem, 5.5vw, 4rem);
line-height: 1.02;
max-width: 12.5em;
margin: 0;
}
.cn-subtitle {
max-width: 56ch;
margin-top: 1.125rem;
font-size: clamp(1rem, 2vw, 1.25rem);
line-height: 1.55;
color: rgba(255, 255, 255, 0.9);
}
.cn-hero-cta {
margin-top: 1.75rem;
display: flex;
gap: 0.75rem;
flex-wrap: wrap;
}
.cn-btn {
border-radius: 62.4375rem;
border: 0.0625rem solid transparent;
padding: 0.6875rem 1.125rem;
font-weight: 700;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
}
.cn-btn-ghost {
border-color: rgba(255, 255, 255, 0.5);
color: #fff;
background: rgba(255, 255, 255, 0.06);
}
.cn-btn-small {
padding: 0.5rem 0.75rem;
font-size: 0.875rem;
}
.cn-stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.875rem;
margin-top: 1.875rem;
}
.cn-stat-card {
border: 0.0625rem solid rgba(255, 255, 255, 0.2);
border-radius: 0.875rem;
background: rgba(255, 255, 255, 0.07);
padding: 0.875rem 1rem;
backdrop-filter: blur(0.375rem);
}
.cn-stat-card strong {
display: block;
font-size: 1.875rem;
line-height: 1;
}
.cn-stat-card span {
font-size: 0.8125rem;
color: rgba(255, 255, 255, 0.86);
}
.cn-section {
padding: 3.875rem 0;
}
.cn-section h2 {
font-family: 'Space Grotesk', sans-serif;
font-size: clamp(1.75rem, 3.2vw, 2.5rem);
margin: 0 0 1.125rem;
}
.cn-how-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
}
.cn-how-grid article {
border-radius: 1rem;
background: #fff;
border: 0.0625rem solid #dbe4ee;
box-shadow: 0 0.5rem 1.375rem rgba(10, 30, 50, 0.08);
padding: 1.125rem;
}
.cn-how-grid h3 {
margin: 0 0 0.625rem;
font-size: 1.25rem;
}
.cn-how-grid p {
margin: 0;
color: #3e4c5f;
}
.cn-chip-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
.cn-chip {
background: #fff;
border: 0.0625rem solid #dbe4ee;
border-left: 0.3125rem solid #1e90ff;
border-radius: 0.75rem;
padding: 0.875rem;
color: #0f223a;
text-decoration: none;
}
.cn-chip span {
display: block;
font-weight: 700;
}
.cn-chip small {
color: #53627a;
}
.cn-deals-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
}
.cn-deal-card {
background: #fff;
border: 0.0625rem solid #dbe4ee;
border-radius: 1rem;
overflow: hidden;
box-shadow: 0 0.625rem 1.625rem rgba(10, 30, 50, 0.08);
}
.cn-deal-media {
display: block;
aspect-ratio: 4 / 3;
background: #f2f5f9;
}
.cn-deal-media img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cn-deal-body {
padding: 0.875rem;
}
.cn-deal-body h3 {
margin: 0;
font-size: 1.0625rem;
line-height: 1.35;
}
.cn-deal-body h3 a {
text-decoration: none;
color: #0f223a;
}
.cn-price-row {
display: flex;
gap: 0.625rem;
align-items: baseline;
margin: 0.75rem 0 0.375rem;
}
.cn-price-row strong {
font-size: 1.375rem;
color: #ff6a00;
}
.cn-price-row span {
font-size: 0.875rem;
color: #7b8898;
text-decoration: line-through;
}
.cn-discount {
margin: 0 0 0.625rem;
color: #0f8a3d;
font-weight: 700;
}
.cn-actions {
display: flex;
gap: 0.5rem;
flex-wrap: wrap;
}
.cn-disclaimer {
background: linear-gradient(135deg, #2A3142 0%, #1A1F2E 100%);
border: 0.0625rem solid #FB4E08;
padding: 1.5rem 1rem;
border-radius: 0.5rem;
margin: 2rem 0;
color: #FFE5CC;
font-size: 0.9rem;
line-height: 1.6;
text-align: center;
}
.cn-disclaimer p {
margin: 0;
}
@media (max-width: 61.25rem) {
.cn-stats,
.cn-how-grid,
.cn-chip-grid,
.cn-deals-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 43.75rem) {
.cn-hero {
padding: 4.25rem 0 3.5rem;
}
.cn-stats,
.cn-how-grid,
.cn-chip-grid,
.cn-deals-grid {
grid-template-columns: 1fr;
}
} body {
background-color: #0B0F19 !important;
color: #FFFFFF !important;
font-family: 'Inter', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Orbitron', sans-serif !important;
font-weight: 700;
letter-spacing: 0.05em;
}
article h1 {
color: var(--secondary) !important;
}
h2 {
color: var(--secondary);
} .cn-hero {
background: linear-gradient(135deg, #0B0F19 0%, #1A1F2E 100%);
position: relative;
overflow: hidden;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
}
.cn-hero-clouds {
position: absolute !important;
bottom: 0;
width: 100%;
height: 10rem;
background: url(//chollonauta.com/wp-content/themes/generatepress-child/assets/images/bck-hots.jpg) no-repeat top right;
background-size: cover;
transform: scaleY(-1);
-webkit-mask: linear-gradient(to bottom, black 55%, transparent 100%);
mask: linear-gradient(to bottom, black 55%, transparent 100%);
position: relative;
z-index: 2;
margin-top: -10rem;
pointer-events: none;
}
@keyframes twinkle {
0%, 100% { opacity: 1; }
50% { opacity: 0.8; }
}
.cn-hero-content {
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 40% 60%;
align-items: center;
position: relative;
z-index: 10;
padding: 10rem 10%;
background: url(//chollonauta.com/wp-content/themes/generatepress-child/assets/images/nebulosa-azul.jpg) center/cover no-repeat;
border-radius: 1.25rem 1.25rem 0 0;
max-height: none;
}
.cn-hero-content::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 8, 30, 0.5);
z-index: 0;
}
.cn-hero-content > * {
position: relative;
}
.cn-hero-text,.cn-hero-image {z-index: 5;}
.cn-hero-text h1 {
font-size: 3.5rem;
line-height: 1.2;
margin-bottom: 1.5rem;
color: #FFFFFF;
}
.cn-hero-text h1 span { background: #FB4E08;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-size:3.7rem;
}
.cn-hero-text p {
font-size: 1.5rem;
color: #FFFFFF;
margin-bottom: 2rem;
line-height: 1.5;
max-width: 80%;
}
MARIA .cn-hero-stats {
display: none;
}
.cn-stat-box {
background: rgba(255, 255, 255, 0.08);
backdrop-filter: blur(0.625rem);
border: 0.0625rem solid rgba(255, 255, 255, 0.15);
padding: 1rem 1.25rem;
border-radius: 0.625rem;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.375rem;
transition: all 0.3s ease;
min-width: 8.75rem;
}
.cn-stat-box:hover {
background: rgba(255, 255, 255, 0.12);
border-color: rgba(26, 115, 232, 0.4);
transform: translateY(-0.1875rem);
}
.cn-stat-number {
font-size: 1.8rem;
font-weight: 700;
color: #FFFFFF;
}
.cn-stat-text {
font-size: 0.85rem;
color: #A0AEC0;
text-align: center;
}
.cn-hero-buttons {
display: flex;
gap: 1rem;
flex-wrap: wrap;
margin-bottom: 2rem;
}
.cn-hero-buttons a {
padding: 1rem 2rem;
border-radius: 0.5rem;
font-weight: 600;
font-size: 1rem;
text-decoration: none;
transition: all 0.3s ease;
display: inline-block;
}
.cn-btn-primary {
background: linear-gradient(135deg, #FB4E08 0%, #D93D00 100%);
color: #FFFFFF;
box-shadow: 0 0.25rem 0.9375rem rgba(251, 78, 8, 0.3);
}
.cn-btn-primary:hover {
background: linear-gradient(135deg, #1A73E8 0%, #1557B0 100%);
color: #FFFFFF;
transform: translateY(-0.25rem) scale(1.05);
box-shadow: 0 0.75rem 2.1875rem rgba(26, 115, 232, 0.5);
}
.cn-rocket-icon {
height: 1.5rem;
vertical-align: middle;
margin-right: 0.5rem;
display: inline-block;
}
.cn-hero-image {
display: flex;
justify-content: center;
align-items: center;
background: transparent;
order: -1;
}
.cn-hero-image img {
max-width: 80%;
height: auto;
animation: astronauta-enter 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards,
float 3s ease-in-out 1.2s infinite;
mix-blend-mode: lighten;
padding: 3rem;
}
@keyframes astronauta-enter {
0% { transform: translateY(-120vh); opacity: 0; }
100% { transform: translateY(0); opacity: 1; }
}
@keyframes float {
0%, 100% { transform: translateY(0rem); }
50% { transform: translateY(-1.25rem); }
} @media (max-width: 1660px) {
.cn-hero-image img {padding:0;}
}
@media (max-width: 1200px) {
.cn-hero-text h1 {
font-size: 3rem;
}
.cn-hero-text h1 span {font-size: unset;}
}
@media (max-width: 1200px) {
.cn-hero-text h1 {
font-size: 2.5rem;
text-align: center;
max-width: 100%;
}
.cn-hero-content {
grid-template-columns: 1fr;
gap: 2rem;
padding: 5rem 5%;
border-radius: 0;
}
.cn-hero-text p {
max-width: 100%;
text-align: center;
}
.cn-hero-image img {
max-width: 380px;
height: auto;
}
.cn-hero-buttons {
margin: 0 auto;
display: block;
text-align: center;
}
}
@media (max-width: 1024px) {
.cn-hero-image img {
max-width: 40%;
}
} @media (max-width: 768px) {
.cn-hero-text h1 {
font-size: 2.75rem;
margin-bottom: 1rem;
line-height: 1.15;
}
.cn-hero-text p {
font-size: 1.25rem;
max-width: 100%;
margin-bottom: 1.5rem;
line-height: 1.45;
}
.cn-hero-stats {
gap: 1rem;
margin-top: 1.5rem;
}
.cn-stat-box {
min-width: 7.5rem;
padding: 0.75rem 1rem;
}
.cn-stat-number {
font-size: 1.5rem;
}
.cn-stat-text {
font-size: 0.75rem;
}
.cn-hero-buttons {
gap: 0.75rem;
margin-bottom: 1.5rem;
}
.cn-hero-buttons a {
padding: 0.875rem 1.5rem;
font-size: 0.95rem;
}
.swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 0 2px;
}
} @media (max-width: 480px) {
.cn-hero-content {
padding: 12rem 10% 5rem 10%;
gap: 1.5rem;
}
.cn-hero-text h1 {
font-size: 2rem;
line-height: 1.1;
margin-bottom: 0.75rem;
}
.cn-hero-text p {
font-size: 1rem;
line-height: 1.4;
margin-bottom: 1rem;
}
.cn-hero-image img {
max-width: 70%;
}
.cn-hero-stats {
flex-direction: row;
gap: 0.5rem;
margin-top: 1rem;
flex-wrap: wrap;
}
.cn-stat-box {
min-width: 6.5rem;
padding: 0.6rem 0.75rem;
}
.cn-stat-number {
font-size: 1.25rem;
}
.cn-stat-text {
font-size: 0.7rem;
}
.cn-hero-buttons {
flex-direction: column;
gap: 0.5rem;
margin-bottom: 1rem;
}
.cn-hero-buttons a {
width: 100%;
padding: 0.75rem 1.25rem;
font-size: 0.9rem;
text-align: center;
}
} @media (max-width: 420px) {
.cn-hero-content {
gap: 1.25rem;
}
.cn-hero-text h1 {
font-size: 1.75rem;
margin-bottom: 0.5rem;
line-height: 1.1;
}
.cn-hero-text p {
font-size: 0.9rem;
margin-bottom: 0.75rem;
line-height: 1.35;
}
.cn-hero-image img {
max-width: 65%;
}
.cn-hero-stats {
gap: 0.25rem;
margin-top: 0.75rem;
}
.cn-stat-box {
min-width: 5.5rem;
padding: 0.5rem 0.5rem;
}
.cn-stat-number {
font-size: 1rem;
}
.cn-stat-text {
font-size: 0.65rem;
}
.cn-hero-buttons a {
padding: 0.6rem 1rem;
font-size: 0.85rem;
}
} .cn-section {
padding: 4rem 5%;
width: 100%;
}
.cn-section-title {
font-size: 2.5rem;
margin-bottom: 0.5rem;
text-align: center;
color: var(--secondary);
}
.cn-section-subtitle {
text-align: center;
color: #A0AEC0;
margin-bottom: 3rem;
font-size: 1.25rem;
}  .chollonauta-categories-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
gap: 1.25rem;
margin-bottom: 0;
}
.chollonauta-categories-swiper .swiper-slide {
width: auto;
} .chollonauta-category-card {
background: white;
border-radius: 0.5rem;
padding: 1.5rem 1rem;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.chollonauta-category-card.supermercado {
border:6px solid var(--color-smartphones);
}
.chollonauta-category-card.smartphones {
border:6px solid var(--color-smartphones);
}
.chollonauta-category-card.informatica {
border:6px solid var(--color-informatica);
}
.chollonauta-category-card.hogar {
border:6px solid var(--color-hogar);
}
.chollonauta-category-card.salud-y-belleza {
border:6px solid var(--color-salud-y-belleza);
}
.chollonauta-category-card.mascotas {
border:6px solid var(--color-mascotas);
}
.chollonauta-category-card.moda {
border:6px solid var(--color-moda);
}
.chollonauta-category-card.jardin {
border:6px solid var(--color-jardin);
}
.chollonauta-category-card.infantil {
border:6px solid var(--color-infantil);
}
.chollonauta-category-card.supermercado {
border:6px solid var(--color-supermercado);
}
.chollonauta-category-card:hover {
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12); transform: translateY(-0.125rem);
}
.chollonauta-category-card.supermercado:hover {
background:var(--color-supermercado-light);
}
.chollonauta-category-card.smartphones:hover {
background:var(--color-smartphones-light);
}
.chollonauta-category-card.informatica:hover {
background:var(--color-informatica-light);
}
.chollonauta-category-card.hogar:hover {
background:var(--color-hogar-light);
}
.chollonauta-category-card.salud-y-belleza:hover {
background:var(--color-salud-y-belleza-light);
}
.chollonauta-category-card.mascotas:hover {
background:var(--color-mascotas-light);
}
.chollonauta-category-card.moda:hover {
background:var(--color-moda-light);
}
.chollonauta-category-card.jardin:hover {
background:var(--color-jardin-light);
}
.chollonauta-category-card.infantil:hover {
background:var(--color-infantil-light);
}
.chollonauta-category-icon img {
height: auto;
display: block;
margin: 0 auto;
} .chollonauta-category-card.supermercado .chollonauta-category-name {
color:var(--color-supermercado-accent);
}
.chollonauta-category-card.smartphones .chollonauta-category-name {
color:var(--color-smartphones);
}
.chollonauta-category-card.informatica .chollonauta-category-name{
color:var(--color-informatica);
}
.chollonauta-category-card.hogar .chollonauta-category-name {
color:var(--color-hogar-accent);
}
.chollonauta-category-card.salud-y-belleza .chollonauta-category-name {
color:var(--color-salud-y-belleza);
}
.chollonauta-category-card.mascotas .chollonauta-category-name {
color:var(--color-mascotas);
}
.chollonauta-category-card.moda .chollonauta-category-name {
color:var(--color-moda);
}
.chollonauta-category-card.jardin .chollonauta-category-name {
color:var(--color-jardin-accent);
}
.chollonauta-category-card.infantil .chollonauta-category-name {
color:var(--color-infantil-accent);
} #hot-products {
background: url(//chollonauta.com/wp-content/themes/generatepress-child/assets/images/bck-hots.jpg) no-repeat center right;
background-size: 100% 100%, cover;
box-shadow: 0 -15px 25px -8px #0B0F19;
padding: 4rem 0;
}
#hot-products .chollonauta-block-title {
color: var(--secondary);
text-shadow: 0px 1px 2px black;
}
.chollonauta-block-title a .chollonauta-category-name {
color: var(--secondary);
}
.chollonauta-block-title a {
color: var(--text-primary);
text-decoration: none;
}
#featured-products {
max-width: 1280px;
margin: 0 auto;
padding: 4rem 0;
} .chollonauta-breadcrumb {
margin: 2rem 0;
font-size: 0.975rem;
color: #cbd5e1;
}
.chollonauta-breadcrumb a {
color: #94a3b8;
text-decoration: none;
}
.chollonauta-breadcrumb a:hover {
color: #fff;
}
.chollonauta-breadcrumb .sep {
margin: 0 6px;
color: #64748b;
}
.chollonauta-breadcrumb .current {
color: #fff;
font-weight: 600;
} .cn-top5-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 2rem;
margin-bottom: 2rem;
}
.cn-product-card {
background: #1A1F2E;
border: 0.0625rem solid #2A3142;
border-radius: 0.75rem;
overflow: hidden;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
}
.cn-product-card:hover {
border-color: #1A73E8;
box-shadow: 0 0.5rem 1.5625rem rgba(26, 115, 232, 0.2);
transform: translateY(-0.3125rem);
}
.cn-product-image {
position: relative;
background: #0F1419;
height: 12.5rem;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.cn-product-image img {
width: 100%;
height: 100%;
}
.cn-discount-badge {
position: absolute;
top: 0.75rem;
right: 0.75rem;
background: linear-gradient(135deg, #FB4E08 0%, #D93D00 100%);
color: #FFFFFF;
width: 4.375rem;
height: 4.375rem;
border-radius: 50%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 1.3rem;
z-index: 10;
box-shadow: 0 0.25rem 0.75rem rgba(255, 122, 0, 0.3);
}
.cn-discount-badge small {
font-size: 0.65rem;
font-weight: 600;
}
.cn-product-info {
padding: 1.5rem;
flex: 1;
display: flex;
flex-direction: column;
}
.cn-product-brand {
font-size: 0.8rem;
color: #1A73E8;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 0.5rem;
}
.cn-product-title {
font-size: 0.95rem;
font-weight: 600;
color: #FFFFFF;
margin-bottom: 1rem;
line-height: 1.4;
flex: 1;
}
.cn-product-title-link {
color: #FFFFFF;
text-decoration: none;
display: block;
}
.cn-product-title-link:hover,
.cn-product-title-link:visited,
.cn-product-title-link:active,
.cn-product-title-link:focus {
color: #FFFFFF;
text-decoration: none;
}
.cn-product-prices {
margin-bottom: 1rem;
}
.cn-product-price {
font-size: 1.5rem;
font-weight: 700;
color: #FB4E08;
}
.cn-product-old-price {
font-size: 0.9rem;
color: var(--price-old);
text-decoration: line-through;
}
.cn-product-store {
font-size: 0.85rem;
color: #A0AEC0;
margin-bottom: 1rem;
}
.cn-product-cta {
background: linear-gradient(135deg, #FB4E08 0%, #D93D00 100%);
color: #FFFFFF;
padding: 0.8rem;
border-radius: 0.375rem;
text-align: center;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
display: block;
}
.cn-product-cta:hover {
background: linear-gradient(135deg, #1A73E8 0%, #1557B0 100%);
color: #FFFFFF;
transform: translateY(-0.1875rem) scale(1.05);
box-shadow: 0 0.625rem 1.75rem rgba(26, 115, 232, 0.45);
} .cn-disclaimer {
background: linear-gradient(135deg, #2A3142 0%, #1A1F2E 100%);
border: 0.0625rem solid #FB4E08;
padding: 1.5rem 1rem;
border-radius: 0.5rem;
margin: 2rem 0;
color: #FFE5CC;
font-size: 0.9rem;
line-height: 1.6;
text-align: center;
}
.cn-disclaimer strong {
color: #FB4E08;
} .cn-categories-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr));
gap: 2rem;
margin-bottom: 3rem;
}
.cn-category-card {
background: #F5F5F5;
border: 0.0625rem solid #E0E0E0;
border-radius: 0.75rem;
padding: 2rem;
text-align: center;
transition: all 0.3s ease;
}
.cn-category-card:hover {
border-color: #1A73E8;
box-shadow: 0 0.75rem 2.1875rem rgba(26, 115, 232, 0.25);
transform: translateY(-0.5rem);
background: #FFFFFF;
}
.cn-category-icon {
font-size: 3rem;
margin-bottom: 1rem;
}
.cn-category-icon img {
width: 4rem;
height: auto;
display: inline-block;
}
.cn-category-name {
font-size: 1.3rem;
font-weight: 700;
color: #1A1F2E;
margin-bottom: 0.5rem;
}
.cn-category-count {
color: #666666;
font-size: 0.9rem;
margin-bottom: 0.5rem;
}
.cn-category-link {
display: inline-block;
margin-top: 1rem;
padding: 0.7rem 1.5rem;
background: #1A73E8;
color: #FFFFFF;
border-radius: 0.375rem;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
}
.cn-category-link:hover {
background: #FB4E08;
transform: translateX(0.3125rem);
} .starfield {
position: relative;
}
.starfield::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: 
radial-gradient(0.0625rem 0.0625rem at 10% 20%, white, rgba(0, 0, 0, 0)),
radial-gradient(0.125rem 0.125rem at 20% 30%, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0)),
radial-gradient(1.0.3125rem 1.0.3125rem at 50% 50%, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 80% 10%, white, rgba(0, 0, 0, 0)),
radial-gradient(0.125rem 0.125rem at 90% 60%, rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 30% 80%, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 15% 50%, rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0)),
radial-gradient(1.0.3125rem 1.0.3125rem at 70% 20%, rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 25% 10%, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0)),
radial-gradient(0.125rem 0.125rem at 60% 70%, white, rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 85% 85%, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0)),
radial-gradient(1.0.3125rem 1.0.3125rem at 40% 40%, rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 5% 65%, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0)),
radial-gradient(0.125rem 0.125rem at 75% 45%, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 35% 25%, white, rgba(0, 0, 0, 0)),
radial-gradient(1.0.3125rem 1.0.3125rem at 65% 5%, rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 45% 75%, rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0)),
radial-gradient(0.125rem 0.125rem at 92% 35%, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 12% 88%, white, rgba(0, 0, 0, 0)),
radial-gradient(1.0.3125rem 1.0.3125rem at 55% 15%, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 22% 55%, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0)),
radial-gradient(0.125rem 0.125rem at 78% 72%, rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 8% 35%, rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0)),
radial-gradient(1.0.3125rem 1.0.3125rem at 68% 88%, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 42% 12%, white, rgba(0, 0, 0, 0)),
radial-gradient(0.125rem 0.125rem at 95% 18%, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 18% 42%, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0)),
radial-gradient(1.0.3125rem 1.0.3125rem at 52% 62%, rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 72% 35%, rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0)),
radial-gradient(0.125rem 0.125rem at 38% 68%, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 88% 8%, white, rgba(0, 0, 0, 0)),
radial-gradient(1.0.3125rem 1.0.3125rem at 28% 5%, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 58% 28%, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0)),
radial-gradient(0.125rem 0.125rem at 82% 95%, rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 2% 92%, rgba(255, 255, 255, 0.9), rgba(0, 0, 0, 0)),
radial-gradient(1.0.3125rem 1.0.3125rem at 48% 92%, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 98% 52%, white, rgba(0, 0, 0, 0)),
radial-gradient(0.125rem 0.125rem at 32% 38%, rgba(255, 255, 255, 0.6), rgba(0, 0, 0, 0)),
radial-gradient(0.0625rem 0.0625rem at 62% 82%, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0)),
radial-gradient(1.0.3125rem 1.0.3125rem at 15% 75%, rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0)),
radial-gradient(circle at 20% 50%, rgba(26, 115, 232, 0.1) 0%, transparent 50%),
radial-gradient(circle at 80% 80%, rgba(255, 122, 0, 0.05) 0%, transparent 50%);
background-repeat: repeat;
background-size: 100% 100%;
pointer-events: none;
animation: twinkle 5s ease-in-out infinite;
z-index: 0;
}
.starfield > * {
position: relative;
z-index: 1;
} @media (max-width: 48rem) {
.cn-hero-content {
grid-template-columns: 1fr;
gap: 2rem;
}
.cn-hero-text h1 {
font-size: 2.2rem;
}
.cn-hero-text p {
font-size: 1rem;
}
.cn-hero-buttons {
flex-direction: column;
}
.cn-hero-buttons a {
width: 100%;
text-align: center;
}
} #main {
background: var(--background);
}
.chollonauta-home {
max-width: 100%;
margin: 0 auto;
padding: 0;
}
.chollonauta-section {
width: 100%;
padding: 4rem 5%;
margin: 0;
scroll-margin-top: 164px;
}
.chollonauta-stars-divider {
position: relative;
height: 3rem;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.chollonauta-stars-divider::before {
content: '';
position: absolute;
top: 50%;
left: 5%;
right: 5%;
height: 1px;
background: linear-gradient(to right, transparent, rgba(26,115,232,0.2), rgba(251,78,8,0.15), rgba(26,115,232,0.2), transparent);
}
.chollonauta-star {
position: absolute;
width: 2px;
height: 2px;
background: #fff;
border-radius: 50%;
box-shadow:
4rem -8px 0 0 rgba(255,255,255,0.6),
8rem 5px 0 0 rgba(255,255,255,0.3),
12rem -3px 0 0 rgba(255,255,255,0.8),
16rem 6px 0 1px rgba(255,255,255,0.4),
20rem -7px 0 0 rgba(251,78,8,0.4),
24rem 4px 0 0 rgba(255,255,255,0.5),
28rem -5px 0 0 rgba(26,115,232,0.3),
32rem 7px 0 0 rgba(255,255,255,0.7),
36rem -4px 0 1px rgba(255,255,255,0.3),
40rem 3px 0 0 rgba(255,255,255,0.5),
44rem -6px 0 0 rgba(251,78,8,0.3),
48rem 5px 0 0 rgba(255,255,255,0.6),
52rem -2px 0 1px rgba(255,255,255,0.4),
56rem 8px 0 0 rgba(255,255,255,0.3),
60rem -5px 0 0 rgba(26,115,232,0.4),
64rem 4px 0 0 rgba(255,255,255,0.8),
68rem -8px 0 0 rgba(255,255,255,0.5),
72rem 6px 0 1px rgba(255,255,255,0.3),
76rem -3px 0 0 rgba(251,78,8,0.5),
80rem 5px 0 0 rgba(255,255,255,0.4);
}
.chollonauta-stars-divider::after {
content: '';
position: absolute;
top: 20%;
right: -100px;
width: 80px;
height: 1px;
background: linear-gradient(to left, transparent, rgba(255,255,255,0.5));
transform: rotate(-30deg);
animation: chollonauta-shooting-star 7s ease-in-out infinite;
pointer-events: none;
}
@keyframes chollonauta-shooting-star {
0% { transform: translateX(0) rotate(-30deg); opacity: 0; }
5% { opacity: 1; }
12% { transform: translateX(-400px) rotate(-30deg); opacity: 0; }
100% { opacity: 0; }
}
#mejores-ofertas {
background: linear-gradient(135deg, #051234 0%, #0D47A1 50%, #0F223A 100%);
}
.text-white {
color: #FFFFFF;
}
.chollonauta-block-title {
font-size: 2.25rem;
font-weight: 700;
margin-bottom: 2rem;
color: #FFFFFF;
}
.chollonauta-block-title a {
color: inherit;
text-decoration: none;
}
.chollonauta-block-subtitle {
font-size: 1rem;
color: #B8C7D9;
margin-bottom: 2.5rem;
font-weight: 400;
line-height: 1.5;
font-size: 1.125rem;
}
.chollonauta-block-text {
margin: 0 0 2rem 0;
font-size: 1.125rem;
font-weight: 400;
color: #FFFFFF;
}
.chollonauta-block-header {
margin-bottom: 2rem;
}
.chollonauta-disclaimer {
background: #f0f0f0;
border-left: 0.25rem solid #999;
padding: 0.75rem 1rem;
margin-top: 2.5rem;
border-radius: 0.25rem;
font-size: 0.75rem;
color: #666;
line-height: 1.5;
} .chollonauta-category-top5 {
background: linear-gradient(135deg, #051234 0%, #0D47A1 50%, #0F223A 100%);
padding: 2rem 1.5rem;
border-radius: 1rem;
margin-bottom: 3rem;
}
.chollonauta-category-top5 .chollonauta-block-title {
margin-bottom: 1.5rem;
color: #FFFFFF;
} .chollonauta-products-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.25rem;
} .chollonauta-products-grid-5 {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 1.25rem;
}
.chollonauta-product-card {
border-radius: 0.75rem;
overflow: hidden;
transition: all 0.3s ease;
display: flex;
flex-direction: column;
height: 100%;
box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
background: #001C41;
}
.chollonauta-product-card:hover {
box-shadow: 0 0.5rem 1.25rem rgba(26, 115, 232, 0.15);
transform: translateY(-0.375rem);
}
.chollonauta-product-image {
width: 100%;
height: 15.5rem;
background: #fff;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
}
.chollonauta-product-image img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
transition: transform 0.3s ease;
}
.chollonauta-product-card:hover .chollonauta-product-image img {
transform: scale(1.05);
}
.chollonauta-product-body {
padding: 0.875rem;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.chollonauta-category-page .chollonauta-product-body {
background: #04337B;
}
.chollonauta-product-store {
font-size: 0.675rem;
color: #FFF;
text-transform: uppercase;
font-weight: 600;
}
.chollonauta-product-title {
font-size: 1rem;
font-weight: 600;
flex-grow: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
color: #FFF;
}
.chollonauta-coupon-badge {
background: #f6efdd;
color: #333;
padding: 6px 10px;
border-radius: 6px;
font-size: 14px;
margin-bottom: 8px;
display: inline-block;
border: 1px solid #f0c36d;
}
.chollonauta-product-price-section {
display: flex;
flex-direction: column;
gap: 0.375rem;
margin-bottom: 0.625rem;
}
.chollonauta-product-price {
display: flex;
align-items: center;
gap: 0.5rem;
flex-wrap: wrap;
}
.chollonauta-price-current {
font-size: 1.5rem;
font-weight: 700;
color: var(--secondary);
}
.chollonauta-price-original {
font-size: 0.875rem;
color: var(--price-old);
text-decoration: line-through;
}
.chollonauta-discount-badge {
position: absolute;
top: 0.75rem;
right: 0.75rem;
display: inline-flex;
align-items: center;
justify-content: center;
width: 3.5rem;
height: 3.5rem;
background: linear-gradient(135deg, #FB4E08 0%, #FF6B35 100%);
color: white;
font-size: 0.875rem;
font-weight: 700;
border-radius: 50%;
z-index: 10;
box-shadow: 0 0.25rem 0.625rem rgba(255, 255, 255, 0.3);
}
.chollonauta-offer-badge {
position: absolute;
top: 0.75rem;
right: 0.75rem;
display: inline-flex;
align-items: center;
justify-content: center;
width: 3.5rem;
height: 3.5rem;
background: linear-gradient(135deg, #00A86B 0%, #28B463 100%);
color: white;
font-size: 0.75rem;
font-weight: 700;
border-radius: 50%;
z-index: 10;
box-shadow: 0 0.25rem 0.625rem rgba(255, 255, 255, 0.3);
}
.chollonauta-product-rating {
font-size: 0.75rem;
color: #666;
margin-bottom: 0.5rem;
}
.chollonauta-product-rating .stars {
color: #ffb800;
}
.chollonauta-rating-text {
color: #ffb800;
margin-left: 0.25rem;
}
.chollonauta-volume-text {
color: #999;
margin-left: 0.25rem;
}
.chollonauta-product-actions {
display: flex;
gap: 0.375rem;
margin-top: auto;
padding-top: 0.75rem;
}
.chollonauta-btn {
flex: 1;
padding: 0.625rem 0.75rem;
font-size: 0.75rem;
border: none;
border-radius: 0.25rem;
cursor: pointer;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
font-weight: 600;
}
.chollonauta-btn-primary {
background: var(--secondary);
color: #FFF;
width: 100%;
display: block;
text-align: center;
border: 0;
padding: 0.75rem 1rem;
border-radius: 0.5rem;
font-size: 0.875rem;
font-weight: 600;
transition: transform 0.3s ease, background 0.3s ease;
cursor: pointer;
}
.chollonauta-btn-primary:hover {
color: #FFF;
transform: translateY(-0.25rem) scale(1.05);
}
.chollonauta-btn-cta-large {
padding: 0.75rem 1.5rem !important;
font-size: 0.875rem !important;
width: auto;
display: inline-block;
background: linear-gradient(135deg, var(--secondary) 0%, #D93D00 100%) !important;
box-shadow: 0 0.25rem 0.75rem rgba(251, 78, 8, 0.25) !important;
border-radius: 0.625rem !important;
font-weight: 700 !important;
letter-spacing: 0.02em;
transition: all 0.3s ease !important;
}
.chollonauta-btn-cta-large:hover {
background: linear-gradient(135deg, #1A73E8 0%, #1557B0 100%) !important;
box-shadow: 0 0.5rem 1.25rem rgba(26, 115, 232, 0.35) !important;
transform: translateY(-0.5rem) scale(1.08) !important;
letter-spacing: 0.05em;
}
.chollonauta-hero-cta {
margin-top: 4rem;
text-align: center;
}
.chollonauta-btn-secondary {
background: #f0f0f0;
color: #333;
border: 0.0625rem solid #ddd;
}
.chollonauta-btn-secondary:hover {
background: #e0e0e0;
color: #0B0F19;
} .chollonauta-hot-badge {
display: inline-block;
background: #e74c3c;
color: white;
padding: 0.375rem 0.625rem;
border-radius: 0.25rem;
font-size: 0.6875rem;
font-weight: 700;
margin-bottom: 0.5rem;
}
.chollonauta-promo-badge {
display: inline-block;
background: #f39c12;
color: white;
padding: 0.375rem 0.625rem;
border-radius: 0.25rem;
font-size: 0.6875rem;
font-weight: 700;
margin-bottom: 0.5rem;
} .chollonauta-icon {
display: inline-block;
width: 2.5rem;
height: 2.5rem;
margin-right: 0.75rem;
color: var(--secondary);
vertical-align: text-bottom;
flex-shrink: 0;
margin-bottom: 0.25rem;
}
.chollonauta-icon-euro {
width: 3rem;
height: 3rem;
margin: 0;
}
.chollonauta-icon-fire {
animation: fire-pulse 2s ease-in-out infinite;
}
.chollonauta-icon-tech,
.chollonauta-icon-informatica,
.chollonauta-icon-home,
.chollonauta-icon-beauty,
.chollonauta-icon-gaming,
.chollonauta-icon-smartphone,
.chollonauta-icon-merch,
.chollonauta-icon-fashion,
.chollonauta-icon-garden,
.chollonauta-icon-pets,
.chollonauta-icon-baby,
.chollonauta-icon-euro,
.chollonauta-icon-search {
transition: transform 0.3s ease;
}
.chollonauta-block-title:hover .chollonauta-icon-tech,
.chollonauta-block-title:hover .chollonauta-icon-informatica,
.chollonauta-block-title:hover .chollonauta-icon-home,
.chollonauta-block-title:hover .chollonauta-icon-beauty,
.chollonauta-block-title:hover .chollonauta-icon-gaming,
.chollonauta-block-title:hover .chollonauta-icon-smartphone,
.chollonauta-block-title:hover .chollonauta-icon-merch,
.chollonauta-block-title:hover .chollonauta-icon-fashion,
.chollonauta-block-title:hover .chollonauta-icon-garden,
.chollonauta-block-title:hover .chollonauta-icon-pets,
.chollonauta-block-title:hover .chollonauta-icon-baby,
.chollonauta-block-title:hover .chollonauta-icon-euro,
.chollonauta-block-title:hover .chollonauta-icon-search {
transform: scale(1.1) rotate(-5deg);
}
.chollonauta-icon-euro {
animation: euro-shine 2s ease-in-out infinite;
display: none;
}
@keyframes euro-shine {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.7;
}
}
@keyframes fire-pulse {
0%, 100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.15) translateY(-0.25rem);
opacity: 0.85;
}
}
@media (max-width: 1024px) { .chollonauta-products-grid-5 {
grid-template-columns: repeat(3, 1fr);
}
}  .chollonauta-category-nav {
background: linear-gradient(135deg, #051234 0%, #0D47A1 50%, #0F223A 100%);
padding: 3rem 5%;
margin-bottom: 2rem;
margin-top: 164px;
scroll-margin-top: 164px;
}
.chollonauta-nav-title {
font-family: 'Orbitron', sans-serif;
font-size: 1.5rem;
font-weight: 600;
color: #FFFFFF;
margin-bottom: 3rem;
text-align: center;
display: block;
}
.chollonauta-category-menu {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
gap: 1.5rem;
margin-bottom: 0;
}
.chollonauta-menu-card {
background: white;
border: 0.125rem solid #e0e0e0;
border-radius: 0.75rem;
padding: 1.5rem 1rem;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.chollonauta-menu-card:hover {
box-shadow: 0 0.5rem 1.5rem rgba(26, 115, 232, 0.3);
border-color: #1A73E8;
transform: translateY(-0.25rem);
background: #F8F9FA;
}
.menu-emoji {
font-size: 2rem;
line-height: 1;
}
.menu-icon {
display: inline-block;
width: 2rem;
height: 2rem;
color: var(--secondary);
}
.menu-icon svg {
width: 100%;
height: 100%;
stroke: currentColor;
}
.menu-name {
font-weight: 600;
font-size: 1rem;
color: #1a1a1a;
}
.menu-count {
font-size: 0.8rem;
color: #999;
} .chollonauta-category-section {
width: 100%;
padding: 4rem 0;
margin: 0;
border-top: 1px solid rgba(26, 115, 232, 0.1);
scroll-margin-top: 164px;
}
.chollonauta-block {
max-width: 1280px;
margin: 0 auto;
display: block;
}
.chollonauta-category-description {
font-size: 1rem;
color: #FFF;
margin-bottom: 2rem;
line-height: 1.6;
} .chollonauta-subcategories {
margin-top: 4rem;
padding-top: 3rem;
border-top: 1px solid #E0E0E0;
} .subcat-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 20;
width: 64px;
height: 64px;
border-radius: 50%;
background: rgba(255,255,255,0.15);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 22px;
font-weight: 700;
transition: background 0.2s ease;
}
.subcat-nav:hover {
background: rgba(255,255,255,0.3);
}
.subcat-prev {left: 2rem;}
.subcat-next {right: 2rem;}
.salud-y-belleza .subcat-nav {
color: var(--color-salud-y-belleza);
}
.informatica .subcat-nav {
color: var(--color-informatica);
}
.smartphones .subcat-nav {
color: var(--color-smartphones);
}
.hogar .subcat-nav {
color: var(--color-hogar);
}
.scrollbar.swiper-scrollbar-horizontal {
left: 0 !important;
width: 45% !important;
}
.informatica .swiper-scrollbar-drag {
background: var(--color-informatica) !important;
}
.supermercado .swiper-scrollbar-drag {
background: var(--color-supermercado);
}
.smartphones .swiper-scrollbar-drag {
background: var(--color-smartphones);
}
.salud-y-belleza .swiper-scrollbar-drag {
background: var(--color-salud-y-belleza);
}
.hogar .swiper-scrollbar-drag {
background: var(--color-hogar);
}
.mascotas .swiper-scrollbar-drag {
background: var(--color-mascotas);
}
.moda .swiper-scrollbar-drag {
background: var(--color-moda);
} .chollonauta-subcategories-swiper {
padding: 10px 0;
margin:0 0 1rem 0;
}
.chollonauta-subcategories-swiper .swiper-slide {
width: auto;
} .chollonauta-pagination {
display: flex;
justify-content: center;
gap: 0.75rem;
margin-top: 3rem;
margin-bottom: 0;
flex-wrap: wrap;
}
.chollonauta-page-link {
color: var(--primary);
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
font-size: 0.875rem; border-radius: 0.375rem;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
}
.chollonauta-page-link:hover {
border-color: #1A73E8;
background: #F0F7FF;
color: var(--primary);
}
.chollonauta-page-link.active {
background: #1A73E8;
color: #FFFFFF;
border-color: #1A73E8;
}
@media (max-width: 900px) {
.chollonauta-products-grid {
grid-template-columns: repeat(2, 1fr);
gap: 0.9375rem;
}
.chollonauta-products-grid-5 {
grid-template-columns: repeat(2, 1fr);
}
.chollonauta-top5-grid {
grid-template-columns: repeat(3, 1fr);
gap: 0.9375rem;
}
.chollonauta-block-title {
font-size: 1.75rem;
}
.chollonauta-block {
padding: 0 2%;
}
.subcat-prev {left: 1rem;}
.subcat-next {right: 1rem;}
}
@media (max-width: 600px) {
.subcat-prev {left: .75rem;}
.subcat-next {right: .75rem;}
}
@media (max-width: 480px) {
.chollonauta-section {padding: 3rem 0;}
.chollonauta-icon {display:none;}
.chollonauta-product-title {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden; }
.chollonauta-products-grid-5 {
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
}
.chollonauta-top5-grid {
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
}
.chollonauta-categories-grid {
grid-template-columns: repeat(auto-fit, minmax(8.75rem, 1fr));
gap: 0.9375rem;
}
.chollonauta-category-menu {
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
.chollonauta-category-description {
max-width: 100%;
}
}
@media (max-width: 420px) {
.chollonauta-products-grid {
grid-template-columns: repeat(1, 1fr);
}
.chollonauta-products-grid-5 {
grid-template-columns: repeat(1, 1fr);
}
.chollonauta-top5-grid {
grid-template-columns: repeat(1, 1fr);
}
.chollonauta-category-menu {
grid-template-columns: repeat(1, 1fr);
gap: 1rem;
}
} .chollonauta-scroll-to-top {
position: fixed;
bottom: 2rem;
right: 2rem;
width: 3rem;
height: 3rem;
background: linear-gradient(135deg, var(--secondary) 0%, #D93D00 100%);
color: white;
border: none;
border-radius: 50%;
cursor: pointer;
font-size: 1.5rem;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
box-shadow: 0 0.5rem 1.5rem rgba(251, 78, 8, 0.4);
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
}
.chollonauta-scroll-to-top.show {
opacity: 1;
visibility: visible;
}
.chollonauta-scroll-to-top:hover {
transform: translateY(-4px);
box-shadow: 0 0.75rem 2rem rgba(251, 78, 8, 0.5);
}
.chollonauta-scroll-to-top:active {
transform: translateY(-2px);
}
@media (max-width: 768px) {
.chollonauta-scroll-to-top {
bottom: 1rem;
right: 1rem;
width: 2.5rem;
height: 2.5rem;
font-size: 1.2rem;
}
} .legal-page-container {
background: #0B0F19;
min-height: 100vh;
padding: 4rem 2rem;
}
.legal-page-article {
max-width: 1200px;
margin: 0 auto;
color: #FFFFFF;
margin: 2rem auto;
}
.legal-page-article h1,
.legal-page-article h2,
.legal-page-article h3 {
padding: 1.5rem 0;
}
.legal-page-content {
font-size: 0.95rem;
line-height: 1.8;
color: #A0AEC0;
}   .chollonauta-page-content {
max-width: 900px;
margin: 0 auto;
padding: 2rem 1.5rem;
color: var(--text-primary);
}
.page-section {
margin-bottom: 3rem;
line-height: 1.8;
}
.page-section:first-child {
margin-top: 0;
}
.page-section h2 {
font-family: 'Orbitron', sans-serif !important;
font-size: 2.5rem;
font-weight: 800;
color: var(--text-primary);
margin-bottom: 1.5rem;
text-transform: uppercase;
letter-spacing: 0.05em;
background: linear-gradient(135deg, var(--primary), var(--secondary));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.page-section h3 {
font-family: 'Orbitron', sans-serif !important;
font-size: 1.5rem;
font-weight: 700;
color: var(--secondary);
margin-bottom: 1rem;
margin-top: 1.5rem;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.page-section p {
font-size: 1rem;
line-height: 1.8;
color: var(--text-secondary);
margin-bottom: 1rem;
}
.page-section a {
color: var(--secondary);
text-decoration: none;
font-weight: 600;
border-bottom: 2px solid var(--secondary);
padding-bottom: 0.25rem;
transition: all 0.3s ease;
}
.page-section a:hover {
color: var(--secondary-light);
border-bottom-color: var(--secondary-light);
}
.page-list {
list-style: none;
margin: 1.5rem 0;
padding: 0;
}
.page-list li {
margin-bottom: 1rem;
padding-left: 2rem;
position: relative;
color: var(--text-secondary);
line-height: 1.8;
}
.page-list li::before {
content: '✓';
position: absolute;
left: 0;
color: var(--secondary);
font-weight: 700;
font-size: 1.2rem;
}
.page-list strong {
color: var(--text-primary);
font-weight: 700;
}
.last-updated {
font-size: 0.85rem;
color: var(--text-secondary);
font-style: italic;
margin-top: -0.5rem;
margin-bottom: 2rem;
}
.page-table {
width: 100%;
border-collapse: collapse;
margin: 1.5rem 0;
border: 1px solid rgba(26, 115, 232, 0.2);
border-radius: 0.5rem;
overflow: hidden;
}
.page-table thead {
background: rgba(26, 115, 232, 0.1);
}
.page-table th {
padding: 1rem;
text-align: left;
color: var(--secondary);
font-weight: 700;
font-family: 'Orbitron', sans-serif !important;
text-transform: uppercase;
font-size: 0.85rem;
letter-spacing: 0.05em;
border-bottom: 2px solid var(--secondary);
}
.page-table td {
padding: 0.875rem 1rem;
border-bottom: 1px solid rgba(26, 115, 232, 0.1);
color: var(--text-secondary);
}
.page-table tr:hover {
background: rgba(26, 115, 232, 0.05);
}
.cta-section {
background: linear-gradient(135deg, rgba(26, 115, 232, 0.1), rgba(251, 78, 8, 0.1));
border: 2px solid var(--secondary);
border-radius: 1rem;
padding: 2rem;
text-align: center;
margin: 3rem 0;
}
.cta-button {
display: inline-block;
background: linear-gradient(135deg, var(--secondary), var(--secondary-light));
color: #fff !important;
padding: 0.875rem 2rem;
border-radius: 0.5rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
border: none !important;
margin-top: 1rem;
transition: all 0.3s ease;
cursor: pointer;
}
.cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 0.5rem 1rem rgba(251, 78, 8, 0.3);
color: #fff !important;
} .chollonauta-sobre-categories {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
.chollonauta-sobre-category {
background: rgba(251, 78, 8, 0.05);
border: 2px solid rgba(251, 78, 8, 0.15);
border-radius: 0.75rem;
padding: 1.5rem;
text-align: center;
transition: all 0.3s ease;
}
.chollonauta-sobre-category:hover {
border-color: var(--secondary);
background: rgba(251, 78, 8, 0.1);
transform: translateY(-4px);
box-shadow: 0 0.5rem 1rem rgba(251, 78, 8, 0.15);
}
.chollonauta-sobre-category-icon {
width: 3rem;
height: 3rem;
margin: 0 auto 1rem;
display: block;
color: var(--secondary);
stroke: var(--secondary);
}
.chollonauta-sobre-category h4 {
color: var(--secondary);
font-size: 1.25rem;
margin: 0.75rem 0 0.5rem;
font-weight: 700;
}
.chollonauta-sobre-category p {
color: var(--text-secondary);
font-size: 0.95rem;
margin: 0;
line-height: 1.4;
}
@media (max-width: 1440px) {
.chollonauta-subcategories-section .chollonauta-block {padding: 0 4%;}
.subcat-nav {
width: 48px;
height: 48px;
}
}
@media (max-width: 1360px) {
.chollonauta-block {padding: 0 5%;}
.chollonauta-subcategories-section .chollonauta-block {padding: 0 6%;}
#featured-products {padding: 0 0 4rem 5%;}
#hot-products {background-size: cover;}
}
@media (max-width: 1280px) {}
@media (max-width: 1200px) {
.chollonauta-section {padding: 2rem 2%;}
.chollonauta-block-subtitle {font-size: 1rem;}
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
.chollonauta-sobre-categories {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 1rem;
}
.chollonauta-sobre-category-icon {
width: 2.5rem;
height: 2.5rem;
}
.chollonauta-sobre-category h4 {
font-size: 1.1rem;
}
.chollonauta-sobre-category p {
font-size: 0.9rem;
}
.chollonauta-page-content {
padding: 1.5rem 1rem;
}
.page-section h2 {
font-size: 1.75rem;
}
.page-section h3 {
font-size: 1.2rem;
}
.page-section p {
font-size: 0.95rem;
}
.page-list li {
padding-left: 1.75rem;
}
.cta-section {
padding: 1.5rem 1rem;
}
.page-table {
font-size: 0.9rem;
}
.page-table th,
.page-table td {
padding: 0.75rem 0.5rem;
}
.chollonauta-category-h1 {
font-size: 1.5rem;
}
.chollonauta-subcategories-grid {
grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
gap: 0.75rem;
}
.subcategory-emoji {
font-size: 1.5rem;
}
.subcategory-name {
font-size: 0.85rem;
}
#hot-products {
padding: 2rem 0;
}
#hot-products .chollonauta-block {
padding-right: 0;
}
}
@media (max-width: 600px) {}
@media (max-width: 480px) {
}
@media (max-width: 360px) {
} .cn-search-modal {
display: none;
position: fixed;
inset: 0;
z-index: 9999;
align-items: flex-start;
justify-content: center;
}
.cn-search-modal.is-open {
display: flex;
}
.site-logo {display: none;}
.cn-search-overlay {
position: absolute;
inset: 0;
background: rgba(5, 18, 52, 0.85);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
}
.cn-search-dialog {
position: relative;
z-index: 1;
width: 100%;
max-width: 1024px;
max-height: 90vh;
margin-top: 5vh;
background: #0F223A;
border: 1px solid #2A3142;
border-radius: 1rem;
display: flex;
flex-direction: column;
overflow: hidden;
box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.5);
animation: cnSearchSlideIn 0.2s ease-out;
}
@keyframes cnSearchSlideIn {
from {
opacity: 0;
transform: translateY(-1.5rem);
}
to {
opacity: 1;
transform: translateY(0);
}
} .cn-search-header {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 1rem 1.25rem;
border-bottom: 1px solid #2A3142;
}
.cn-search-icon {
width: 1.25rem;
height: 1.25rem;
flex-shrink: 0;
color: #A0AEC0;
}
.cn-search-input {
flex: 1;
background: transparent;
border: none;
outline: none;
font-size: 1.1rem;
color: #FFFFFF;
font-family: inherit;
}
.cn-search-input::placeholder {
color: #A0AEC0;
}
.cn-search-close {
background: none;
border: none;
cursor: pointer;
padding: 0.25rem;
border-radius: 0.375rem;
color: #A0AEC0;
transition: color 0.2s, background 0.2s;
display: flex;
align-items: center;
justify-content: center;
}
.cn-search-close svg {
width: 1.25rem;
height: 1.25rem;
}
.cn-search-close:hover {
color: #FFFFFF;
background: rgba(255, 255, 255, 0.1);
} .cn-search-filters {
display: flex;
align-items: center;
gap: 1rem;
padding: 0.625rem 1.25rem;
border-bottom: 1px solid #2A3142;
font-size: 0.85rem;
color: #A0AEC0;
}
.cn-search-filter-group {
display: flex;
align-items: center;
gap: 0.4rem;
}
.cn-search-filter-group label {
white-space: nowrap;
font-size: 0.8rem;
}
.cn-search-filter-group select {
background: #1A1F2E;
color: #FFFFFF;
border: 1px solid #2A3142;
border-radius: 0.375rem;
padding: 0.3rem 0.6rem;
font-size: 0.85rem;
cursor: pointer;
max-width: 220px;
}
.cn-search-filter-group select:focus {
outline: none;
border-color: #FB4E08;
}
#cn-sort-select {
background: var(--background);
font-size: 0.9375rem;
padding: .25rem 0.5rem;
color: #FFF;
border-radius: 5px;
} .cn-search-body {
flex: 1;
overflow-y: auto;
padding: 1rem 1.25rem;
min-height: 12rem;
}
.cn-search-sort {
padding: 1rem 1.25rem;
} .cn-search-placeholder {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 3rem 1rem;
color: #A0AEC0;
}
.cn-search-placeholder-icon {
width: 3rem;
height: 3rem;
margin-bottom: 1rem;
opacity: 0.4;
}
.cn-search-placeholder p {
margin: 0;
font-size: 0.95rem;
} .cn-search-loading {
display: flex;
align-items: center;
justify-content: center;
padding: 3rem;
}
.cn-spinner {
width: 2rem;
height: 2rem;
border: 3px solid #2A3142;
border-top-color: #FB4E08;
border-radius: 50%;
animation: cnSpin 0.7s linear infinite;
}
@keyframes cnSpin {
to { transform: rotate(360deg); }
} .cn-search-empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 3rem 1rem;
color: #A0AEC0;
text-align: center;
}
.cn-search-empty-icon {
width: 3rem;
height: 3rem;
margin-bottom: 1rem;
opacity: 0.4;
}
.cn-search-empty p {
margin: 0;
font-size: 0.95rem;
} .cn-search-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
} .cn-search-grid .chollonauta-product-card {
height: 100%;
background: #FFF;
}
.cn-search-grid .chollonauta-product-image {
height: 10rem;
}
.cn-search-grid .chollonauta-product-title {
font-size: 0.85rem;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
color:var(--background);
}
.cn-search-grid .chollonauta-product-store {
color:#999;
}
.cn-search-grid .chollonauta-price-current {
font-size: 1.2rem;
}
.cn-search-grid .chollonauta-product-rating {
font-size: 0.7rem;
} .cn-search-pagination {
padding: 0.75rem 1.25rem;
border-top: 1px solid #2A3142;
}
.cn-search-pagination .chollonauta-page-link {
cursor: pointer;
-webkit-user-select: none;
user-select: none;
}
.cn-search-pagination .chollonauta-page-link:hover {
background: rgba(26, 115, 232, 0.15);
}
.cn-search-pagination .chollonauta-page-link.active {
background: #FB4E08;
color: #fff;
} @media (max-width: 768px) {
.cn-search-dialog {
max-width: 100%;
margin-top: 0;
max-height: 100vh;
border-radius: 0;
height: 100vh;
}
.cn-search-overlay {
display: none;
}
.cn-search-grid {
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
}
.cn-search-filters {
flex-wrap: wrap;
gap: 0.5rem;
padding: 0.5rem 1rem;
}
.cn-search-filter-group select {
max-width: 160px;
}
}
@media (max-width: 480px) {
.cn-search-grid {
grid-template-columns: repeat(2, 1fr);
gap: 0.5rem;
}
.cn-search-body,.cn-search-sort {
padding: 0.75rem;
}
.cn-search-grid .chollonauta-product-image {
height: 8rem;
}
} .page-id-118 .site-content,
.page-id-801 .site-content,
.page-id-117 .site-content {
background: var(--background) !important;
}
.page-id-118 .inside-article,
.page-id-801 .inside-article,
.page-id-117 .inside-article {
background: transparent !important;
padding: 0 !important;
max-width: 100% !important;
}
.page-id-118 #primary,
.page-id-801 #primary,
.page-id-117 #primary {
width: 100% !important;
}
.page-id-118 #right-sidebar,
.page-id-801 #right-sidebar,
.page-id-117 #right-sidebar {
display: none !important;
}
.page-id-118 .site-content,
.page-id-801 .site-content,
.page-id-117 .site-content {
display: block !important;
}:root { --font-heading: 'Orbitron', sans-serif;
--font-body: 'Inter', sans-serif; --color-primary: #1A73E8; --color-primary-hover: #1557B0;
--color-accent: #FF7A00; --color-accent-hover: #E56B00;
--color-bg-dark: #0B0F19; --color-bg-card: #1A1F2E; --color-border: #2A3142;
--color-text-white: #FFFFFF;
--color-text-secondary: #A0AEC0;
--color-ui-light: #E5E7EB; --primary: #1A73E8;
--secondary: #FB4E08;
--secondary-light: #FFC300;
--background: #051234;
--surface: #0F223A;
--text-primary: #FFFFFF;
--text-secondary: #B8C7D9;
--price-old: #60A5FA;
--line: #FFFFFF;  --color-smartphones: #FF8A26;
--color-smartphones-light: #FFE8D0;
--color-smartphones-accent: #CC6E1F; --color-informatica: #0EA5E9;
--color-informatica-light: #BAE6FD;
--color-informatica-accent: #0284C7; --color-salud-y-belleza: #A78BFA;
--color-salud-y-belleza-light: #DCCEF8;
--color-salud-y-belleza-accent: #7C5CE0; --color-hogar: #A8D8A8;
--color-hogar-light: #DFF2DF;
--color-hogar-accent: #7CBF7C; --color-mascotas: #FF8C3F;
--color-mascotas-light: #DFF4E2;
--color-mascotas-accent: #949E51; --color-moda: #7BCDD0;          
--color-moda-light: #D8F2F3;    
--color-moda-accent: #4FB5B9; --color-jardin:#E2C15A; --color-jardin-light: #F4EAC2; --color-jardin-accent: #BFAE6B; --color-jardin-contrast: #FFF8E1;  --color-infantil: #A7C7FF; --color-infantil-light: #FDECF6; --color-infantil-accent: #8FB3FF; --color-infantil-pink-accent: #F4A3C0;  --color-supermercado: #F7EFAE;          
--color-supermercado-light: #C8F7C5;   
--color-supermercado-secondary: #3D9C37;    
--color-supermercado-accent: #3AB6F4;
}