.bottom-bar {
    display: none;
}
.custom-logo {
    height: 100px;
    width: auto; /* Esto asegura que el ancho se ajuste proporcionalmente */
}
.site-header.stuck .custom-logo {
    height: 75.5px; /* La altura deseada cuando es sticky */
    width: auto !important;
}
#pl-23 .so-panel {
    margin-bottom: 10px;
}
.descripcion-seccion-mueble {
    font-size: 1.6em; /* Tamaño de fuente un poco más grande */
    line-height: 1.6; /* Espaciado entre líneas */
		text-align: center;
    margin-bottom: 20px; /* Espacio debajo de cada bloque */
    padding: 3vw; /* Relleno dentro del bloque */
    background-color: #f9f9f915; /* Color de fondo suave */
    border-radius: 25px; /* Bordes ligeramente redondeados */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Sombra sutil */
		color: #ededec; /* ¡Aquí está el nuevo color de fuente! */

}

.descripcion-seccion-mueble p {
    margin-bottom: 10px; /* Espacio entre párrafos */
}
.sobre-moble-texto {
    font-family: Arial, sans-serif; /* O la fuente que mejor combine con Golos Text */
    font-size: 1.1em; /* Un tamaño de fuente cómodo para lectura */
    line-height: 1.6; /* Buen espaciado entre líneas para legibilidad */
    color: #30312C; /* Un gris oscuro que combina bien con tus colores de marca */
    text-align: center; /* Centra el texto para que se alinee con el título */
    max-width: 800px; /* Limita el ancho del texto para evitar líneas demasiado largas */
    margin: 20px auto 40px auto; /* Centra el bloque y le da márgenes arriba y abajo */
    padding: 0 15px; /* Pequeño padding a los lados para pantallas pequeñas */
}

.sobre-moble-texto p {
    margin-bottom: 1em; /* Espacio entre los párrafos */
}

.sobre-moble-texto strong {
    color: #dd9933; /* Resalta las palabras clave en naranja */
    font-weight: 700; /* Asegura que sean bien negritas */
}
/* Estilos generales del contenedor del formulario usando .coloform */
.coloform {
    padding: 3vw;
    border-radius: 3.5vw;
    box-shadow: 0 0.5vw 2vw rgba(0, 0, 0, 0.2);
    max-width: 90vw;
    box-sizing: border-box;
}

/* Estilo para las etiquetas (Nombres de los campos) */
.coloform label strong {
    color: #FFFFFF; /* Texto de la etiqueta en blanco */
    font-size: clamp(1em, 1.8vw, 1.2em); /* Tamaño de fuente responsivo */
    margin-bottom: 0.5vw; /* Espacio debajo de la etiqueta responsivo */
    display: block;
}

/* Estilo para los campos de entrada (input y textarea) */
.coloform input[type="text"],
.coloform input[type="email"],
.coloform input[type="number"],
.coloform textarea {
    width: 100%;
    padding: 0.5vw 0.5vw; /* Relleno interno responsivo */
    margin-bottom: 0.5vw; /* Espacio debajo de cada campo responsivo */
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 1vw; /* Bordes redondeados responsivos */
    background-color: rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    font-size: clamp(0.9em, 1.6vw, 1.1em); /* Tamaño de fuente responsivo */
    box-sizing: border-box;
    transition: all 0.3s ease;
}

/* Estilo para los campos al enfocar (cuando el usuario hace clic en ellos) */
.coloform input[type="text"]:focus,
.coloform input[type="email"]:focus,
.coloform input[type="number"]:focus,
.coloform textarea:focus {
    border-color: #dd9933;
    background-color: rgba(255, 255, 255, 0.2);
    outline: none;
}

/* Estilo para el placeholder (el texto de ejemplo dentro del campo) */
.coloform input::placeholder,
.coloform textarea::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

/* Estilo para el botón de enviar */
.coloform button.sow-submit {
    background-color: #dd9933;
    color: #30312C;
    padding: 1.8vw 3vw; /* Relleno del botón responsivo */
    border: none;
    border-radius: 1vw; /* Bordes redondeados responsivos */
    font-size: clamp(1em, 2vw, 1.3em); /* Tamaño de texto responsivo */
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    width: 100%; /* El botón ocupa todo el ancho del formulario */
}

