/*
 Theme Name: Drone Media Child
 Theme URI: https://piramidalestudioalicante.com
 Description: Tema hijo del tema Drone Media
 Author: Fusionarte Comunicación
 Author URI: https://piramidalestudioalicante.com
 Template: drone-media
 Version: 1.0
 Text Domain: drone-media-child
*/

/* =Theme customization starts here
------------------------------------------------------------ */

/* IMAGEN CON SUPERPOSICIÓN */
.hover-image-container {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.hover-image-container img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: middle;
}

.hover-image-container .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(70, 175, 223, 0.7);
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    padding: 1em;
    box-sizing: border-box;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}

.hover-image-container:hover .hover-overlay {
    opacity: 1;
    pointer-events: auto;
}

/* ENLACES EN CONTENIDO NORMAL (NO BOTONES) EN AZUL CLARO */
.entry-content a:not(.elementor-button):not(.elementor-button-link),
.elementor-widget-text-editor a:not(.elementor-button):not(.elementor-button-link),
.elementor-widget-heading a:not(.elementor-button):not(.elementor-button-link) {
    color: #46afdf !important;
}

.entry-content a:not(.elementor-button):not(.elementor-button-link):hover,
.elementor-widget-text-editor a:not(.elementor-button):not(.elementor-button-link):hover,
.elementor-widget-heading a:not(.elementor-button):not(.elementor-button-link):hover {
    color: #3498db !important;
}

/* BOTONES: bloque antiguo desactivado (texto blanco forzado) */
/*
.elementor-button,
.elementor-button *,
.elementor-button-link,
.elementor-button-link *,
.elementor-button-text,
.elementor-button-text *,
.elementor-button-content-wrapper,
.elementor-button-content-wrapper *,
.btn,
.btn *,
.wp-block-button__link {
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
}
*/

/* ============================
   BOTONES ELEMENTOR / GUTENBERG
   ============================ */

/* Texto NEGRO por defecto en TODOS los botones de Elementor */
body .elementor-button,
body .elementor-button span,
body .elementor-button .elementor-button-text,
body .elementor-button-link,
body .elementor-button-link span {
    color: #000000 !important;
    fill: #000000 !important;
}

/* Mantener texto negro también en hover / focus / visited */
body .elementor-button:hover,
body .elementor-button:focus,
body .elementor-button:visited,
body .elementor-button-link:hover,
body .elementor-button-link:focus,
body .elementor-button-link:visited {
    color: #000000 !important;
    fill: #000000 !important;
}

/* Botones Gutenberg: texto oscuro por defecto */
.wp-block-button__link {
    color: #000000 !important;
}
/* FORZAR ESTILO DE LOS BOTONES DEL WIDGET "PRICE" DEL TEMA DRONE MEDIA */
.pricing_item .price_link,
.pricing_item .price_link:hover {
    color: #ffffff !important;      /* texto blanco siempre visible */
    background-color: #45afdf !important; /* tu azul corporativo */
    border-color: #45afdf !important;
}

/* Ajustar tipografía para que el texto no se esconda */
.pricing_item .price_link {
    font-weight: 600 !important;
    font-size: 16px !important;
}
/* --------------------------------------------------
   FORZAR ICONOS Y TITULOS EN ICON BOX (ANULA TEMA)
-------------------------------------------------- */

/* Color del icono en todos los Icon Box */
.elementor-icon-box-icon i,
.elementor-icon-box-icon svg {
    color: #45afdf !important;     /* tu azul corporativo */
    fill: #45afdf !important;
}

/* Color del título */
.elementor-icon-box-title {
    color: #000000 !important;     /* negro */
}

/* Desactivar estilos del tema al hacer hover */
.elementor-icon-box-title:hover,
.elementor-icon-box-icon:hover i,
.elementor-icon-box-icon:hover svg {
    color: #45afdf !important;
    fill: #45afdf !important;
}

/* Prevenir que el tema sobrescriba esto en frontend */
.elementor-widget-icon-box * {
    transition: all 0s !important;
}
/* ================================
   SECCIÓN "EL ALQUILER INCLUYE"
   Diseño moderno tipo cards
================================ */

.seccion-incluye .elementor-widget-icon-box {
    background: #ffffff;
    border-radius: 18px;
    padding: 24px 18px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.06);
    text-align: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Icono dentro de círculo */
.seccion-incluye .elementor-icon-box-icon {
    margin-bottom: 12px;
}

.seccion-incluye .elementor-icon-box-icon i,
.seccion-incluye .elementor-icon-box-icon svg {
    background: #45afdf;
    color: #ffffff !important;
    fill: #ffffff !important;
    border-radius: 50%;
    padding: 12px;
    font-size: 26px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

/* Título del icon box */
.seccion-incluye .elementor-icon-box-title {
    margin-top: 8px;
    font-weight: 600;
    font-size: 17px;
    color: #000000 !important;
}

/* Efecto hover de la card */
.seccion-incluye .elementor-widget-icon-box:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 28px rgba(0,0,0,0.12);
}

/* Evitar que el tema cambie colores en hover */
.seccion-incluye .elementor-widget-icon-box:hover .elementor-icon-box-title {
    color: #000000 !important;
}

/* Ajustes responsive para móvil */
@media (max-width: 767px) {
    .seccion-incluye .elementor-widget-icon-box {
        margin-bottom: 16px;
        padding: 20px 16px;
    }

    .seccion-incluye .elementor-icon-box-icon i,
    .seccion-incluye .elementor-icon-box-icon svg {
        font-size: 22px;
        padding: 10px;
    }

    .seccion-incluye .elementor-icon-box-title {
        font-size: 16px;
    }
}