/*
Theme Name: Hetoris Group Theme
Theme URI: https://www.hetoris.com
Author: Hetoris Group
Author URI: https://www.hetoris.com
Description: Tema personalizado para Hetoris Group - Tpro Security y Tpro Solutions. Incluye diseño moderno con Tailwind CSS y tarjetas de servicios interactivas.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hetoris
Tags: business, services, security, IT, responsive, tailwind
*/

/* ========================================================
    ESTILOS CSS ADICIONALES PARA LAS TARJETAS (OBLIGATORIO)
    ========================================================
*/

/* Fija el ancho máximo de la imagen para evitar que se desborde
    en pantallas muy pequeñas, aunque Tailwind ya lo maneja bien,
    esto es un refuerzo.
*/
.feature-card img {
    max-width: 100%;
    height: auto; 
    object-fit: contain; /* Asegura que la imagen se vea completa */
}

/* Define una sombra más pronunciada y estética para el estado hover.
    Esta es la que se aplica cuando se usa la clase 'hover:shadow-3xl' en Tailwind.
*/
.hover\:shadow-3xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 
                0 0 0 8px rgba(255, 255, 255, 0.3) inset; /* Sombra interior suave */
    /* Versión Dark Mode */
    /* Puedes definir colores específicos si el 'dark:' de Tailwind no funciona correctamente en tu tema */
}

/* Asegura que los enlaces dentro de esta sección no tengan decoración 
    adicional que pueda introducir el tema de WordPress.
*/
#tpro-features a {
    text-decoration: none !important;
}

/* Asegura que el contenido (texto) esté por encima del efecto de gradiente. 
    Esto es un refuerzo para la regla 'z-10' de Tailwind.
*/
.feature-card > div:first-child {
    position: relative;
    z-index: 10;
}

/* Hacer que los logos de TPro Reac y TPro Art tengan fondo transparente/oscuro */
/* Contenedores de TPro Reac y TPro Art con fondo oscuro para igualar las tarjetas */
.feature-card:nth-child(3),
.feature-card:nth-child(4) {
    background: #1e293b !important; /* Fondo oscuro igual a la página */
}

.feature-card:nth-child(3) img,
.feature-card:nth-child(4) img {
    background: #1f2937; /* Fondo de la tarjeta */
    mix-blend-mode: multiply; /* Fusiona el blanco con el fondo oscuro */
    opacity: 0.95; /* Hace el logo ligeramente transparente para que se vea el fondo */}
}
}