/* CSS MINIMALISTA PARA JIMDO - PISOS DE MÁRMOL */ /* Agregar en: Configuración > Diseño > CSS personalizado */ /* Variables de diseño minimalista */ :root { --color-principal: #000;
--color-texto: #333; --color-gris-claro: #f8f8f8; --color-borde: #e0e0e0; --espaciado: 60px; } /* Reset general para aspecto más limpio */ body { font-family: -apple-system, BlinkMacSystemFont,
'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important; color: var(--color-texto) !important; line-height: 1.8 !important; } /* Simplificar el header */ .jtpl-header { background: #fff
!important; padding: 30px 0 !important; border-bottom: 1px solid var(--color-borde) !important; } /* Logo más minimalista */ #cc-website-title, .j-website-title-content { font-size: 28px !important;
font-weight: 300 !important; letter-spacing: 3px !important; text-transform: uppercase !important; color: var(--color-principal) !important; } /* Navegación minimalista */ .jtpl-navigation {
background: transparent !important; border: none !important; } .cc-nav-level-0 > li > a { font-size: 14px !important; font-weight: 400 !important; letter-spacing: 1px !important;
text-transform: uppercase !important; color: var(--color-texto) !important; padding: 10px 20px !important; transition: all 0.3s ease !important; } .cc-nav-level-0 > li > a:hover,
.cc-nav-current { color: var(--color-principal) !important; background: transparent !important; } /* Ocultar submenús para simplificar */ .cc-nav-level-1, .cc-nav-level-2 { display: none !important;
} /* Simplificar galería */ .cc-m-gallery-container { margin: var(--espaciado) 0 !important; } .thumb_pro1 { margin: 15px !important; border: none !important; box-shadow: none !important; transition:
transform 0.3s ease !important; } .thumb_pro1:hover { transform: translateY(-5px) !important; } .innerthumbnail { border: none !important; overflow: hidden !important; } .innerthumbnail img { filter:
grayscale(20%) !important; transition: all 0.3s ease !important; } .innerthumbnail img:hover { filter: grayscale(0%) !important; transform: scale(1.05) !important; } /* Títulos más minimalistas */
h1, h2, h3, h4 { font-weight: 300 !important; letter-spacing: 2px !important; color: var(--color-principal) !important; } h2 { font-size: 32px !important; text-align: center !important; margin:
var(--espaciado) 0 30px 0 !important; } /* Espaciado general */ .j-module { margin: 30px 0 !important; } /* Simplificar textos */ .j-module p, .j-text p { font-size: 16px !important; line-height: 1.8
!important; color: var(--color-texto) !important; max-width: 800px !important; margin: 0 auto 20px auto !important; text-align: center !important; } /* Botones minimalistas */ .j-calltoaction-link,
a[data-action="button"] { background: var(--color-principal) !important; color: white !important; border: none !important; padding: 15px 40px !important; font-size: 14px !important; font-weight: 400
!important; letter-spacing: 1px !important; text-transform: uppercase !important; text-decoration: none !important; display: inline-block !important; transition: all 0.3s ease !important; box-shadow:
none !important; } .j-calltoaction-link:hover, a[data-action="button"]:hover { background: #333 !important; transform: translateY(-2px) !important; } /* Limpiar footer */ .jtpl-footer { background:
var(--color-gris-claro) !important; padding: var(--espaciado) 0 !important; border-top: 1px solid var(--color-borde) !important; } .j-meta-links { text-align: center !important; margin-bottom: 20px
!important; } .j-meta-links a { color: var(--color-texto) !important; font-size: 14px !important; margin: 0 15px !important; text-decoration: none !important; } /* Ocultar elementos innecesarios */
.j-admin-links, .jtpl-shoppingcart-wrapper, #cc-sidecart-wrapper { display: none !important; } /* Simplificar sidebar */ .jtpl-sidebar { background: transparent !important; padding: 30px 0
!important; } .jtpl-sidebar .j-module { background: var(--color-gris-claro) !important; padding: 30px !important; margin-bottom: 30px !important; border: none !important; box-shadow: none !important;
} /* Imágenes más limpias */ .j-module img { max-width: 100% !important; height: auto !important; border: none !important; box-shadow: none !important; } /* Separadores minimalistas */ .j-hr hr {
border: none !important; height: 1px !important; background: var(--color-borde) !important; margin: var(--espaciado) 0 !important; } /* Responsive minimalista */ @media (max-width: 768px) {
.jtpl-navigation__checkbox:checked ~ .jtpl-mobile-navigation { background: white !important; box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important; } .jmd-nav__list-item-0 a { font-size: 16px !important;
padding: 15px 20px !important; } h2 { font-size: 24px !important; } .thumb_pro1 { margin: 10px !important; } } /* Animaciones suaves */ * { transition: color 0.3s ease, background-color 0.3s ease
!important; } /* Fondo general más limpio */ .jtpl-main { background: white !important; } .jtpl-content { max-width: 1200px !important; margin: 0 auto !important; padding: 0 20px !important; } /*
Call to Action de WhatsApp minimalista */ a[href*="wa.me"] img { width: 60px !important; height: 60px !important; border-radius: 50% !important; box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
transition: all 0.3s ease !important; } a[href*="wa.me"] img:hover { transform: scale(1.1) !important; box-shadow: 0 6px 20px rgba(0,0,0,0.15) !important; } /* Eliminar decoraciones innecesarias */
.cc-m-hgrid-separator, .j-spacing { display: none !important; } /* Texto más legible */ figcaption h2 { font-size: 18px !important; font-weight: 400 !important; line-height: 1.6 !important; padding:
20px !important; background: var(--color-gris-claro) !important; border-left: 3px solid var(--color-principal) !important; text-align: left !important; } /* Keywords más discretos */ .m-ftkey {
font-size: 12px !important; color: #999 !important; text-align: center !important; margin-top: var(--espaciado) !important; } .m-ftkey a { color: #999 !important; margin: 0 10px !important; }