.elementor-15339 .elementor-element.elementor-element-e8a1987{margin-top:0px;margin-bottom:0px;}.elementor-15339 .elementor-element.elementor-element-62448d5 img{width:100%;}.elementor-15339 .elementor-element.elementor-element-d691de9 > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}body.modal-open-dce-popup-2f12480 .dce-modal.dce-popup-2f12480 .modal-dialog{animation-name:enterFromTopPopup;-webkit-animation-name:enterFromTopPopup;}body.modal-open-dce-popup-2f12480 .dce-push, body.modal-open-dce-popup-2f12480 .dce-modal.dce-popup-2f12480 .modal-dialog{animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;}body.modal-open-dce-popup-2f12480 .dce-push, body.modal-open-dce-popup-2f12480 .dce-modal.dce-popup-2f12480 .modal-dialog.animated{-webkit-animation-duration:0.6s;animation-duration:0.6s;}.dce-modal.dce-popup-2f12480 .modal-dialog{animation-name:exitToBottomPopup;-webkit-animation-name:exitToBottomPopup;}body.modal-close-dce-popup-2f12480 .dce-push, .dce-modal.dce-popup-2f12480 .modal-dialog{animation-timing-function:ease-in-out;-webkit-animation-timing-function:ease-in-out;}body.modal-close-dce-popup-2f12480 .dce-push, .dce-modal.dce-popup-2f12480 .modal-dialog.animated{-webkit-animation-duration:0.6s;animation-duration:0.6s;}dce-popup-container.dce-popup-container-2f12480 .dce-modal-background-layer:before, .elementor-15339 .elementor-element.elementor-element-2f12480 .dce-modal-background-layer:before{opacity:0.84;}.dce-modal.dce-popup-2f12480{width:55%;}.dce-modal.dce-popup-2f12480 .modal-content{height:400px;margin:20px 20px 20px 20px;border-radius:15px 15px 15px 15px;}.dce-modal.dce-popup-2f12480 .modal-body{padding:20px 20px 20px 20px;}.elementor-15339 .elementor-element.elementor-element-2f12480 .dce-button-popoup{border-radius:20px 20px 20px 20px;}.elementor-15339 .elementor-element.elementor-element-2f12480 .dce-modal-close .dce-quit-ics, .dce-modal.dce-popup-2f12480 .dce-modal-close .dce-quit-ics{height:25px;width:25px;top:5px;right:5px;}.elementor-15339 .elementor-element.elementor-element-2f12480 .dce-modal-close .dce-quit-ics:after, .elementor-15339 .elementor-element.elementor-element-2f12480 .dce-modal-close .dce-quit-ics:before, .dce-modal.dce-popup-2f12480 .dce-modal-close .dce-quit-ics:after, .dce-modal.dce-popup-2f12480 .dce-modal-close .dce-quit-ics:before{height:1px;top:calc(50% - (1px/2));width:60%;left:calc(50% - (60%/2));}.elementor-15339 .elementor-element.elementor-element-2f12480 > .elementor-widget-container:hover{--e-transform-scale:1.05;}.elementor-15339 .elementor-element.elementor-element-86bc0c0{margin-top:025px;margin-bottom:0px;}.elementor-15339 .elementor-element.elementor-element-71170d1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15339 .elementor-element.elementor-element-e1a69e0 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15339 .elementor-element.elementor-element-9399e8e{margin-top:25px;margin-bottom:0px;}.elementor-15339 .elementor-element.elementor-element-657c4eb iframe{height:100vh;}.elementor-15339 .elementor-element.elementor-element-657c4eb > .elementor-widget-container{margin:0px 00px 0px 0px;}.elementor-15339 .elementor-element.elementor-element-0441e27{margin-top:25px;margin-bottom:0px;}.elementor-15339 .elementor-element.elementor-element-c4f0844 img{width:100%;}.elementor-15339 .elementor-element.elementor-element-43e8984 > .elementor-widget-container{padding:35px 0px 0px 0px;}/* Start custom CSS for image, class: .elementor-element-71170d1 *//* 1. Cuando pasas el mouse */
.elementor-15339 .elementor-element.elementor-element-71170d1 a:hover img {
    content: url("https://www.plottier.gob.ar/wp-content/uploads/2026/04/1_boton-naranja.png") !important;
}

/* 2. Cuando el botón es el destino (Activo) */
/* Como el ID 1 está en el mismo widget, usamos esto: */
[id="1"]:target img {
    content: url("https://www.plottier.gob.ar/wp-content/uploads/2026/04/1_boton-naranja.png") !important;
}

