grthtrhthjhtyjytjytkergtrhtrjytjerhrfh4:24 29/09/2026@font-face { font-weight: normal; font-style: normal; font-family: "woodmart-font"; src: url("//bagno.uy/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.1.2") format("woff2"); } :root { --wd-text-font: "Montserrat", Arial, Helvetica, sans-serif; --wd-text-font-weight: 400; --wd-text-color: #767676; --wd-text-font-size: 16px; --wd-title-font: "Poppins", Arial, Helvetica, sans-serif; --wd-title-font-weight: 600; --wd-title-color: #242424; --wd-entities-title-font: "Poppins", Arial, Helvetica, sans-serif; --wd-entities-title-font-weight: 500; --wd-entities-title-color: #333333; --wd-entities-title-color-hover: rgb(51 51 51 / 65%); --wd-alternative-font: "Montserrat", Arial, Helvetica, sans-serif; --wd-widget-title-font: "Poppins", Arial, Helvetica, sans-serif; --wd-widget-title-font-weight: 600; --wd-widget-title-transform: uppercase; --wd-widget-title-color: #333; --wd-widget-title-font-size: 16px; --wd-header-el-font: "Lato", Arial, Helvetica, sans-serif; --wd-header-el-font-weight: 700; --wd-header-el-transform: uppercase; --wd-header-el-font-size: 13px; --wd-primary-color: rgb(29,60,119); --wd-alternative-color: rgb(190,202,221); --wd-link-color: #333333; --wd-link-color-hover: #242424; --btn-default-bgcolor: #f7f7f7; --btn-default-bgcolor-hover: #efefef; --btn-accented-bgcolor: rgb(29,60,119); --btn-accented-bgcolor-hover: rgb(57,86,119); --wd-form-brd-width: 2px; --notices-success-bg: #459647; --notices-success-color: #fff; --notices-warning-bg: #E0B252; --notices-warning-color: #fff; } .wd-popup.wd-age-verify { --wd-popup-width: 500px; } .wd-popup.wd-promo-popup { background-color: #111111; background-image: url(https://bagno.uy/wp-content/uploads/2021/07/promo-popup.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; --wd-popup-width: 800px; } .woodmart-woocommerce-layered-nav .wd-scroll-content { max-height: 223px; } .wd-page-title { background-color: #0a0a0a; background-image: url(https://bagno.uy/wp-content/uploads/2025/03/head.webp); background-size: cover; background-position: center center; } .wd-footer { background-color: rgb(54,54,60); background-image: none; } .wd-popup.popup-quick-view { --wd-popup-width: 920px; } :root{ --wd-container-w: 1222px; --wd-form-brd-radius: 0px; --btn-default-color: #333; --btn-default-color-hover: #333; --btn-accented-color: #fff; --btn-accented-color-hover: #fff; --btn-default-brd-radius: 0px; --btn-default-box-shadow: none; --btn-default-box-shadow-hover: none; --btn-default-box-shadow-active: none; --btn-default-bottom: 0px; --btn-accented-bottom-active: -1px; --btn-accented-brd-radius: 0px; --btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15); --btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15); --wd-brd-radius: 5px; } @media (min-width: 1222px) { [data-vc-full-width]:not([data-vc-stretch-content]), :is(.vc_section, .vc_row).wd-section-stretch { padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2); padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2); } } rs-slides :is([data-type=text],[data-type=button]) { font-family: Montserrat !important; } rs-slides :is(h1,h2,h3,h4,h5,h6)[data-type=text] { font-family: Poppins !important; } /** * ESTILOS PRINCIPALES * Archivo CSS ordenado y comentado siguiendo convenciones estándar */ /* ====================================================== TABLA DE CONTENIDOS: 1. RESET Y CONFIGURACIÓN GENERAL 2. ENCABEZADO Y NAVEGACIÓN 3. CONTENIDO PRINCIPAL 4. COMPONENTES REUTILIZABLES 5. PÁGINAS ESPECÍFICAS 6. FORMULARIOS Y ELEMENTOS INTERACTIVOS 7. MEDIA QUERIES ====================================================== */ /* ====================================================== 1. RESET Y CONFIGURACIÓN GENERAL ====================================================== */ /* Ocultar elementos específicos en todo el sitio */ .bpa-fab-component { display: none !important; } .wd-portfolio-btns { display: none; } .file-hits, .file-dated { display: none !important; } /* ====================================================== 2. ENCABEZADO Y NAVEGACIÓN ====================================================== */ /* Configuración de menú principal y fondo */ body:not(.single-product) .whb-overcontent:not(.whb-sticked) .whb-row:not(.whb-with-bg) { background-color: transparent !important; } .whb-color-light:not(.whb-with-bg) { background-color: #36363c !important; } /* Configuración de navegación móvil */ .wd-nav-mob-tab > li { display: none; } .mobile-nav .searchform { display: none; } .wd-notice a, div.wpcf7-response-output a, .mc4wp-alert a, :is(.woocommerce-error, .woocommerce-message, .woocommerce-info) a { display: none; } /* ====================================================== 3. CONTENIDO PRINCIPAL ====================================================== */ /* Configuración de títulos y textos */ .tituloBold { font-weight: 900; } .tituloMarginLeft { padding-left: 10px !important; } .tituloTiendaHome { color: #ffffff; } .separador-novedades { font-size: 26px; } /* Configuración de posts y entradas */ :is(.wd-single-post-header, .post-title-large-image) .wd-post-meta { display: none; } .wd-content-layout { padding-bottom: 0px !important; } /* ====================================================== 4. COMPONENTES REUTILIZABLES ====================================================== */ /* Carrusel de novedades en home */ .wd-project .entry-header { border-radius: 0px !important; } .wd-project .entry-thumbnail { border-radius: 0px !important; } /* Iconos sociales y copyright */ .wd-social-icons.wd-size-small { --wd-social-icon-size: 16px !important; } .wd-copyrights { font-size: 14px; } /* Contenedor de correo electrónico */ .email-container { display: flex; align-items: center; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; width: 100%; /* max-width: 400px; Ajusta el tamaño según sea necesario */ /* background-color: #fff; Color similar al de la imagen */ } .email-container input { flex: 1; border: none; padding: 10px; font-size: 16px; background-color: transparent; outline: none; } .email-container button { border: none; background-color: transparent; padding: 10px 35px; cursor: pointer; display: flex; align-items: center; justify-content: center; } .email-container button i { font-size: 16px; /* Ajusta el tamaño del icono */ color: #000; } /* Si usas FontAwesome */ .email-container button i::before { content: "\f0e0"; /* Código del icono de sobre */ font-family: "Font Awesome 5 Free"; font-weight: 900; } /* Botón de tienda en home */ .boton-tienda { display: inline-block; padding: 10px 20px; border: 1px solid #858383; /* #BECADD */ color: #858383; text-transform: uppercase; text-decoration: none; font-family: 'Helvetica Neue', sans-serif; font-size: 14px; letter-spacing: 1px; transition: all 0.3s ease; background-color: transparent; } .boton-tienda:hover { background-color: #858383; color: white; } /* Botón like */ .oacs-spl-like-text { background: #1D3C77; border-radius: 7px; } /* Botón artículos área técnica */ .vc_btn3.vc_btn3-color-juicy-pink, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat { background-color: #1D3C77; } .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-juicy-pink.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-juicy-pink:focus, .vc_btn3.vc_btn3-color-juicy-pink:hover { background-color: #142951; } /* Botón buscador de archivos */ .wpfd-btnsearchbelow { background-color: #1D3C77 !important; } /* Botón explorar */ .boton-explorar { display: inline-flex; align-items: center; gap: 10px; padding: 12px 30px; border-radius: 999px; background-color: rgba(54, 54, 60, 0.85); color: white; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-size: 14px; font-weight: 500; text-decoration: none; border: none; cursor: pointer; transition: background-color 0.3s ease, color 0.3s ease; } .boton-explorar::after { content: '➜'; font-size: 16px; transition: transform 0.3s ease; } .boton-explorar:hover { background-color: white; color: rgb(54, 54, 60); } .boton-explorar:hover::after { transform: translateX(5px); } /* ====================================================== 5. PÁGINAS ESPECÍFICAS ====================================================== */ /* Áreas interactivas */ #mocha-mousse, #area-conocimiento, #zona-descargas { cursor: pointer; } /* Control de sonido video head laminam - grandes formatos .Button_module_button__779846a6 .shared_module_focusible__fd03e359 .Button_module_primary__779846a6 .exclude-global-button-styles .ToastButton_module_toastButton__a3f96132 .ToastButton_module_fullToast__a3f96132 { margin-top: 60px !important; }*/ /* Configuración de pestañas */ .bpa-front-tabs.--bpa-top .bpa-front-tabs--panel-body .bpa-front-dc--body { height: auto; } /* ====================================================== 6. PÁGINAS ESPECÍFICAS VIDEOS ====================================================== */ /*=================*/ /* ARTICULO TABLA DE CONTENIDO Kenzo*/ /*=================*/ .video-fondo-kenzo { position: relative; width: 100%; padding-top: 56.25%; /* Proporción 16:9 (9/16 = 0.5625) */ overflow: hidden; background-color: #000; } .kenzo-tabla-contenidos { background-color: #fafafa; border: 1px solid #e5e5e5; border-radius: 6px; padding: 25px; margin: 30px auto; width: 100%; max-width: 800px; box-shadow: 0 1px 8px rgba(0,0,0,0.03); } .kenzo-toc-titulo { font-size: 22px; font-weight: 600; color: #333; margin-top: 0; margin-bottom: 12px; letter-spacing: 0.5px; } .kenzo-toc-linea { height: 2px; background-color: #d9d9d9; margin-bottom: 20px; } .kenzo-toc-lista { list-style-type: none; padding: 0; margin: 0; } .kenzo-toc-lista li { margin-bottom: 10px; border-bottom: 1px solid #f0f0f0; padding-bottom: 10px; } .kenzo-toc-lista li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .kenzo-toc-enlace { display: flex; align-items: center; color: #505050; text-decoration: none; font-weight: 500; font-size: 16px; transition: all 0.2s ease; } .kenzo-toc-enlace:hover { color: #1a73e8; } .kenzo-toc-flecha { margin-right: 10px; font-size: 18px; color: #999; transition: transform 0.2s ease; } .kenzo-toc-enlace:hover .kenzo-toc-flecha { transform: translateX(3px); color: #1a73e8; } .kenzo-toc-texto { flex: 1; } /* * Estilos estandarizados para visualizador de productos * Estructura modular para facilitar su reutilización */ /* CONFIGURACIÓN GENERAL */ .producto-wrapper { font-family: 'Montserrat', sans-serif; color: inherit; margin: 0; padding: 20px 0; background-color: transparent; } /* ESTILOS DE TÍTULOS */ .producto-titulo { text-align: center; color: #5a3921; margin-bottom: 40px; font-weight: 600; font-size: 28px; } .kenzo-titulo-movil { color: white; text-align: center; font-style: italic; line-height: 33px; font-size: 32px; } /* INFORMACIÓN DE FORMATO Y DIMENSIONES */ .producto-formato-info { display: flex; justify-content: center; align-items: center; margin-bottom: 30px; position: relative; } .producto-dimensiones { text-align: center; display: inline-block; position: relative; } .producto-dimensiones-primarias { font-size: 22px; font-weight: bold; margin-bottom: 5px; } .producto-dimensiones-secundarias { font-size: 16px; color: #888; } .producto-formato-corchete { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); width: 150px; height: 20px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } /* CONTENEDOR DE MUESTRAS */ .producto-muestras { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; max-width: 1100px; background-color: #fafafa; padding: 30px; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } /* MUESTRAS INDIVIDUALES */ .producto-muestra { width: 220px; margin: 15px; text-align: center; } .producto-muestra-imagen { height: 100px; margin-bottom: 10px; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-size: cover; background-repeat: no-repeat; } .producto-muestra-imagen-grande { height: 220px; margin-bottom: 10px; border-radius: 3px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); background-size: cover; background-repeat: no-repeat; } .producto-muestra-nombre { font-size: 16px; color: #666; } /* CARACTERÍSTICAS DEL PRODUCTO */ .producto-caracteristicas { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 20px auto 0; max-width: 1100px; padding: 20px 30px; } .producto-caracteristica { display: flex; flex-direction: column; align-items: center; margin: 0 30px; width: 120px; } .producto-caracteristica-icono { width: 50px; height: 50px; margin-bottom: 10px; display: flex; justify-content: center; align-items: center; color: #888; font-size: 20px; } .producto-caracteristica-texto { text-align: center; font-size: 14px; color: #666; } /* FONDOS PREDEFINIDOS - Estos pueden ser personalizados por colección */ .bg-quinto-elemento { background-image: url(https://bagno.uy/wp-content/uploads/2025/04/05.webp); } .bg-kaoru { background-image: url(https://bagno.uy/wp-content/uploads/2017/06/Kaoru-natural.webp); } .bg-sage { background-image: url(https://bagno.uy/wp-content/uploads/2017/06/Sage.webp); } .bg-nude { background-image: url(https://bagno.uy/wp-content/uploads/2017/06/nude.jpeg.webp); } .bg-coral { background-image: url(https://bagno.uy/wp-content/uploads/2017/06/Coral.webp); } /* DISEÑOS ESPECIALES */ .bg-aruki { background-image: url('data:image/svg+xml;utf8,'); } .bg-kaoru-oak { background-image: repeating-linear-gradient(90deg, #9c7155, #9c7155 10px, #8c6448 10px, #8c6448 20px); } .bg-kaoru-natural { background-image: repeating-linear-gradient(90deg, #d2bc9b, #d2bc9b 10px, #c4ae8d 10px, #c4ae8d 20px); } /*CTA de Recursos Descargables*/ .recursos-descargables-container { display: flex; align-items: center; background-color: #f7f7f7; border-radius: 8px; padding: 25px 30px; margin: 40px 0; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); max-width: 1100px; margin: 0 auto; } .recursos-icon { font-size: 32px; color: #775548; margin-right: 20px; } .recursos-content { flex-grow: 1; } .recursos-content h3 { font-size: 20px; margin-bottom: 5px; color: #333333; } .recursos-content p { margin-bottom: 0; color: #777777; } .btn-recursos { background-color: #9F7562; color: white; padding: 12px 20px; border-radius: 4px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; transition: all 0.3s ease; } .btn-recursos:hover { background-color: #5d4337; color: white; transform: translateY(-2px); } /* Estándar de video home */ .video-fondo { position: relative; width: 100%; padding-top: 56.25%; /* Proporción 16:9 (9/16 = 0.5625) */ overflow: hidden; background-color: #000; } .iframe-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .iframe-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .contenido-encima { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 10; color: white; text-align: center; padding: 0 20px; } .titulo-video { font-family: "Montserrat", sans-serif; color: #ffffff; margin: 0; } .subtitulo-video { font-size: 20px; font-weight: 600; font-family: "Montserrat", sans-serif; color: white; margin: 20px 0; } .video-desktop, .video-mobile { display: none; } .video-facade { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; display: flex; justify-content: center; align-items: center; z-index: 5; } .video-facade img { width: 100%; height: 100%; object-fit: cover; opacity: 0.7; } .load-video-btn { position: absolute; padding: 10px 20px; background-color: rgba(54, 54, 60, 0.85); color: white; border: none; border-radius: 999px; cursor: pointer; font-family: "Montserrat", sans-serif; text-transform: uppercase; z-index: 6; } .load-video-btn:hover { background-color: white; color: rgb(54, 54, 60); } /*CALL TO ACTION AGENDA WEB*/ .cta-container { display: flex; min-height: 500px; width: 100%; overflow: hidden; } .cta-background { flex: 1; background-image: url('https://bagno.uy/wp-content/uploads/2025/04/agenda2.webp'); background-position: center; background-repeat: no-repeat; height: 100%; min-height: 500px; object-fit: cover; } .cta-content-wrapper { flex: 1; display: flex; justify-content: center; align-items: center; padding: 3rem 2rem; } .cta-content { max-width: 500px; text-align: center; } .cta-content h2 { color: #858383; margin-bottom: 0.5rem; font-size: 2rem; /* ajusta según necesites */ } .cta-subtitle { font-size: 1rem; color: #666; margin-bottom: 2rem; } .cta-button { display: inline-block; background-color: #9F7562; color: #fff; text-decoration: none; padding: 0.8rem 2rem; border-radius: 6px; font-weight: bold; transition: background-color 0.3s; } .cta-button:hover { background-color: #5d4337; color: #fff; transform: translateY(-2px); } /* ====================================================== 7. mediaquerys ====================================================== */ /* * Estilos estandarizados para visualizador de productos * Estructura modular para facilitar su reutilización */ /* RESPONSIVE */ @media (max-width: 768px) { .producto-muestra { width: 180px; } .producto-caracteristica { margin: 0 15px; width: 100px; } } @media (max-width: 576px) { .producto-muestra { width: 140px; margin: 10px; } .producto-muestra-imagen { height: 75px; } .producto-muestra-imagen-grande { height: 140px; } .producto-caracteristica { margin: 10px; width: 80px; } .producto-formato-corchete { width: 100px; } } /*CTA de recurosos descargables*/ @media (max-width: 768px) { .recursos-descargables-container { flex-direction: column; text-align: center; padding: 20px; } .recursos-icon { margin-right: 0; margin-bottom: 15px; } .recursos-content { margin-bottom: 15px; } } /* Mostrar versión desktop en pantallas grandes */ @media screen and (min-width: 768px) { .video-desktop { display: block; } } /* Mostrar versión mobile en pantallas pequeñas */ @media screen and (max-width: 767px) { .video-mobile { display: block; } } /* Responsive */ @media (max-width: 768px) { .cta-container { flex-direction: column; background-color: #fdf7f2; } .cta-background { min-height: 500px; width: 100%; } } /* Para pantallas más grandes, podemos ajustar la altura */ @media screen and (min-width: 1200px) { .video-fondo { padding-top: 45%; /* Altura reducida para pantallas grandes */ } } /* Para pantallas más grandes, podemos ajustar la altura */ @media screen and (min-width: 1024px) { .video-fondo { margin-top: -129px; margin-bottom: -165px; } } @media screen and (max-width: 1023px) and (min-width: 768px) { .video-fondo { margin-top: -94px; margin-bottom: -129px; } } /* Para pantallas más pequeñas */ @media screen and (max-width: 767px) { .video-fondo { padding-top: 176%; /* Altura aumentada para móviles */ margin-bottom: -35px; } .titulo-video { font-size: 2rem; /* Texto más pequeño en móviles */ } .subtitulo-video { font-size: 1rem; } }@media (min-width: 1025px) { .titulo-video { font-size: 49px; /* Tamaño grande del texto */ line-height: 66px; /* Altura de línea */ font-weight: 800; /* Peso: bold */ letter-spacing: 0px; /* Espaciado entre letras */ } .cta-container { background-image: url('https://bagno.uy/wp-content/uploads/2025/04/background.webp'); background-position: center; background-repeat: no-repeat; } .cta-content { margin-top: 100px; } } @media (min-width: 768px) and (max-width: 1024px) { .titulo-video { font-size: 45px; /* Tamaño grande del texto */ line-height: 55px; /* Altura de línea */ font-weight: 600; /* Peso: bold */ letter-spacing: 0px; /* Espaciado entre letras */ } .cta-container { background-image: url('https://bagno.uy/wp-content/uploads/2025/04/background.webp'); background-position: center; background-repeat: no-repeat; } .cta-content { margin-top: 100px; } } @media (max-width: 576px) { .wd-autoheight,.wd-autoheight .wd-carousel-item { height: 616px; } }