/* Reglas de interacción heredadas del CSS del cliente (estados :hover/:checked, transiciones y
   elementos creados por JavaScript). El estado estático de cada página ya viene en su CSS. */

/* Carrusel de servicios (home): desplazamiento horizontal en pantallas pequeñas */
@media (max-width: 1024px) {
	.carrousel-servicios { overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: 10px 10px; justify-content: flex-start; }
	a.carrousel-element { flex: 0 0 auto; }
}
a.carrousel-element:hover { color: #272727; }
.product-element-text p:hover { color: #272727; }

/* Testimonios */
.carouseltestimonios { transition: transform 0.5s ease-in-out; }
.bullets-container { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 0; width: 100%; }
.bullet { width: 5px; height: 5px; background-color: #ccc; border-radius: 50%; margin: 0 5px; cursor: pointer; }
.bullet.active { background-color: #3c4653; }
button.prev, button.next { display: none; }

/* FAQ / datos técnicos (acordeón por checkbox) */
.faq-checkbox { display: none; }
.faq-question, .faq-question2 { cursor: pointer; }
.faq-icon { transition: transform 0.3s ease; }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.faq-checkbox:checked + .faq-question .faq-icon, .faq-checkbox:checked + .faq-question2 .faq-icon { transform: rotate(45deg); }
.faq-checkbox:checked ~ .faq-answer { max-height: unset; padding-top: 10px; }

/* Formulario (Contact Form 7) */
form.wpcf7-form br { display: none; }
input[type="checkbox"] { margin-bottom: 0 !important; }
.wpcf7-spinner { display: none; }
.wpcf7 form .wpcf7-response-output { margin: 2em 0.5em 1em; padding: 0.2em 1em; border: 2px solid #00a0d2; }
.wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output { display: block; border-color: #dc3232; }
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output { display: none; }
.wpcf7-not-valid-tip { display: block; font-size: 1em; font-weight: normal; color: #dc3232; }

/* Imágenes de fondo de las tarjetas de producto (CSS original del cliente, por id) */
#ventanas-pvc { background: url(/wp-content/uploads/ventanas-pvc.jpg) center / cover no-repeat; }
#ventanas-aluminio { background: url(/wp-content/uploads/ventanas-aluminio.jpg) center / cover no-repeat; }
#puertas-correderas { background: url(/wp-content/uploads/Airclos-S200-Bifold-doors-9.jpg.webp) center / cover no-repeat; }
#cortinas-correderas { background: url(/wp-content/uploads/Airclos-E20-Sliding-Glass-Wall-Aqua-Restaurante-Tenerife-03.jpg-1.webp) center / cover no-repeat; }
#pergola-madera { background: url(/wp-content/uploads/pergola-madera.webp) center / cover no-repeat; }
#pergola-aluminio { background: url(/wp-content/uploads/pergola-aluminio.jpg) center / cover no-repeat; }
#pergola-forja { background: url(/wp-content/uploads/pergola-forja.webp) center / cover no-repeat; }
#pergola-bio { background: url(/wp-content/uploads/pergola-bio.jpg) center / cover no-repeat; }
#toldo-retractil { background: url(/wp-content/uploads/toldo-retractil.jpg) center / cover no-repeat; }
#toldo-vertical { background: url(/wp-content/uploads/toldo-vertical.jpg) center / cover no-repeat; }
#toldos-cofre { background: url(/wp-content/uploads/toldos-cofre.jpg) center / cover no-repeat; }
#toldos-pergola { background: url(/wp-content/uploads/toldo-pergola.jpg) center / cover no-repeat; }
#estores-enrollables { background: url(/wp-content/uploads/enrrollable.jpg) center / cover no-repeat; }
#estores-plisados { background: url(/wp-content/uploads/estores-plisados.jpg) center / cover no-repeat; }
#estores-verticales { background: url(/wp-content/uploads/estores-verticales.jpeg) center / cover no-repeat; }
#estores-noche-y-dia { background: url(/wp-content/uploads/estores-screen.png) center / cover no-repeat; }
#estores-opacos { background: url(/wp-content/uploads/estores-opacos.jpeg) center / cover no-repeat; }
#estores-screen { background: url(/wp-content/uploads/screen-estor.webp) center / cover no-repeat; }
#persianas-mecanizados { background: url(/wp-content/uploads/estores-screen.png) center / cover no-repeat; }
#toldos-mecanizados { background: url(/wp-content/uploads/toldos-cofre.jpg) center / cover no-repeat; }
#estores-mecanizados { background: url(/wp-content/uploads/screen-estor.webp) center / cover no-repeat; }
#cortinas-paneles-japoneses-mecanizados { background: url(/wp-content/uploads/estores-verticales.jpeg) center / cover no-repeat; }
#pergolas-mecanizados { background: url(/wp-content/uploads/pergola-aluminio.jpg) center / cover no-repeat; }
#persianas-exteriores-mecanizados { background: url(/wp-content/uploads/persiana-exterior-scaled.jpeg) center / cover no-repeat; }
#persianas-aluminio { background: url(/wp-content/uploads/persianas-aluminio.jpg) center / cover no-repeat; }
#persianas-pvc { background: url(/wp-content/uploads/persianas-pc.webp) center / cover no-repeat; }
#persianas-con-cajon { background: url(/wp-content/uploads/pesianas-cajon.jpeg) center / cover no-repeat; }
#persianas-alta-seguridad { background: url(/wp-content/uploads/persianas-seguridad.jpg) center / cover no-repeat; }
#celosias { background: url(/wp-content/uploads/celosias.jpeg) center / cover no-repeat; }
#persianas-venecianas { background: url(/wp-content/uploads/venecianas.jpeg) center / cover no-repeat; }
#a84 { background: url(/wp-content/uploads/0_120.png) center / cover no-repeat; }
#brilliant { background: url(/wp-content/uploads/teccarsa-perfil-pvc-brilliant-design-rehau.jpg) center / cover no-repeat; }
#comfort { background: url(/wp-content/uploads/cajon-persiana-ventanapvc-comfortdesign-teccarsa.jpg) center / cover no-repeat; }
#cor70 { background: url(/wp-content/uploads/0_89.png) center / cover no-repeat; }
#corredera { background: url(/wp-content/uploads/teccarsa-ventana-pvc-corredera-slinova-1024x391.jpg) center / cover no-repeat; }
#geneo { background: url(/wp-content/uploads/ventanas-pvc-teccarsa-perfiles-gneo-rehau-1.jpg) center / cover no-repeat; }
#synegoslide { background: url(/wp-content/uploads/teccarsa-synego-slide-perfiles-pvc-rehau-1.jpg) center / cover no-repeat; }
#synegoel { background: url(/wp-content/uploads/teccarsa-synego-elevable-perfiles-pvc-rehau.jpg) center / cover no-repeat; }
#cor3500 { background: url(/wp-content/uploads/6_41.png) center / cover no-repeat; }
#a70 { background: url(/wp-content/uploads/9_75.png) center / cover no-repeat; }