.elementor-510 .elementor-element.elementor-element-de08979{--display:flex;--overlay-opacity:0.5;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-510 .elementor-element.elementor-element-de08979:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-de08979 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0129E0BD;}.elementor-510 .elementor-element.elementor-element-de08979::before, .elementor-510 .elementor-element.elementor-element-de08979 > .elementor-background-video-container::before, .elementor-510 .elementor-element.elementor-element-de08979 > .e-con-inner > .elementor-background-video-container::before, .elementor-510 .elementor-element.elementor-element-de08979 > .elementor-background-slideshow::before, .elementor-510 .elementor-element.elementor-element-de08979 > .e-con-inner > .elementor-background-slideshow::before, .elementor-510 .elementor-element.elementor-element-de08979 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#020101C4;--background-overlay:'';}.elementor-510 .elementor-element.elementor-element-640c663{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-510 .elementor-element.elementor-element-640c663:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-640c663 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #08F62778 30%, #E5EB1894 66%);}.elementor-510 .elementor-element.elementor-element-3366761{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-510 .elementor-element.elementor-element-3366761:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-3366761 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #ECE895E8 0%, #559CD1 100%);}.elementor-510 .elementor-element.elementor-element-4d044d2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-510 .elementor-element.elementor-element-4d044d2:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-4d044d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFFC2;background-image:url("https://misterauau.cl/wp-content/uploads/2026/05/wallp.png");background-position:center center;background-size:contain;}.elementor-510 .elementor-element.elementor-element-a061108{--display:flex;--min-height:392px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-510 .elementor-element.elementor-element-a061108:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-a061108 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #467BFF70 0%, #FFFFFFA3 100%);}.elementor-510 .elementor-element.elementor-element-a061108.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-510 .elementor-element.elementor-element-e8c48f6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-510 .elementor-element.elementor-element-62018c5{width:100%;max-width:100%;}.elementor-510 .elementor-element.elementor-element-52915c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-510 .elementor-element.elementor-element-424e0c0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-510 .elementor-element.elementor-element-2b95ad9 .elementor-repeater-item-41666e8.elementor-social-icon{background-color:#1140F3;}.elementor-510 .elementor-element.elementor-element-2b95ad9 .elementor-repeater-item-2119b6d.elementor-social-icon{background-color:#000000BA;}.elementor-510 .elementor-element.elementor-element-2b95ad9 .elementor-repeater-item-2119b6d.elementor-social-icon i{color:#00ADFF;}.elementor-510 .elementor-element.elementor-element-2b95ad9 .elementor-repeater-item-2119b6d.elementor-social-icon svg{fill:#00ADFF;}.elementor-510 .elementor-element.elementor-element-2b95ad9 .elementor-repeater-item-35277ac.elementor-social-icon{background-color:#E1306C;}.elementor-510 .elementor-element.elementor-element-2b95ad9{--grid-template-columns:repeat(3, auto);text-align:center;--grid-column-gap:28px;--grid-row-gap:0px;}.elementor-510 .elementor-element.elementor-element-9071b99{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-510 .elementor-element.elementor-element-07414b5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-510 .elementor-element.elementor-element-07414b5:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-07414b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #27AE60BF 0%, #7CD177 100%);}.elementor-510 .elementor-element.elementor-element-3698031{--e-image-carousel-slides-to-show:8;}.elementor-510 .elementor-element.elementor-element-d337c0d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-510 .elementor-element.elementor-element-d337c0d:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-d337c0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #7CD177 0%, #ECD3448F 72%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-510 .elementor-element.elementor-element-ba9318b{text-align:center;}.elementor-510 .elementor-element.elementor-element-ba9318b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}.elementor-510 .elementor-element.elementor-element-6b33254{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-510 .elementor-element.elementor-element-6b33254:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-6b33254 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #E7E392 14%, #3444CE 97%);}.elementor-510 .elementor-element.elementor-element-a46ac74{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-510 .elementor-element.elementor-element-d1f5969 iframe{height:323px;}.elementor-510 .elementor-element.elementor-element-96f8f56{--display:flex;}@media(min-width:768px){.elementor-510 .elementor-element.elementor-element-e8c48f6{--width:80%;}}@media(max-width:767px){.elementor-510 .elementor-element.elementor-element-4d044d2:not(.elementor-motion-effects-element-type-background), .elementor-510 .elementor-element.elementor-element-4d044d2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;}.elementor-510 .elementor-element.elementor-element-52915c0{--margin-top:214px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-510 .elementor-element.elementor-element-3698031{--e-image-carousel-slides-to-show:2;}}/* Start custom CSS for bdevs-slider-home3, class: .elementor-element-d9a0cd5 *//* Color Verde Base y Transición Suave (Estado Normal) */
.elementor-510 .elementor-element.elementor-element-d9a0cd5 a.button-1 {
    background-color: #2ecc71 !important; /* Tu verde (vibrante) */
    color: #ffffff !important; /* Color del texto (blanco para contraste) */
    
    /* DEFINIR LA TRANSICIÓN AQUÍ (En el estado base) */
    /* background-color (qué propiedad) | 0.4s (cuánto tiempo) | ease-in-out (tipo de suavizado) */
    transition: background-color 0.4s ease-in-out !important;
}