/* Estilo para el botón al pasar el ratón por encima (hover) */
.coloform button.sow-submit:hover {
    background-color: #e0ac57;
    transform: translateY(-0.1vw); /* Pequeño efecto de elevación responsivo */
}

/* Ajustes para los contenedores de los campos (sow-form-field) */
.coloform .sow-form-field {
    margin-bottom: 0;
}
.coloform .sow-form-field-label-above {
    margin-bottom: 1vw; /* Espacio entre la etiqueta y el campo responsivo */
}

/* Asegura que el contenedor del botón no tenga paddings raros */
.coloform .sow-submit-wrapper {
    padding: 0;
    margin-top: 3vw; /* Espacio entre el último campo y el botón responsivo */
    text-align: center;
}

/* ======================================================= */
/* ESTILOS PARA MENSAJES DE ERROR (CRÍTICO PARA MEJORAR)  */
/* ======================================================= */

/* Contenedor de mensajes de error o éxito */
.sow-contact-form .sow-form-result {
    font-size: clamp(0.9em, 1.5vw, 1em); /* Tamaño de fuente responsivo */
    padding: 1.5vw; /* Relleno responsivo */
    margin-bottom: 2.5vw; /* Margen inferior responsivo */
    border-radius: 0.8vw; /* Bordes redondeados responsivos */
    text-align: center;
}

/* Estilo específico para mensajes de error */
.sow-contact-form .sow-form-result.error {
    background-color: rgba(255, 99, 71, 0.2); /* Rojo tomate transparente */
    color: #FFD2D2; /* Texto rojo claro para el mensaje de error */
}

/* Estilo específico para mensajes de éxito (si hubiera) */
.sow-contact-form .sow-form-result.success {
    background-color: rgba(60, 179, 113, 0.2); /* Verde medio transparente */
    color: #D2FFD2; /* Texto verde claro */
    border: 1px solid rgba(60, 179, 113, 0.4);
}

/* Estilo para los mensajes de error individuales debajo de los campos */
/* Estos son los que aparecen directamente debajo del input con el texto de "Please enter a valid..." */
.sow-form-field .sow-error-message {
    color: #FFC0CB; /* Rosa claro para el texto del error */
    font-size: clamp(0.8em, 1.4vw, 0.9em); /* Tamaño de fuente responsivo, un poco más pequeño */
    margin-top: -1.5vw; /* Ajusta el margen superior para acercarlo al campo */
    margin-bottom: 2vw; /* Deja espacio antes del siguiente elemento */
    display: block; /* Asegura que ocupe su propia línea */
    font-style: italic; /* Opcional: texto en cursiva para los errores */
}
.so-widget-sow-contact-form-default-aee3930cdddd .sow-contact-form{
		border:none!important;
}
.site-footer .widgets{
		padding:0px;
}
/* Estilo para las imágenes dentro de las galerías masonry */
.sow-masonry-grid-image {
    border-radius: 25px;
    object-fit: cover; /* Asegura que la imagen cubra el espacio sin distorsionarse */
    display: block; /* Elimina cualquier espacio extra que pueda haber debajo de las imágenes */
}

