html{scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}body:not(.elementor-page) :where(.wp-site-blocks)>:first-of-type{margin-block-start:0}body:not(.elementor-page) .entry-content.wp-block-post-content:has(.hostinger-ai-contact-form-4){margin-block-start:0}body:not(.elementor-page) .wp-block-post-content>:last-child:not(.hostinger-ai-solid-block):not(.has-color-1-background-color):not(.has-color-2-background-color):not(.hostinger-ai-background-image){margin-block-end:var(--wp--style--block-gap)}.hostinger-ai-menu-wrapper{grid-template-columns:25fr 75fr}.hostinger-ai-menu{background-color:var(--wp--preset--color--base,var(--wp--preset--color--color-1,#fff));box-shadow:0 1px 3px rgba(0,0,0,.1);left:0!important;position:fixed!important;right:0!important;top:0!important;width:100%!important;z-index:500!important}.logged-in.admin-bar .hostinger-ai-menu{top:32px!important}body.hostinger-ai-builder-elementor,body.hostinger-ai-builder-gutenberg{padding-top:75px}body.hostinger-ai-builder-elementor nav .current-menu-item,body.hostinger-ai-builder-gutenberg nav .current-menu-item{border-bottom:1px solid #000}footer .is-layout-flow>*{margin-block-start:20px}body .wp-block-navigation-item .wp-block-navigation-item__content,body .wp-element-button{cursor:pointer}.wp-block-group.logo-wrapper{gap:15px}.hostinger-ai-font-bold,.hostinger-ai-site-title a{font-weight:700}.hostinger-ai-site-navigation a,.hostinger-ai-site-title a{text-decoration:none}.hostinger-ai-site-navigation a:hover,.hostinger-ai-site-title a:hover{border-bottom:1px solid #000}.hostinger-ai-site-navigation .current-menu-item a:hover,.hostinger-ai-site-title .current-menu-item a:hover{border-bottom:none}body .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{box-shadow:none;opacity:1}.wp-block-group.has-color-1-background-color+.entry-content,.wp-block-group.has-color-1-background-color+.hostinger-ai-travel-destination-list-2,.wp-block-group.has-color-1-background-color+.wp-block-group.has-color-1-background-color,.wp-block-group.has-color-1-background-color+.wp-block-group.has-color-2-background-color,.wp-block-group.has-color-1-background-color+.wp-block-group.hostinger-ai-background-image,.wp-block-group.has-color-2-background-color+.entry-content,.wp-block-group.has-color-2-background-color+.hostinger-ai-travel-destination-list-2,.wp-block-group.has-color-2-background-color+.wp-block-group.has-color-1-background-color,.wp-block-group.has-color-2-background-color+.wp-block-group.has-color-2-background-color,.wp-block-group.has-color-2-background-color+.wp-block-group.hostinger-ai-background-image,.wp-block-group.has-gradient-one-gradient-background+.entry-content,.wp-block-group.has-gradient-one-gradient-background+.hostinger-ai-travel-destination-list-2,.wp-block-group.has-gradient-one-gradient-background+.wp-block-group.has-color-1-background-color,.wp-block-group.has-gradient-one-gradient-background+.wp-block-group.has-color-2-background-color,.wp-block-group.has-gradient-one-gradient-background+.wp-block-group.hostinger-ai-background-image,.wp-block-group.hostinger-ai-background-image+.entry-content,.wp-block-group.hostinger-ai-background-image+.hostinger-ai-travel-destination-list-2,.wp-block-group.hostinger-ai-background-image+.wp-block-group.has-color-1-background-color,.wp-block-group.hostinger-ai-background-image+.wp-block-group.has-color-2-background-color,.wp-block-group.hostinger-ai-background-image+.wp-block-group.hostinger-ai-background-image,.wp-block-group.hostinger-ai-solid-block+.entry-content,.wp-block-group.hostinger-ai-solid-block+.hostinger-ai-travel-destination-list-2,.wp-block-group.hostinger-ai-solid-block+.wp-block-group.has-color-1-background-color,.wp-block-group.hostinger-ai-solid-block+.wp-block-group.has-color-2-background-color,.wp-block-group.hostinger-ai-solid-block+.wp-block-group.hostinger-ai-background-image{margin-block-start:0}.wp-block-button__link,body .wp-element-button{font-weight:400}.woocommerce-shop main{padding:2.5rem 0}.woocommerce.wc-block-catalog-sorting select.orderby{min-height:30px}.hostinger-product-list ul.products li.product a img,.woocommerce-shop main .wp-block-woocommerce-product-image{border-radius:16px}.hostinger-product-list a.added_to_cart{margin:1em 0 0 5px}.hostinger-ai-background-image{background-attachment:fixed;background-repeat:no-repeat}@media (max-width:768px){.wp-block-site-logo{min-width:80px}}@media (max-width:800px){.hostinger-ai-site-navigation-wrapper div[data-block-name="woocommerce/customer-account"]{order:1}.hostinger-ai-site-navigation-wrapper div[data-block-name="woocommerce/mini-cart"]{order:2}.hostinger-ai-site-navigation-wrapper .hostinger-ai-site-navigation{order:3}}.elementor-page main,.elementor-page main .entry-content{margin-block-start:0}.elementor-page main .has-global-padding{padding-left:0;padding-right:0}.elementor-page main .is-layout-constrained>:where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left:0;margin-right:0;max-width:100%}.elementor-page footer{margin-block-start:0}.elementor-page .elementor-widget-text-editor p:first-child{margin-top:0!important}.hostinger-blog-posts-widget{width:100%}.hostinger-blog-posts-widget .blog-posts-title{margin-bottom:2rem}.hostinger-blog-posts-widget .blog-posts-grid{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.hostinger-blog-posts-widget .blog-posts-grid{grid-template-columns:1fr}}.hostinger-blog-posts-widget .blog-post-item{display:flex;flex-direction:column}.hostinger-blog-posts-widget .post-thumbnail{border-radius:20px;margin-bottom:1rem;overflow:hidden}.hostinger-blog-posts-widget .post-thumbnail a{display:block}.hostinger-blog-posts-widget .post-thumbnail img{border-radius:20px;display:block;height:300px;-o-object-fit:cover;object-fit:cover;width:100%}.hostinger-blog-posts-widget .post-title{margin-bottom:0;margin-top:1rem}.hostinger-blog-posts-widget .post-title a{color:inherit;text-decoration:none}.hostinger-blog-posts-widget .post-title a:hover{opacity:.8}.hostinger-blog-posts-widget .post-excerpt{margin-bottom:0;margin-top:1rem}.hostinger-blog-posts-widget .post-date{margin-top:1rem;opacity:.7}@media (max-width:781px){.hostinger-ai-menu-block .hide-on-mobile{display:none}}@media (max-width:768px){body.hostinger-ai-woocommerce-active .wp-block-navigation__responsive-container-open:not(.always-shown){display:flex!important}body.hostinger-ai-woocommerce-active .wp-block-navigation__responsive-container.hidden-by-default:not(.is-menu-open),body.hostinger-ai-woocommerce-active .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){display:none!important}}.wp-block-navigation__responsive-container.is-menu-open{background-color:var(--wp--preset--color--base,var(--wp--preset--color--light,#fff))!important}.wp-block-navigation__responsive-container.is-menu-open,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon{color:var(--wp--preset--color--contrast,var(--wp--preset--color--dark,#000))!important}.hostinger-ai-hero-opacity{position:relative}.hostinger-ai-hero-opacity:after{background:rgba(0,0,0,.6);bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}.hostinger-ai-hero-opacity>.wp-block-group{position:relative;z-index:2}@media (max-width:850px){.hostinger-ai-hero-1 .wp-block-group-is-layout-grid{grid-template-columns:repeat(1,minmax(0,1fr));text-align:center}}.hostinger-ai-hero-for-online-store-1 h1.wp-block-heading{max-width:450px}.hostinger-ai-hero-for-online-store-1 .hero-item-wrap{gap:15px}.hostinger-ai-hero-for-online-store-1 .hero-item-wrap .hero-item{gap:0}.hostinger-ai-hero-for-online-store-1 .hero-item-wrap .hero-item .wp-block-group:first-of-type{gap:10px}.hostinger-ai-hero-for-online-store-2{background-attachment:fixed;background-repeat:no-repeat}.hostinger-ai-hero-for-online-store-2>.wp-block-group{position:relative}.hostinger-ai-hero-for-online-store-2>.wp-block-group:after,.hostinger-ai-hero-for-online-store-2>.wp-block-group:before{background:#fff;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:270px}.hostinger-ai-hero-for-online-store-2>.wp-block-group:before{top:60px}.hostinger-ai-hero-for-online-store-2>.wp-block-group:after{bottom:60px}.hostinger-ai-hero-for-online-store-3 hr{border-top:4px solid;max-width:200px}.hostinger-ai-hero-for-online-store-5>.wp-block-columns{gap:0}@media (max-width:850px){.hostinger-ai-about-us-2 .wp-block-group-is-layout-grid{grid-template-columns:repeat(1,minmax(0,1fr));text-align:center}}@media (max-width:940px){.hostinger-ai-about-us-3 .wp-block-group-is-layout-grid{grid-template-columns:repeat(1,minmax(0,1fr));text-align:center}}.hostinger-ai-about-us-3 .hostinger-ai-image:nth-child(2){padding-top:30px}.hostinger-ai-about-us-4 .image-row{flex-wrap:nowrap}@media (max-width:767px){.hostinger-ai-about-us-4 .image-row{flex-wrap:wrap}}.hostinger-ai-gallery-1 .wp-block-group-is-layout-flex,.hostinger-ai-gallery-2 .wp-block-group-is-layout-flex{gap:10px;margin-block-start:10px}@media (max-width:600px){.hostinger-ai-gallery-2 .wp-block-group-is-layout-flex{flex-wrap:wrap}.hostinger-ai-gallery-2 .wp-block-group-is-layout-flex figure{flex:calc(50% - 5px)}}.hostinger-ai-gallery-3 .wp-block-group-is-layout-flex{gap:10px;margin-block-start:10px}@media (max-width:767px){.hostinger-ai-gallery-3 .wp-block-group-is-layout-flex{flex-wrap:wrap}.hostinger-ai-gallery-3 .wp-block-group-is-layout-flex figure{flex:calc(50% - 5px)}.hostinger-ai-gallery-3 .wp-block-group-is-layout-flex figure:first-of-type,.hostinger-ai-gallery-3 .wp-block-group-is-layout-flex figure:nth-child(3){text-align:right}}.hostinger-ai-gallery-4 .wp-block-columns{gap:15px;margin-block-start:15px}.hostinger-ai-gallery-5 .wp-block-columns{gap:15px;margin-block-start:0}.hostinger-ai-gallery-5 .wp-block-columns .wp-block-column>.wp-block-group{gap:15px}.hostinger-ai-gallery-6 .wp-block-columns{gap:15px;margin-block-start:0}.hostinger-ai-gallery-6 .wp-block-columns .wp-block-column>.wp-block-group{gap:15px}.hostinger-ai-gallery-6 .hostinger-index-28{margin-block-start:15px}.hostinger-ai-gallery-7 .hostinger-index-30 img{max-height:545px}.hostinger-ai-gallery-7 .wp-block-columns{gap:15px;margin-block-start:15px}.hostinger-ai-gallery-7 .wp-block-columns .wp-block-column>.wp-block-group,.hostinger-ai-gallery-8 .wp-block-columns{gap:15px}.hostinger-ai-gallery-8 figure{margin-block-start:15px}.hostinger-ai-gallery-8 .hostinger-index-38{margin-top:100px}@media (max-width:781px){.hostinger-ai-gallery-8 .hostinger-index-38{margin-top:0}}.hostinger-ai-our-location-2 .our-location-column{display:flex;flex-direction:column;justify-content:center}.hostinger-ai-our-services-2+.wp-block-group.alignfull{margin-block-start:0;padding-top:40px}.hostinger-ai-our-services-4 .image-row{flex-wrap:nowrap}@media (max-width:767px){.hostinger-ai-our-services-4 .image-row{flex-wrap:wrap}}@media (max-width:800px){.hostinger-ai-our-projects-2 .project-item{grid-template-columns:repeat(1,minmax(0,1fr))}.hostinger-ai-our-projects-2 .project-item-content{padding:0!important}.hostinger-ai-our-projects-3 .project-item{grid-template-columns:repeat(1,minmax(0,1fr))}.hostinger-ai-our-projects-3 .project-item-content{padding:0!important}}@media (max-width:781px){.hostinger-ai-our-projects-4 .project-item{padding-top:0!important}.hostinger-ai-our-projects-4 .project-column{margin-top:40px!important}}.hostinger-ai-our-blog-1 a{text-decoration:none}.hostinger-ai-builder-gutenberg .hostinger-ai-customer-reviews-3 img{min-width:180px}.hostinger-ai-builder-gutenberg .hostinger-ai-customer-reviews-4.hostinger-ai-hero-opacity:after{background:rgba(0,0,0,.8)}.hostinger-ai-product-category-2>.wp-block-columns,.hostinger-ai-product-category-4>.wp-block-columns{gap:15px}.hostinger-ai-product-category-3>.wp-block-columns{gap:0;margin-block-start:0}.hostinger-ai-product-category-5 .wp-block-group,.hostinger-ai-real-estate-1 .wp-block-columns{gap:15px}.hostinger-ai-real-estate-1 .wp-block-columns .wp-block-column{max-width:357px}.hostinger-ai-real-estate-2 .wp-block-columns{gap:0}.entry-content>:first-child.hostinger-ai-ticket-list-1{margin-bottom:0;margin-top:-40px}.hostinger-ai-ticket-list-1 .wp-block-columns{gap:15px}.hostinger-ai-ticket-list-1 .wp-block-columns .wp-block-column{max-width:357px}.hostinger-ai-hotel-room-list-1 .wp-block-columns,.hostinger-ai-hotel-room-list-1 .wp-container-core-group-is-layout-fe9cc265,.hostinger-ai-hotel-room-list-2 .wp-block-columns,.hostinger-ai-hotel-room-list-2 .wp-container-core-group-is-layout-fe9cc265,.hostinger-ai-hotel-room-list-3 .wp-block-columns,.hostinger-ai-hotel-room-list-3 .wp-block-group.wp-block-group-is-layout-flex{gap:15px}.entry-content>:first-child.hostinger-ai-travel-destination-list-1{margin-bottom:0;margin-top:-40px}.hostinger-ai-travel-destination-list-1 .wp-block-columns{gap:15px}.hostinger-ai-travel-destination-list-1 .wp-block-columns .wp-block-column{max-width:357px}.hostinger-ai-travel-destination-list-2 .wp-block-columns{gap:0}.hostinger-elementor-contact-form .hts-contact-form{margin:0 auto;max-width:600px}.hostinger-elementor-contact-form .validate-message{position:static}.hostinger-elementor-contact-form .contact-form-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.hostinger-elementor-contact-form .contact-form-description{line-height:1.6;margin-bottom:2rem;text-align:center}.hostinger-elementor-contact-form .elementor-hts-contact-details form{display:flex;flex-direction:column;position:relative;width:100%}.hostinger-elementor-contact-form .elementor-hts-contact-details form label{font-size:14px;font-weight:600;line-height:160%}.hostinger-elementor-contact-form .elementor-hts-contact-details form input,.hostinger-elementor-contact-form .elementor-hts-contact-details form textarea{background-color:#fff;border:1px solid #dadce0;border-radius:8px;font-size:16px;line-height:160%;margin:16px 0 24px;padding:12px 16px}.hostinger-elementor-contact-form .elementor-hts-contact-details form input[type=submit]{align-self:flex-start;border-radius:28px;cursor:pointer;display:flex;padding:16px 40px;transition:.3s}.hostinger-elementor-contact-form .elementor-hts-contact-details form input[type=submit]:disabled{background-color:#ccc!important;cursor:not-allowed;opacity:.6}.hostinger-elementor-contact-form .elementor-hts-contact-details form input[type=submit].loading{cursor:not-allowed;position:relative}.hostinger-elementor-contact-form .elementor-hts-contact-details form input[type=submit].loading:after{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:#fff;content:"";height:16px;margin:auto;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:16px}.hostinger-elementor-contact-form .elementor-hts-contact-details form .contact-email.not-valid{border:1px solid red}.hostinger-elementor-contact-form .elementor-hts-contact-details form .contact-email.not-valid:focus{outline:none}.hostinger-elementor-contact-form .elementor-hts-contact-details form .hts-privacy-agree{align-items:center;display:flex;margin-top:5px}.hostinger-elementor-contact-form .elementor-hts-contact-details form .hts-privacy-agree input{margin:10px 0;min-width:15px}.hostinger-elementor-contact-form .elementor-hts-contact-details form .hts-privacy-agree span{font-weight:400}.hostinger-elementor-contact-form .elementor-hts-contact-details form .hts-privacy-agree span a{font-weight:600}.hostinger-elementor-contact-form .elementor-hts-contact-details form .hts-privacy-agree span{margin-left:8px}@keyframes spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}
/* ============================================
MEJORAS DE PRESENTACIÓN PARA VIAJESCHICPERU
(No modifica colores de fondo, logos ni menús)
============================================ */
/* Grid de tarjetas para los artículos (Travel Stories) */
.posts-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
/* Tarjetas de artículo */
article,
.post-item {
background: #fff;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
article:hover,
.post-item:hover {
transform: translateY(-6px);
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.12);
}
/* Imágenes dentro de artículos */
article img,
.post-item img {
width: 100%;
height: 220px;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
article:hover img,
.post-item:hover img {
transform: scale(1.03);
}
/* Contenido de la tarjeta */
.post-content,
article .post-content {
padding: 1.5rem;
}
/* Títulos de los posts */
article h3,
.post-content h3 {
margin: 0 0 0.5rem;
font-size: 1.4rem;
}
article h3 a,
.post-content h3 a {
text-decoration: none;
color: inherit;
transition: color 0.2s;
}
article h3 a:hover,
.post-content h3 a:hover {
color: #c49a6c; /* Un dorado neutro, pero se adaptará a tu color primario si quieres */
}
/* Extracto del post */
.post-excerpt,
article p {
font-size: 0.9rem;
line-height: 1.5;
color: #555;
margin-top: 0.5rem;
}
/* Botón "Start Now" y "Start" - más atractivo */
a[href*="hello-world"] {
display: inline-block;
padding: 12px 28px;
border-radius: 40px;
background: #c49a6c; /* Color neutro chic, cámbialo por el tuyo si quieres */
color: #fff !important;
text-decoration: none;
font-weight: 600;
transition: all 0.3s;
margin: 1rem 0;
border: none;
cursor: pointer;
}
a[href*="hello-world"]:hover {
transform: translateY(-2px);
filter: brightness(1.05);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
}
/* Mejora para los tips de viaje (imagen + texto) */
div:has(> img[src*="unsplash"]) {
background: rgba(255, 255, 255, 0.9);
border-radius: 20px;
padding: 1rem;
margin-bottom: 1.5rem;
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.05);
transition: all 0.2s;
}
div:has(> img[src*="unsplash"]):hover {
transform: translateY(-3px);
box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}
div:has(> img[src*="unsplash"]) img {
border-radius: 16px;
width: 100%;
height: 180px;
object-fit: cover;
}
/* Slider Smart Slider 3 - redondeado y con sombra */
[smartslider3],
.n2-section-smartslider {
border-radius: 28px;
overflow: hidden;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
margin: 2rem 0;
}
/* Títulos h2 con detalle elegante (sin cambiar colores) */
h2 {
position: relative;
display: inline-block;
margin-top: 2rem;
margin-bottom: 1rem;
}
h2:after {
content: '';
display: block;
width: 60px;
height: 3px;
background: currentColor;
margin-top: 8px;
border-radius: 3px;
opacity: 0.6;
}
/* Mejora para el párrafo dentro de Stay Inspired */
h2 + p,
h2:has(+ p) {
max-width: 600px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
/* Responsive */
@media (max-width: 768px) {
.posts-grid {
grid-template-columns: 1fr;
gap: 1.5rem;
}
article img,
.post-item img {
height: 180px;
}
h1 {
font-size: 2.2rem;
}
a[href*="hello-world"] {
padding: 10px 22px;
}
}
/*fondito Main y post*/
body {
position: relative;
background: linear-gradient(135deg, #fff1f5 0%, #fde2f3 40%, #f3e8ff 100%);
overflow-x: hidden;
}
/* ✨ CAPA DE TEXTURA SUAVE */
body::before {
content: "";
position: fixed;
inset: 0;
z-index: -2;
background-image:
radial-gradient(circle at 20% 30%, rgba(255, 182, 193, 0.15) 0%, transparent 40%),
radial-gradient(circle at 80% 70%, rgba(216, 180, 254, 0.15) 0%, transparent 40%);
pointer-events: none;
}
/* 🔮 EFECTO GLOW ANIMADO */
body::after {
content: "";
position: fixed;
width: 600px;
height: 600px;
top: 20%;
left: 50%;
transform: translateX(-50%);
z-index: -1;
background: radial-gradient(circle, rgba(255, 105, 180, 0.15), transparent 70%);
filter: blur(120px);
animation: floatGlow 12s ease-in-out infinite alternate;
}
/* 🎬 ANIMACIÓN SUAVE */
@keyframes floatGlow {
0% {
transform: translate(-50%, 0px) scale(1);
}
100% {
transform: translate(-50%, 60px) scale(1.2);
}
}
/* ===== FONDO PREMIUM (arreglado: capas visibles) ===== */
body {
position: relative;
background: transparent; /* Fondo transparente para que se vean las capas */
overflow-x: hidden;
min-height: 100vh;
}
/* Gradiente + textura de luces suaves (visible sobre el fondo) */
body::before {
content: "";
position: fixed;
inset: 0;
z-index: -1;
pointer-events: none;
background:
/* Textura de destellos radiales */
radial-gradient(circle at 20% 30%, rgba(255, 182, 193, 0.2) 0%, transparent 50%),
radial-gradient(circle at 80% 70%, rgba(216, 180, 254, 0.2) 0%, transparent 50%),
/* Gradiente principal */
linear-gradient(135deg, #fff1f5 0%, #fde2f3 40%, #f3e8ff 100%);
}
/* Glow animado que se mueve (visible sobre el gradiente) */
body::after {
content: "";
position: fixed;
width: 600px;
height: 600px;
top: 20%;
left: 50%;
z-index: 0; /* Por encima del gradiente, por debajo del contenido */
pointer-events: none;
background: radial-gradient(circle, rgba(255, 105, 180, 0.15), transparent 70%);
filter: blur(120px);
animation: floatGlow 12s ease-in-out infinite alternate;
}
@keyframes floatGlow {
0% {
transform: translate(-50%, 0px) scale(1);
}
100% {
transform: translate(-50%, 60px) scale(1.2);
}
}
/* ============================================
🔧 FIX GLOBAL
============================================ */
* {
box-sizing: border-box;
}
/* ============================================
🎨 FOOTER – MISMO ESTILO QUE EL HEADER
============================================ */
.site-footer .wp-block-group.has-color-2-background-color {
position: relative;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
background: linear-gradient(135deg, #d946ef, #fbcfe8, #a21caf);
background-size: 200% 200%;
animation: gradientMove 16s ease infinite;
box-shadow: 0 -6px 18px rgba(0,0,0,0.18);
border-top: 1px solid rgba(255,255,255,0.25);
overflow: hidden;
border-radius: 16px 16px 0 0;
}
/* Animación gradiente */
@keyframes gradientMove {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/* Ola decorativa */
.site-footer .wp-block-group.has-color-2-background-color::before {
content: "";
position: absolute;
top: -70%;
left: -70%;
width: 240%;
height: 240%;
background:
radial-gradient(ellipse at 35% 45%, rgba(255,255,255,0.55), rgba(255,255,255,0.3) 25%, transparent 50%),
radial-gradient(ellipse at 65% 55%, rgba(255,255,255,0.45), rgba(255,255,255,0.2) 30%, transparent 60%);
filter: blur(45px);
opacity: 0.75;
animation: organicWave 14s ease-in-out infinite alternate;
pointer-events: none;
}
/* Movimiento ola */
@keyframes organicWave {
0% { transform: translate(-10%, -10%) scale(1) rotate(-3deg); }
50% { transform: translate(12%, 18%) scale(1.12) rotate(4deg); }
100% { transform: translate(-6%, 22%) scale(1.02) rotate(-2deg); }
}
/* ============================================
📱 FIX FOOTER MOBILE (IZQUIERDA COMO PEDISTE)
============================================ */
@media (max-width: 768px) {
.site-footer .wp-block-group {
padding: 20px 16px;
text-align: left; /* 🔥 AHORA IZQUIERDA */
}
.site-footer .wp-block-columns {
flex-direction: column;
gap: 20px;
}
.site-footer .wp-block-column {
width: 100%;
align-items: flex-start; /* 🔥 alineado a la izquierda */
}
/* evitar desbordes */
.site-footer p,
.site-footer a {
word-break: break-word;
overflow-wrap: break-word;
}
/* input ocupa todo el ancho pero alineado bonito */
.site-footer input {
width: 100%;
max-width: 100%;
}
}
/* ============================================
🎨 HEADER - ESTILO VISUAL
============================================ */
body .wp-block-group.hostinger-ai-menu {
position: sticky;
top: 0;
z-index: 9999;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
background: linear-gradient(135deg, #d946ef, #fbcfe8, #a21caf);
background-size: 200% 200%;
animation: gradientMove 16s ease infinite;
box-shadow: 0 6px 18px rgba(0,0,0,0.18);
border-bottom: 1px solid rgba(255,255,255,0.25);
overflow: hidden;
border-radius: 0 0 16px 16px;
}
/* Ola header */
body .wp-block-group.hostinger-ai-menu::before {
content: "";
position: absolute;
top: -70%;
left: -70%;
width: 240%;
height: 240%;
background:
radial-gradient(ellipse at 35% 45%, rgba(255,255,255,0.55), rgba(255,255,255,0.3) 25%, transparent 50%),
radial-gradient(ellipse at 65% 55%, rgba(255,255,255,0.45), rgba(255,255,255,0.2) 30%, transparent 60%);
filter: blur(45px);
opacity: 0.75;
animation: organicWave 14s ease-in-out infinite alternate;
pointer-events: none;
}
/* LINKS */
.hostinger-ai-site-navigation a {
color: #6b21a8 !important;
font-weight: 500;
}
.hostinger-ai-site-navigation a::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 0%;
height: 2px;
background: linear-gradient(90deg, #e879f9, #c084fc);
transition: 0.3s;
}
.hostinger-ai-site-navigation a:hover::after {
width: 100%;
}
.hostinger-ai-site-navigation a:hover {
color: #000 !important;
}
/* LOGO */
.wp-block-site-logo img {
transition: 0.3s;
filter: drop-shadow(0 0 6px rgba(255,255,255,0.5));
}
.wp-block-site-logo img:hover {
transform: scale(1.06);
}
/* ============================================
📱 FIX HEADER MOBILE (SIN ENGORDAR)
============================================ */
@media (max-width: 768px) {
.wp-block-group.hostinger-ai-menu {
padding: 1px 9px; /* 🔥 más delgado */
}
.wp-block-group.hostinger-ai-menu > .wp-block-group {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: 50px; /* 🔥 controla altura */
}
/* logo más compacto */
.wp-block-site-logo img {
max-height: 40px;
width: auto;
}
.wp-block-site-logo {
margin: 0;
}
/* hamburguesa alineada */
.wp-block-navigation__responsive-container-open {
margin: 0;
padding: 6px;
}
}
/* ============================================
📱 MENÚ MOBILE - ESTRUCTURA Y COLOR PREMIUM
============================================ */
@media (max-width: 768px) {
body .wp-block-group.hostinger-ai-menu {
overflow: visible !important;
}
/* 🔥 MENÚ ABIERTO CON DEGRADADO ROSITA PREMIUM */
.wp-block-navigation__responsive-container.is-menu-open {
position: fixed !important;
inset: 0 !important;
width: 100vw !important;
height: 100dvh !important;
display: flex !important;
flex-direction: column !important;
overflow-y: auto !important;
z-index: 999999 !important;
/* 🌸 rosita un poco más vivo (sin exagerar) */
background: linear-gradient(
135deg,
#ffe4ef 0%,
#fbcfe8 35%,
#f9a8d4 65%,
#fce7f3 100%
) !important;
/* ✨ glass + profundidad */
backdrop-filter: blur(12px) saturate(120%);
-webkit-backdrop-filter: blur(12px) saturate(120%);
position: relative;
overflow: hidden;
}
/* 💎 CAPA METÁLICA / BRILLO (FIX FULL WIDTH) */
.wp-block-navigation__responsive-container.is-menu-open::before {
content: "";
position: absolute;
top: -100%;
left: -100%;
width: 300%;
height: 300%;
background: linear-gradient(
120deg,
rgba(255,255,255,0.35) 0%,
rgba(255,255,255,0.18) 20%,
rgba(255,255,255,0.08) 35%,
transparent 60%
);
animation: shineMove 8s linear infinite;
pointer-events: none;
}
/* 🌊 OLA SUAVE (FIX QUE NO SE CORTE) */
.wp-block-navigation__responsive-container.is-menu-open::after {
content: "";
position: absolute;
bottom: -50%;
left: -50%;
width: 200%;
height: 140%;
background: radial-gradient(
ellipse at center,
rgba(255,255,255,0.35) 0%,
rgba(255,255,255,0.18) 30%,
rgba(255,255,255,0.08) 50%,
transparent 70%
);
filter: blur(60px);
opacity: 0.8;
animation: waveFloat 12s ease-in-out infinite alternate;
pointer-events: none;
}
/* ✨ ANIMACIÓN BRILLO (más amplia) */
@keyframes shineMove {
0% {
transform: translateX(-40%) rotate(8deg);
}
100% {
transform: translateX(40%) rotate(8deg);
}
}
/* 🌊 ANIMACIÓN OLA (más recorrido) */
@keyframes waveFloat {
0% {
transform: translateY(0) scale(1);
}
100% {
transform: translateY(-40px) scale(1.1);
}
}
/* ============================================
📱 MENÚ HAMBURGUESA
============================================ */
@media (max-width: 768px) {
body.hostinger-ai-woocommerce-active
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex !important;
}
body.hostinger-ai-woocommerce-active
.wp-block-navigation__responsive-container.hidden-by-default:not(.is-menu-open),
body.hostinger-ai-woocommerce-active
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none !important;
}
}
/* ============================================
🎨 TEXTO MENÚ
============================================ */
.wp-block-navigation__responsive-container.is-menu-open,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon {
color: #4a044e !important;
}
/* ============================================
❌ BOTÓN X (CORREGIDO)
============================================ */
@media (max-width: 768px) {
.wp-block-navigation__responsive-container-close {
display: none !important;
}
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__responsive-container-close {
display: flex !important;
position: absolute !important;
top: calc(6px + env(safe-area-inset-top)) !important;
right: 30px !important;
z-index: 9999999 !important;
width: 42px;
height: 42px;
align-items: center;
justify-content: center;
background: rgba(255,255,255,0.85);
border-radius: 50%;
backdrop-filter: blur(6px);
}
.wp-block-navigation__responsive-container-close svg {
width: 24px;
height: 24px;
}
}