/*
Theme Name: Aicrag Theme
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Mimotik
Author URI: https://mimotic.com/
Description: Mimotic es una boutique tecnológica especializada en desarrollo web, móvil y soluciones cloud. Desde hace más de 9 años, acompaña a empresas en la creación de aplicaciones a medida, diseño UX/UI, consultoría IT y formación personalizada. Con un enfoque cercano y metodologías ágiles, transforma ideas en productos digitales de alta calidad, combinando tecnología avanzada con un trato humano y profesional.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.1747131991
Updated: 2025-05-13 10:26:31

*/

/* === configuración global === */
:root{
  --dur-acordeon: 1.2s;                 /* cambia aquí la velocidad */
}

/* === acordeón sin huecos === */
.section-toggle{
  overflow:hidden;
  height:0;
  padding-block:0;
  margin-block:0;
  opacity:0;
  transition:
    height  var(--dur-acordeon) ease,
    padding var(--dur-acordeon) ease,
    margin  var(--dur-acordeon) ease,
    opacity calc(var(--dur-acordeon)*.66) ease !important;
}
.section-toggle.abierta{opacity:1;}

/* --- acordeón de secciones --- */
#contacto_empresa,
#contacto_particulares{
  overflow: hidden;
  transition:
    height        var(--dur-acordeon) ease,
    padding       var(--dur-acordeon) ease,
    margin-bottom var(--dur-acordeon) ease;
}

/* --- giro del icono SOLO con su botón --- */
#boton_contacto .elementor-button-icon{
  transition: transform var(--dur-acordeon) ease;
}
#boton_contacto.rotado .elementor-button-icon{
  transform: rotate(180deg);
}


/*Margen WPML seccion*/
@media screen and (min-width: 1367px) {
p.wpml-ls-statics-post_translations.wpml-ls {
    padding-left: 10%;
}
}

/*Menu scroll*/
.elementor-nav-menu__container {
  max-height: 700px;
  overflow-y: auto;
  padding-right: 12px; /* separa el scroll del contenido */
  box-sizing: content-box; /* asegura que el padding no afecte la altura */
}
.elementor-nav-menu__container::-webkit-scrollbar {
  width: 8px;
}

.elementor-nav-menu__container::-webkit-scrollbar-thumb {
  background: #bbb;
  border-radius: 6px;
}