/* ===== MENÚ CABECERA ===== */

.menu-cabecera a {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.menu-cabecera a:hover {
    text-decoration: none !important;
}

.menu-cabecera a:focus,
.menu-cabecera a:active {
    outline: none !important;
    box-shadow: none !important;
}

/* ===== BANNER PRINCIPAL ===== */

@font-face {
    font-family: 'Caveat-Regular';
    src: url('../assets/fonts/Caveat-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

.frase-cierre {
    font-family: 'Caveat-Regular', cursive;                 
    font-weight: 400;                        
}

.text-custom-blue {
    color: #0a317e !important;
}

.landingbanner-image {
    width: 50%;
    height: auto;
}

/* ===== BENEFICIOS ===== */
.bg-custom-light {
    background-color: #eef6ff !important;
}

.text-custom-blue-light {
    color: #4a90e2 !important;
}

@media (min-width: 768px) {
    .border-end-md {
        border-right: 1px solid #ddd !important;
    }
}

/* ===== CARDS ===== */
.custom-card {
    border-radius: 16px !important;
    transition: all 0.3s ease;
}

.custom-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1) !important;
}

.card-blue {
    background-color: #eef6ff !important;
    border: 1.5px solid rgba(101, 118, 161, 0.35) !important;
}

.cardblue-gradient {
    background: linear-gradient(135deg, #aed6f1 0%, #eef6ff 70%) !important; 
}

.card-violet {
    background-color: rgba(103, 92, 196, 0.08) !important;
    border: 1.5px solid rgba(103, 92, 196, 0.35) !important;
}

.cardviolet-gradient {
	background: linear-gradient(135deg, #EEEAFE 0%, #f8f8fa 100%) !important;
}

/* ===== MODAL ===== */

.mod-gradient {
    background: linear-gradient(135deg, #aed6f1 0%, #eef6ff 70%) !important; 
}

.men-gradient {
    background: linear-gradient(135deg, #EEEAFE 0%, #f8f8fa 100%) !important;
}

.modal-footer{
	border: none !important;
}

.modal-header{
	border-bottom: none;
}

/* ===== SOBRE MÍ ===== */
.profile-img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border: 5px solid #fff !important;
}

/* ===== CTA ===== */
.cta-gradient {
    background: linear-gradient(90deg, #0d6efd, #198754) !important;
}

/* ===== RESPONSIVE (MOBILE) ===== */
@media (max-width: 991.98px) {
    .landingbanner-image {
        max-width: 250px;
        width: 100%;
        margin-top: 30px;
    }
}

/* ===== FIXES PARA TEMAS DE WORDPRESS ===== */
.landingbanner-image:hover,
.landingbanner-image:focus,
.profile-img:hover,
.profile-img:focus {
    outline: none !important;
    text-decoration: none !important;
}

.landingbanner-image:hover,
.landingbanner-image:focus {
    border: none !important;
    box-shadow: none !important;
}

.header-img {
	border: solid 10px #fff !important;
	border-radius: 50% !important;
    outline: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.header-img:hover,
.header-img:focus,
a:hover > .header-img,
a:focus > .header-img {
    outline: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    border: solid 10px #fff !important;
}

/* BORDE ROJO DE IMAGEN */
.header-img:hover,
.header-img:focus,
.header-img *:hover,
.header-img *:focus,
a:hover > .header-img,
a:focus > .header-img,
a:has(.header-img):hover,
a:has(.header-img):focus {
    outline: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.header-img a:hover,
.header-img a:focus,
.header-img img:hover,
.header-img img:focus,
a:has(.header-img):hover,
a:has(.header-img):focus {
    border: none !important;
}

.header-img {
    border: solid 10px #fff !important;
}
.header-img:hover,
.header-img:focus {
    border: solid 10px #fff !important;
}