/* 
 * estilos-comunes.css
 * Estilos compartidos para las páginas de Franceschetti
 */

/* Estilos generales */
body {
    background-image: url(../wp-content/uploads/2022/01/background-bio.png);
}

.elementor-invisible {
    visibility: unset !important;
    text-align: justify !important;
}

/* Estilos para títulos */
.elementor-heading-title2 {
    color: #9788a9 !important;
    font-size: 24px !important;
}

/* Estilos para la estructura de columnas */
.elementor-element.elementor-element-b986384 {
    display: flex;
    align-items: flex-start !important; /* Alineación vertical arriba */
}

.elementor-element.elementor-element-8924ea9 h3 {
    margin-top: 0;
    font-size: 18px;
    line-height: 1.6;
    color: #555;
}

/* Forzar alineación superior para contenedores */
.elementor-column-wrap,
.elementor-widget-wrap,
.elementor-widget-container,
.elementor-element {
    vertical-align: top !important;
}

.elementor-row {
    align-items: flex-start !important;
}

/* Estilos para el portfolio y sus componentes */
.jet-portfolio__inner > img {
    height: unset !important;
    text-align: center !important;
}

.jet-portfolio__inner {
    display: flex;
    justify-content: center;
    align-items: flex-start !important;
    text-align: center !important;
    height: 100%;
    padding-top: 0 !important;
    margin-top: 0 !important;
    min-height: 80px;
}

.jet-portfolio__item {
    width: 100%;
}

/* Estilos para los títulos de las secciones */
.jet-portfolio__inner h2 {
    text-align: center !important;
    font-weight: bold;
    color: #14275A; /* Color corporativo */
    font-size: 26px;
    margin-top: 0;
}

/* Eliminar espacios innecesarios */
.elementor-jet-portfolio.jet-elements,
.jet-portfolio__list,
.jet-portfolio.layout-type-grid {
    margin: 0 !important;
    padding: 0 !important;
}

/* Mejora el espaciado entre secciones */
section.elementor-element.elementor-element-0cc2bb7 {
    /*margin-bottom: 40px;*/
    border-bottom: 1px solid #f0f0f0;
    /*padding-bottom: 20px;*/
}

/* Estilo para el punto decorativo */
.dot {
    position: absolute;
    z-index: -1;
    top: -100px;
    height: 300px;
    width: 300px;
    background-color: #14275A;
    border-radius: 50%;
    display: inline-block;
}

/* Estilos para subsecciones (utilizado en quehacemos.php) */
.subsection {
    margin-left: 20px;
    margin-bottom: 20px;
    padding-left: 15px;
    border-left: 3px solid #ecf0f1;
}

.subsection h4 {
    color: #14275A;
    font-size: 20px;
    margin-bottom: 10px;
}

.subsection-content {
    font-size: 16px;
    line-height: 1.5;
    color: #555;
}

/* Estilos para los enlaces */
.jet-portfolio__inner h2 a,
.subsection h4 a {
    color: inherit;
    text-decoration: none;
}

.jet-portfolio__inner h2 a:hover,
.subsection h4 a:hover {
    text-decoration: none;
    opacity: 0.9;
}