/* Estilo para las imágenes simples del widget de imagen (como las de "Dormitorio", "Especiales", "Lavadero") */
.so-widget-sow-image .sow-image-container img.so-widget-image {
    border-radius: 25px;
    object-fit: cover; /* También para estas imágenes */
    display: block;
}
/* Estilos para el botón "Ver más" */
.vm.sowb-button {
    /* Fondo del botón */
    background: #d9832b !important; /* Tu naranja de marca */

    /* Color del texto */
    color: #ededec !important; /* Blanco grisáceo para el texto */
    text-shadow: none !important; /* Eliminamos la sombra de texto para un look más limpio */

    /* Bordes redondeados: un valor fijo o responsivo más pronunciado */
    border-radius: 8px !important; /* Un valor fijo de 8px es un buen punto de partida */
    /* border-radius: 1.5vw !important; /* O usa vw para responsividad, pero cuidado con valores extremos */
    
    /* Grosor y color del borde */
    border: none !important; /* Eliminamos el borde de 1px sólido si queremos un look más limpio */
    /* border: 1px solid #d9832b !important; /* Si quieres un borde, mantén el color del fondo */

    /* Espaciado interno (padding) */
    padding: 0.8em 1.8em !important; /* Reducimos el padding vertical y ajustamos el horizontal */
    
    /* Tamaño de la fuente */
    font-size: 1.2em !important; /* Reducimos el tamaño de la fuente para que el botón sea menos alto */
    font-family: 'Golos Text', sans-serif !important; /* Asegura la fuente */
    font-weight: 700 !important; /* Asegura la negrita */

    /* Ancho del botón */
    width: auto !important; /* Que el ancho se ajuste al contenido */
    max-width: 100% !important; /* Nunca exceder el 100% del contenedor */
    display: inline-block !important; /* Asegura que se comporte como bloque pero respete el ancho de contenido */

    /* Transiciones para efectos hover suaves */
    transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease !important;
}

/* Estilo al pasar el ratón por encima (hover) */
.vm.sowb-button:hover {
    background-color: #e0ac57 !important; /* Un naranja ligeramente más claro al pasar el ratón */
    transform: translateY(-2px) !important; /* Pequeño efecto de elevación */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important; /* Sombra sutil al hacer hover */
}
/* Estilos para el botón flotante de WhatsApp */
.whatsapp-flotante {
    position: fixed;
    bottom: 20px;
    right: 70px;
    z-index: 9999;

    /* Estilo visual del botón */
    border-radius: 50%; /* Lo hace circular */
    width: 60px; /* Ancho del botón */
    height: 60px; /* Alto del botón */
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

/* Estilos para la imagen dentro del botón flotante */
.whatsapp-flotante .whatsapp-btn-img {
    width: 60%; /* Ajusta el tamaño de la imagen dentro del botón */
    height: 60%; /* Mantén el mismo porcentaje para que sea proporcional */
    object-fit: contain; /* Asegura que la imagen se ajuste sin recortarse */
    border-radius: 0; /* Asegura que la imagen no tenga bordes redondeados si no lo quieres */
}

/* Efecto al pasar el ratón por encima (hover) */
.whatsapp-flotante:hover {
    background-color: #1DA851; /* Verde un poco más oscuro */
    transform: scale(1.05); /* Ligeramente más grande al hacer hover */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
}

/* Media Query para pantallas más pequeñas (móviles) */
@media (max-width: 768px) {
    .whatsapp-flotante {
        bottom: 15px;
        right: 70px;
        width: 55px;
        height: 55px;
    }
    .whatsapp-flotante .whatsapp-btn-img {
        width: 60%; /* Ajusta el tamaño de la imagen en móviles si es necesario */
        height: 60%;
    }
    .descripcion-seccion-mueble {
        font-size: 1em; /* El tamaño de fuente para móviles */
    }
}
/* Estilos para las imágenes de la galería masonry */
.sow-masonry-grid-item img.sow-masonry-grid-image {
    /* Asegura que las transformaciones se vean suaves */
    transition: transform 0.3s ease-in-out;
    /* Asegura que las imágenes no se salgan de su contenedor al agrandarse */
    transform-origin: center center; /* El agrandamiento ocurre desde el centro */

    /* Mantén tus estilos de border-radius y object-fit */
    border-radius: 25px; /* Tu estilo actual */
    object-fit: cover; /* Tu estilo actual */
    display: block; /* Tu estilo actual */
}

/* Efecto al pasar el ratón (hover) sobre el item de la galería */
.sow-masonry-grid-item:hover img.sow-masonry-grid-image {
    transform: scale(1.05); /* Aumenta la imagen un 5% al hacer hover */
    z-index: 10; /* Opcional: Asegura que la imagen agrandada esté por encima de otras */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* Opcional: añade una sombra para un efecto flotante */
}