/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.amount{
    color: #000 !important;
}
.carrousel-productos-precio .amount{
    color: #888383 !important;
}
.carrusel-productos .swiper-pagination{
	margin-left: -5vw !important;
	margin-top: 30px !important;
}
.carrusel-productos .swiper-pagination-bullet{
	width: 60px !important;
	height: 3px !important;
	border-radius: 0px !important;
}
.contenedor-carrusel-productos{
	overflow: hidden;
}
.contenedor-carrusel-productos .carrusel-productos{
	width: 110vw !important;
	max-width: unset !important;
}
.carrusel-productos-imagen img{
	aspect-ratio: 262/352;
	object-fit: cover !important;
}




/* EESTILOS FORMULARIO NEWSLETTER */
/* EESTILOS FORMULARIO NEWSLETTER */
#newsletterEmail {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #000; /* Cambia el color si lo deseas */
    background-color: transparent;
    padding-left: 0;
}

/* ESTILO FORMULARIO NEWSLETTER */
#newsletterButton {
    position: absolute;
    top: 0;
    right: 0;

    /* Botón “transparente” con icono centrado */
    background-color: transparent;
    border: none;
    padding: 0;
    width: 30px;            /* ancho del botón */
    height: 30px;           /* altura fija (mejor que % para iconos) */
    cursor: pointer;

    /* Ocultamos el texto del submit (→) y usamos el SVG como fondo */
    font-size: 0;           /* oculta el texto visualmente */
    color: transparent;
    text-shadow: none;

    /* Tu SVG */
    background-image: url('https://isae-atelier.com/wp-content/uploads/2025/10/arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px; /* tamaño del icono */
}

/* Focus accesible (teclado) */
#newsletterButton:focus {
    outline: 2px solid #4d90fe;
    outline-offset: 2px;
}

/* Estilo para el spinner */
.wpcf7-spinner {
    display: none; /* Oculta el spinner por defecto */
}

/* Anula el margen derecho del elemento <p> y posiciona el botón correctamente */
.wpcf7-form p {
    width: 100%;
    position: relative; /* Para que el botón absoluto se ancle dentro */
}

.p5 {
    display: inline-block;
    padding: 5px 10px;
    margin-top: 10px;
}