/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 7/04/2026, 11:58:08 AM
    Author     : kpesantez
*/
/* ============================= */
/* BASE */
/* ============================= */

.historia-pro {
    background: #ffffff;
}

/* TITULOS */
.historia-pro .titulo-seccion {
    font-weight: 700;
    position: relative;
    display: inline-block;
}

/* ============================= */
/* FRASES */
/* ============================= */

.historia-pro .h3 i {
    display: block;
    font-size: 1.8rem;
    line-height: 1.4;
    text-align: center;
    padding: 30px 20px;
    color: #2c3e50;
    position: relative;
}

.historia-pro .h3 i::after {
    content: "";
    width: 80px;
    height: 4px;
    background: #68A883;
    display: block;
    margin: 15px auto 0;
}

/* ============================= */
/* BLOQUES HISTORIA */
/* ============================= */

.historia-pro .bg-light {
    background: #f8f9fa !important;
    border-radius: 20px;
    transition: all 0.3s ease;
}

.historia-pro .bg-light:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

/* ============================= */
/* IMÁGENES PERSONAS */
/* ============================= */

.historia-pro .img-photos {
    border-radius: 15px;
    transition: 0.4s;
}

.historia-pro .img-photos:hover {
    transform: scale(1.05);
}

/* ============================= */
/* ICONOS */
/* ============================= */

.historia-pro .img-icons {
    width: 50px;
    transition: 0.3s;
}

.historia-pro .row:hover .img-icons {
    transform: scale(1.2);
}

/* BLOQUES DE LISTA */
.historia-pro .row.mt-2 {
    padding: 15px;
    border-radius: 15px;
    transition: 0.3s;
}

.historia-pro .row.mt-2:hover {
    background: #f1f3f5;
    transform: translateX(5px);
}

/* ============================= */
/* CREENCIAS */
/* ============================= */

.historia-pro .creencia {
    transition: 0.3s;
}

.historia-pro .creencia:hover {
    transform: translateY(-8px);
}

.historia-pro .circletag {
    background: #f8f9fa;
    border-radius: 50%;
    padding: 15px;
    display: inline-block;
    transition: 0.3s;
}

.historia-pro .creencia:hover .circletag {
    background: #28a745;
}


/* ============================= */
/* SERVICIOS */
/* ============================= */

.historia-pro .card-services {
    border: none;
    border-radius: 20px;
    transition: 0.3s;
}

.historia-pro .card-services:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
}

/* ============================= */
/* ANIMACIÓN */
/* ============================= */

.historia-pro .animar {
    opacity: 1;
    transform: translateY(40px);
    transition: all 0.7s ease;
}

.historia-pro .animar.visible {
    opacity: 1;
    transform: translateY(0);
}
.historia-pro .content-center {
    max-width: 1100px;
    margin: auto;
}

.historia-pro p {
    line-height: 1.7;
}

.historia-pro .content-text {
    font-size: 1.05rem;
}

.historia-pro .content-text-creencia {
    text-align: center;
    margin-top: 10px;
}