/* Color Amarillo en estado Hover (Al pasar el mouse) */
.elementor-510 .elementor-element.elementor-element-d9a0cd5 a.button-1:hover {
    background-color: #f1c40f !important; /* Tu amarillo (vibrante) */
    /* La transición ya se aplica porque se definió arriba */
}
/* Modificación del contenedor del ícono flotante */
.elementor-510 .elementor-element.elementor-element-d9a0cd5 .icon {
    background-color: #2ecc71 !important; /* El verde que solicitaste */
    border-radius: 8px; /* Opcional: suaviza los bordes si el original era cuadrado */
    transition: all 0.3s ease;
}

/* CORRECCIÓN VITAL: Forzar el color del ícono interno a blanco para que sea visible */
.elementor-510 .elementor-element.elementor-element-d9a0cd5 .icon i, 
.elementor-510 .elementor-element.elementor-element-d9a0cd5 .icon svg, 
.elementor-510 .elementor-element.elementor-element-d9a0cd5 .icon a {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Efecto hover sutil para mantener el dinamismo */
.elementor-510 .elementor-element.elementor-element-d9a0cd5 .icon:hover {
    background-color: #27ae60 !important; /* Un verde ligeramente más oscuro */
    transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for bdevs-about-home1, class: .elementor-element-4ec66cb *//* Color Verde Base y Transición Suave (Estado Normal) */
/* Usamos el .elementor-510 .elementor-element.elementor-element-4ec66cb específico para ESTE widget y la clase combinada del botón */
.elementor-510 .elementor-element.elementor-element-4ec66cb a.button-1.mt-10 {
    background-color: #2ecc71 !important; /* Mismo verde de Flat UI */
    color: #ffffff !important;
    
    /* DEFINIR LA TRANSICIÓN AQUÍ */
    transition: background-color 0.4s ease-in-out !important;
}

/* Color Amarillo en estado Hover (Al pasar el mouse) */
.elementor-510 .elementor-element.elementor-element-4ec66cb a.button-1.mt-10:hover {
    background-color: #f1c40f !important; /* Mismo amarillo de Flat UI */
}
/* Modificación del contenedor del ícono flotante */
.elementor-510 .elementor-element.elementor-element-4ec66cb .icon {
    background-color: #2ecc71 !important; /* El verde que solicitaste */
    border-radius: 8px; /* Opcional: suaviza los bordes si el original era cuadrado */
    transition: all 0.3s ease;
}

/* CORRECCIÓN VITAL: Forzar el color del ícono interno a blanco para que sea visible */
.elementor-510 .elementor-element.elementor-element-4ec66cb .icon i, 
.elementor-510 .elementor-element.elementor-element-4ec66cb .icon svg, 
.elementor-510 .elementor-element.elementor-element-4ec66cb .icon a {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Efecto hover sutil para mantener el dinamismo */
.elementor-510 .elementor-element.elementor-element-4ec66cb .icon:hover {
    background-color: #27ae60 !important; /* Un verde ligeramente más oscuro */
    transform: scale(1.05);
}
/* Estado base del icono de teléfono en About Home 1 */
/* Usamos .elementor-510 .elementor-element.elementor-element-4ec66cb .fa-phone para atacar específicamente el icono en este widget */
.elementor-510 .elementor-element.elementor-element-4ec66cb i.fa-phone {
    background-color: #2ecc71 !important; /* El verde vibrante */
    
    /* VITAL: Forzar el color del icono interno (el teléfono en sí) a blanco para contraste */
    color: #ffffff !important;           
    
    transition: all 0.4s ease-in-out;    /* Transición suave */
}

/* Estado hover del icono (Transición de verde a amarillo, igual que el otro botón) */
.elementor-510 .elementor-element.elementor-element-4ec66cb i.fa-phone:hover {
    background-color: #f1c40f !important; /* El amarillo de hover */
}
/* 1. Ajuste estructural de la caja principal (Mantenemos la reducción de tamaño y relleno) */
.elementor-510 .elementor-element.elementor-element-4ec66cb .note {
    width: 100px !important;
    height: 160px !important;
    padding: 6px 6px !important;
}

/* 2. Reducción tipográfica precisa (Atacando la clase .txt expuesta) */
.elementor-510 .elementor-element.elementor-element-4ec66cb .note .txt {
    font-size: 12px !important; 
    line-height: 1.4 !important; 
    margin-bottom: 4px !important; /* Reducimos el margen inferior de 20px a 8px para compactar */
}

/* 3. Ajuste de elementos complementarios */
.elementor-510 .elementor-element.elementor-element-4ec66cb .note i,
.elementor-510 .elementor-element.elementor-element-4ec66cb .note .star-rating {
    font-size: 14px !important; 
}
/* 4. Reducción de la firma/título inferior */
.elementor-510 .elementor-element.elementor-element-4ec66cb .note .title {
    font-size: 14px !important; /* Forzamos la reducción desde los 18px originales */
    line-height: 1.2 !important; /* Compactamos el interlineado para que no ocupe espacio vertical innecesario */
    font-weight: 500 !important; /* Opcional: le damos un poco de peso para que no se pierda al achicarlo */
}
.elementor-510 .elementor-element.elementor-element-4ec66cb .note {
    width: 150px !important;
    height: 160px !important;
    padding: 6px 6px !important;
    
    /* Opción 1: Si ya está anclado abajo, aumenta este valor */
    bottom: 190px !important; 
    
    /* Opción 2: Si la Opción 1 no responde, fuerza el movimiento visual */
    /* transform: translateY(-40px) !important; */
}/* End custom CSS */
/* Start custom CSS for bdevs-services-home3, class: .elementor-element-d4c0004 *//* Modificación del contenedor del ícono flotante */
.elementor-510 .elementor-element.elementor-element-d4c0004 .icon {
    background-color: #2ecc71 !important; /* El verde que solicitaste */
    border-radius: 8px; /* Opcional: suaviza los bordes si el original era cuadrado */
    transition: all 0.3s ease;
}

/* CORRECCIÓN VITAL: Forzar el color del ícono interno a blanco para que sea visible */
.elementor-510 .elementor-element.elementor-element-d4c0004 .icon i, 
.elementor-510 .elementor-element.elementor-element-d4c0004 .icon svg, 
.elementor-510 .elementor-element.elementor-element-d4c0004 .icon a {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Efecto hover sutil para mantener el dinamismo */
.elementor-510 .elementor-element.elementor-element-d4c0004 .icon:hover {
    background-color: #27ae60 !important; /* Un verde ligeramente más oscuro */
    transform: scale(1.05);
}
/* 1. Ocultar el ícono de la fuente original anulando su contenido */
.elementor-510 .elementor-element.elementor-element-d4c0004 .flaticon-dog-and-pets-house::before {
    content: "" !important; 
    display: block !important;
    
    /* 2. Definir las dimensiones del nuevo espacio para tu imagen */
    width: 100px !important; 
    height: 70px !important; 
    
    /* 3. Inyectar tu imagen SVG personalizada */
    background-image: url('https://misterauau.cl/wp-content/uploads/2026/05/banoperro.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    /* Opcional: Margen inferior para separarlo del título */
    margin-bottom: 10px;
}
/* 1. Ocultar el ícono de la fuente original anulando su contenido */
.elementor-510 .elementor-element.elementor-element-d4c0004 .flaticon-animals-11::before {
    content: "" !important; 
    display: block !important;
    
    /* 2. Definir las dimensiones del nuevo espacio para tu imagen */
    width: 100px !important; 
    height: 70px !important; 
    
    /* 3. Inyectar tu imagen SVG personalizada */
    background-image: url('https://misterauau.cl/wp-content/uploads/2026/05/banolindo.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    /* Opcional: Margen inferior para separarlo del título */
    margin-bottom: 10px;
}
/* 1. Ocultar el ícono de la fuente original anulando su contenido */
.elementor-510 .elementor-element.elementor-element-d4c0004 .flaticon-veterinarian-hospital::before {
    content: "" !important; 
    display: block !important;
    
    /* 2. Definir las dimensiones del nuevo espacio para tu imagen */
    width: 100px !important; 
    height: 70px !important; 
    
    /* 3. Inyectar tu imagen SVG personalizada */
    background-image: url('https://misterauau.cl/wp-content/uploads/2026/05/oidos.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    /* Opcional: Margen inferior para separarlo del título */
    margin-bottom: 10px;
}
/* 1. Ocultar el ícono de la fuente original anulando su contenido */
.elementor-510 .elementor-element.elementor-element-d4c0004 .flaticon-syringe::before {
    content: "" !important; 
    display: block !important;
    
    /* 2. Definir las dimensiones del nuevo espacio para tu imagen */
    width: 100px !important; 
    height: 70px !important; 
    
    /* 3. Inyectar tu imagen SVG personalizada */
    background-image: url('https://misterauau.cl/wp-content/uploads/2026/05/unas.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    /* Opcional: Margen inferior para separarlo del título */
    margin-bottom: 10px;
}
/* 1. Ocultar el ícono de la fuente original anulando su contenido */
.elementor-510 .elementor-element.elementor-element-d4c0004 .flaticon-people-1::before {
    content: "" !important; 
    display: block !important;
    
    /* 2. Definir las dimensiones del nuevo espacio para tu imagen */
    width: 100px !important; 
    height: 70px !important; 
    
    /* 3. Inyectar tu imagen SVG personalizada */
    background-image: url('https://misterauau.cl/wp-content/uploads/2026/05/fulldog.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    /* Opcional: Margen inferior para separarlo del título */
    margin-bottom: 10px;
}
/* Sobreescritura del fondo del contenedor services3 con degradado lineal */
.elementor-510 .elementor-element.elementor-element-d4c0004 section.services3,
.elementor-510 .elementor-element.elementor-element-d4c0004.services3 {
    /* linear-gradient(dirección, color-inicio, color-fin) */
    background: linear-gradient(to bottom, #eff36f 0%, #ffffff 100%) !important;
    
    /* Forzamos la anulación de cualquier color sólido que el tema tenga por defecto */
    background-color: transparent !important; 
}
/* 1. Ocultar el ícono de la fuente original anulando su contenido */
.elementor-510 .elementor-element.elementor-element-d4c0004 .flaticon-dog::before {
    content: "" !important; 
    display: block !important;
    
    /* 2. Definir las dimensiones del nuevo espacio para tu imagen */
    width: 100px !important; 
    height: 70px !important; 
    
    /* 3. Inyectar tu imagen SVG personalizada */
    background-image: url('https://misterauau.cl/wp-content/uploads/2026/05/dientes.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    
    /* Opcional: Margen inferior para separarlo del título */
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for bdevs-chose-us-home1, class: .elementor-element-5efec2f *//* Modificación del contenedor del ícono flotante */
.elementor-510 .elementor-element.elementor-element-5efec2f .icon {
    background-color: #2ecc71 !important; /* El verde que solicitaste */
    border-radius: 12px; /* Opcional: suaviza los bordes si el original era cuadrado */
    transition: all 0.3s ease;
}

/* CORRECCIÓN VITAL: Forzar el color del ícono interno a blanco para que sea visible */
.elementor-510 .elementor-element.elementor-element-5efec2f .icon i, 
.elementor-510 .elementor-element.elementor-element-5efec2f .icon svg, 
.elementor-510 .elementor-element.elementor-element-5efec2f .icon a {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Efecto hover sutil para mantener el dinamismo */
.elementor-510 .elementor-element.elementor-element-5efec2f .icon:hover {
    background-color: #27ae60 !important; /* Un verde ligeramente más oscuro */
    transform: scale(1.08);
}

/* --- LÓGICA GLOBAL (Escritorio/Tablet grande) --- */
.elementor-510 .elementor-element.elementor-element-5efec2f .img img {
    width: 80% !important; 
    display: block !important; 
    margin: auto !important; /* Centrado en pantallas grandes */
    /* Regla geométrica: Redondeo de bordes */
        border-radius: 19px !important;
}

/* --- LÓGICA PARA MÓVILES Y TABLETS (Responsividad) --- */
/* Se activa en pantallas menores a 1024px */
@media (max-width: 1024px) {
    
    /* Atacamos a la misma etiqueta img para sobreescribir la regla anterior */
    .elementor-510 .elementor-element.elementor-element-5efec2f .img img {
        width: 37% !important; 
        display: block !important; 
        
        /* Empujamos la imagen hacia el extremo derecho */
        margin-left: auto !important; 
        margin-right: 0 !important; 
        /* Regla geométrica: Redondeo de bordes */
        border-radius: 19px !important;
    }
}/* End custom CSS */
/* Start custom CSS for bdevs-related-adoption-details, class: .elementor-element-f55d22c *//* Modificación del contenedor del ícono flotante */
.elementor-510 .elementor-element.elementor-element-f55d22c .icon {
    background-color: #2ecc71 !important; /* El verde que solicitaste */
    border-radius: 8px; /* Opcional: suaviza los bordes si el original era cuadrado */
    transition: all 0.3s ease;
}

/* CORRECCIÓN VITAL: Forzar el color del ícono interno a blanco para que sea visible */
.elementor-510 .elementor-element.elementor-element-f55d22c .icon i, 
.elementor-510 .elementor-element.elementor-element-f55d22c .icon svg, 
.elementor-510 .elementor-element.elementor-element-f55d22c .icon a {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Efecto hover sutil para mantener el dinamismo */
.elementor-510 .elementor-element.elementor-element-f55d22c .icon:hover {
    background-color: #27ae60 !important; /* Un verde ligeramente más oscuro */
    transform: scale(1.05);
}

.elementor-510 .elementor-element.elementor-element-f55d22c .section-info .tag {
    background-color: #004AAD !important;
    color: #ffffff !important;
    border-radius: 40px !important;
    padding: 4px 24px !important;
    display: inline-block !important;
    font-size: 32px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}

.elementor-510 .elementor-element.elementor-element-f55d22c .section-info .tag span {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9071b99 *//* Sobreescritura global del fondo de la sección Adoption */
.adoption {
    background: linear-gradient(to bottom, #ffffff 0%, #2ecc71 100%) !important;
    background-color: transparent !important;
}

/* Control de daños de legibilidad: 
   Como la parte superior ahora es blanca, forzamos los textos blancos a oscuros */
.adoption h2,
.adoption p,
.adoption .txt,
.adoption ul li {
    color: #2c3e50 !important; /* Gris azulado oscuro */
}/* End custom CSS */
/* Start custom CSS for bdevs-faq-home1, class: .elementor-element-fb3a48c *//* Modificación del contenedor del ícono flotante */
.elementor-510 .elementor-element.elementor-element-fb3a48c .icon {
    background-color: #2ecc71 !important; /* El verde que solicitaste */
    border-radius: 8px; /* Opcional: suaviza los bordes si el original era cuadrado */
    transition: all 0.3s ease;
}

/* CORRECCIÓN VITAL: Forzar el color del ícono interno a blanco para que sea visible */
.elementor-510 .elementor-element.elementor-element-fb3a48c .icon i, 
.elementor-510 .elementor-element.elementor-element-fb3a48c .icon svg, 
.elementor-510 .elementor-element.elementor-element-fb3a48c .icon a {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Efecto hover sutil para mantener el dinamismo */
.elementor-510 .elementor-element.elementor-element-fb3a48c .icon:hover {
    background-color: #27ae60 !important; /* Un verde ligeramente más oscuro */
    transform: scale(1.05);
}
/* Color Verde Base y Transición (Widget About Details) */
.elementor-510 .elementor-element.elementor-element-fb3a48c a.button-1 {
    background-color: #2ecc71 !important; /* Verde vibrante */
    color: #ffffff !important; 
    
    /* Mantenemos la transición fluida en el estado base */
    transition: background-color 0.4s ease-in-out !important;
}

/* Color Amarillo en estado Hover */
.elementor-510 .elementor-element.elementor-element-fb3a48c a.button-1:hover {
    background-color: #f1c40f !important; /* Amarillo vibrante */
}
/* Estilo EXCLUSIVO para la pestaña del acordeón cuando está ABIERTA */
.elementor-510 .elementor-element.elementor-element-fb3a48c .accordion.block.active-block .acc-btn {
    background-color: #00009a !important; /* Cabecera verde al abrirse */
    color: #ffffff !important; /* Texto blanco para contrastar */
}
/* Estilo para el contenido de texto que se despliega debajo */
.elementor-510 .elementor-element.elementor-element-fb3a48c .accordion.block.active-block .acc-content {
    /* Aquí podrías poner un fondo gris muy suave o cambiar el tamaño del texto */
    background-color: #00009a !important; 
}/* End custom CSS */
/* Start custom CSS for bdevs-video-home1, class: .elementor-element-244be85 *//* Modificación del contenedor del ícono flotante */
.elementor-510 .elementor-element.elementor-element-244be85 .icon {
    background-color: #2ecc71 !important; /* El verde que solicitaste */
    border-radius: 8px; /* Opcional: suaviza los bordes si el original era cuadrado */
    transition: all 0.3s ease;
}

/* CORRECCIÓN VITAL: Forzar el color del ícono interno a blanco para que sea visible */
.elementor-510 .elementor-element.elementor-element-244be85 .icon i, 
.elementor-510 .elementor-element.elementor-element-244be85 .icon svg, 
.elementor-510 .elementor-element.elementor-element-244be85 .icon a {
    color: #ffffff !important;
    fill: #ffffff !important;
}

/* Efecto hover sutil para mantener el dinamismo */
.elementor-510 .elementor-element.elementor-element-244be85 .icon:hover {
    background-color: #27ae60 !important; /* Un verde ligeramente más oscuro */
    transform: scale(1.05);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-940ac67 */.mister-au-au-seo-discreto {
  max-width: 900px;
  margin: 0 auto;
  padding: 24px 20px;
  font-family: inherit;
  color: #333;
  line-height: 1.6;
}

.mister-au-au-seo-discreto h1 {
  font-size: 34px;
  line-height: 1.2;
  margin-bottom: 12px;
  color: #5b3b82;
  font-weight: 700;
}

.mister-au-au-seo-discreto .intro-seo {
  font-size: 17px;
  margin-bottom: 18px;
}

.seo-acordeon {
  margin-top: 12px;
  border: 1px solid #e6ddf2;
  border-radius: 14px;
  background: #faf7ff;
  overflow: hidden;
}

.seo-acordeon summary {
  cursor: pointer;
  padding: 14px 18px;
  font-size: 16px;
  font-weight: 600;
  color: #5b3b82;
  list-style: none;
}

.seo-acordeon summary::-webkit-details-marker {
  display: none;
}

.seo-acordeon summary::after {
  content: "+";
  float: right;
  font-size: 20px;
  font-weight: 700;
}

.seo-acordeon[open] summary::after {
  content: "–";
}

.seo-contenido {
  padding: 0 18px 18px 18px;
  background: #ffffff;
}

.seo-contenido h2 {
  font-size: 24px;
  margin-top: 24px;
  margin-bottom: 10px;
  color: #5b3b82;
}

.seo-contenido h3 {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 8px;
  color: #7b5aa6;
}

.seo-contenido p {
  font-size: 16px;
  margin-bottom: 12px;
}/* End custom CSS */