/*
Theme Name: Hestia Child
Theme URI: https://eidon.pe
Description: Tema hijo para personalizar Hestia en eidon.pe
Author: Eidon
Author URI: https://eidon.pe
Template: hestia
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: hestia-child
*/

/* ==========================================================================
   Estilos personalizados de Eidon
   ========================================================================== */

/* Tus estilos van aquí */

.header-filter-gradient {
        background: linear-gradient(90deg, rgba(176, 36, 24, 1) 0, rgba(176, 36, 24, 1) 100%) !important;
}

.navbar .navbar-header .navbar-brand img {
    max-height: 75px !important;
    width: auto;
}

footer {
    background: #3e3e3c !important;  /* Cambia por el gris que quieras */
}

.header-filter::before { background-color: rgba(0,0,0,0.5); }

/* Contenedor principal - centrar íconos */


.redes-sociales-footer .wp-block-social-links {
 /*   justify-content: center !important; */
    gap: 15px !important; /* Espacio entre cada círculo */
    font-size: 24px;
}

/* Cada ícono social - círculo blanco proporcionado */
.redes-sociales-footer .wp-block-social-link {
    background-color: #4d4d4d !important;
    border-radius: 50% !important;
    padding: 6px !important; /* Padding reducido para mejor proporción */
    width: 40px !important;  /* Ancho fijo del círculo */
    height: 40px !important; /* Alto fijo del círculo */
    display: flex !important;
/*    align-items: center !important;
    justify-content: center !important;*/
}

/* El enlace dentro del círculo */
.redes-sociales-footer .wp-block-social-link-anchor {
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* El ícono SVG - más grande y proporcionado */
.redes-sociales-footer .wp-block-social-link svg {
    width: 25px !important;  /* Tamaño del ícono */
    height: 25px !important; /* Tamaño del ícono */
    fill: #ffff !important; /* Rojo */
    color: #ffff !important; /* Rojo */
}

/* Efecto hover (opcional) */
.redes-sociales-footer .wp-block-social-link:hover {
    background-color: #a92e2e !important;
    transform: translateY(-3px);
}

.redes-sociales-footer .wp-block-social-link:hover svg {
    fill: #ffff !important;
    /*color: #4d4d4d !important; */
    color: #ffff !important;
}

/**  para el blog  ***/
/* pagina de Blog con secciones */
.card .card-blog .card-plain {
    background: #ffffff;
    border-radius: 25px;
    margin-bottom: 40px;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: transform 0.3s ease;
}

.card.card-blog.card-plain:hover {
    transform: translateY(-5px);
}

/* Ocultar el autor en la página principal del blog */
.archive .author, 
.blog .author {
    display: none !important;
}

/* Ocultar el autor en las entradas individuales */
.single-post .author {
    display: none !important;
}

/* Si el autor está dentro de .entry-meta o .posted-by */
.entry-meta .author,
.posted-by .author,
.vcard .author {
    display: none !important;
}



.card.card-blog.card-plain {
    background: #ffffff;
    border-radius: 25px;
    margin-bottom: 40px;
    padding: 25px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}


/* ============================================
   FORMULARIO CON MISMO ESTILO QUE LOS POSTS
   ============================================ */

.suscripcion-post {
    background: #d0cdcd !important;
    border-radius: 25px !important;
    margin-bottom: 40px !important;
    padding: 35px 25px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    text-align: center !important;
    margin-top: 40px;
}


.suscripcion-post:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 25px rgba(0,0,0,0.12) !important;
}

.suscripcion-post-titulo {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    color: #222;
}

/* ============================================
   FORMULARIO CONTACT FORM 7 - UNA SOLA LÍNEA
   ============================================ */

.suscripcion-post .wpcf7-form {
    display: flex;
    flex-wrap: wrap;  /* Evita que se rompa a múltiples líneas */
    gap: 12px;
    align-items: center;
    justify-content: center;
    
}

.suscripcion-post .wpcf7-form p {
    margin: 0 !important;
    width: auto !important;
    flex: 1 !important;
}

/* Nombre y Correo en la misma línea */
.wpcf7-form-control-wrap .wpcf7-text,
.wpcf7-form-control-wrap .wpcf7-email,
 {
    width: 45%;
    padding: 12px 16px;
    font-size: 15px;
}

.card-form-7 {
padding-top: 25px;
}

.suscripcion-post .wpcf7-submit:hover {
    background: #8a1b10;
    transform: translateY(-2px);
}

/* Responsive: en móviles se apilan */
@media (max-width: 650px) {
    .suscripcion-post .wpcf7-form {
        flex-wrap: wrap;  /* En móviles sí se apilan */
        flex-direction: column;
    }
    
    .suscripcion-post .wpcf7-form p {
        width: 100%;
    }
    
    .suscripcion-post .wpcf7-submit {
        width: 100%;
    }
}


/* Responsive */
@media (max-width: 600px) {
    .suscripcion-post {
        padding: 25px 20px !important;
    }
    
    .suscripcion-post-titulo  {
        font-size: 20px;
    } 
    
}