/* 3. Asegurar que no se duplique o deforme */
.elementor-15339 .elementor-element.elementor-element-71170d1 img {
    width: 100% !important;
    height: auto !important;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-e1a69e0 *//* --- BOTÓN 1 --- */
/* Hover */
.elementor-widget-image a[href*="#1"]:hover img {
    content: url("https://www.plottier.gob.ar/wp-content/uploads/2026/04/1_boton-naranja.png") !important;
}
/* Activo (Cuando la URL tiene #1) */
[id="1"]:target img {
    content: url("https://www.plottier.gob.ar/wp-content/uploads/2026/04/1_boton-naranja.png") !important;
}

/* --- BOTÓN 2 --- */
/* Hover */
.elementor-widget-image a[href*="#2"]:hover img {
    content: url("https://www.plottier.gob.ar/wp-content/uploads/2026/04/2_boton-NARANJA.png") !important;
}
/* Activo (Cuando la URL tiene #2) */
[id="2"]:target img {
    content: url("https://www.plottier.gob.ar/wp-content/uploads/2026/04/2_boton-NARANJA.png") !important;
}

/* Ajuste general para que no salten */
.elementor-widget-image img {
    transition: none !important; /* Quitar transición ayuda a que el cambio sea instantáneo al recargar */
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-c4f0844 *//* --- BOTÓN 1 --- */
/* Hover */
.elementor-widget-image a[href*="#1"]:hover img {
    content: url("https://www.plottier.gob.ar/wp-content/uploads/2026/04/1_boton-naranja.png") !important;
}
/* Activo (Cuando la URL tiene #1) */
[id="1"]:target img {
    content: url("https://www.plottier.gob.ar/wp-content/uploads/2026/04/1_boton-naranja.png") !important;
}

/* --- BOTÓN 2 --- */
/* Hover */
.elementor-widget-image a[href*="#2"]:hover img {
    content: url("https://www.plottier.gob.ar/wp-content/uploads/2026/04/2_boton-NARANJA.png") !important;
}
/* Activo (Cuando la URL tiene #2) */
[id="2"]:target img {
    content: url("https://www.plottier.gob.ar/wp-content/uploads/2026/04/2_boton-NARANJA.png") !important;
}

/* Ajuste general para que no salten */
.elementor-widget-image img {
    transition: none !important; /* Quitar transición ayuda a que el cambio sea instantáneo al recargar */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-43e8984 *//* Estilos generales para el ejemplo */
        /* Contenedor principal */
        .faq-container {
            width: 100%;
            
            padding: 10px;
        }

        /* Estilo de cada ítem (caja) */
        details {
            background-color: white;
            border: 1px solid #ccc; /* Borde gris sutil */
            margin-bottom: 15px; /* Espacio entre preguntas */
            box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Sombra ligera */
            overflow: hidden; /* Para mantener bordes redondeados si se usan */
        }

        /* El encabezado (la pregunta) */
        summary {
            list-style: none; /* Quitar el triángulo por defecto */
            padding: 20px;
            font-weight: bold;
            font-size: 1.1em;
            color: #333;
            cursor: pointer;
            position: relative;
            display: flex;
            align-items: center;
        }

        /* Eliminar marcador por defecto en Safari/Chrome */
        summary::-webkit-details-marker {
            display: none;
        }

        /* El icono del signo Más (+) */
        summary::before {
            content: '+';
            font-size: 2em; /* Grande y negrita */
            font-weight: bold;
            margin-right: 20px;
            color: #000;
            line-height: 0.5; /* Ajuste para centrado vertical visual */
            transition: transform 0.3s ease; /* Animación suave */
        }

        /* Efecto Hover */
        summary:hover {
            background-color: #f9f9f9;
        }

        /* Estilo cuando la caja está abierta */
        details[open] summary {
            border-bottom: 1px solid #eee;
        }

        /* Animación del icono cuando se abre (Gira 45 grados para formar una X) */
        details[open] summary::before {
            transform: rotate(45deg);
        }

        /* El contenido de la respuesta */
        .faq-content {
            padding: 20px;
            padding-left: 60px; /* Indentación para alinear con el texto de arriba */
            color: #555;
            line-height: 1.6;
            
            background-color: #fff;
        }

        /* Texto específico gris de la imagen */
        .faq-text-grey {
            color: #666;
            font-size: 0.95em;
        }/* End custom CSS */