/*
	 Theme Name:   Patronato Child
	 Description:  Patronato Child Theme
	 Author:       Irekisoft
	 Author URI:   https://www.irekisoft.net
	 Template:     bootscore
	 Version:      6.0.0
	 Requires at least: 5.0
	 Tested up to: 6.6
	 Requires PHP: 7.4
	 License: MIT License
	 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
	 Text Domain:  bootscore
	*/

	/*
	All style editing is done via /assets/scss/_bootscore_custom.scss
	*/
.super-simple-slider {
 font-family: 'Aleo', sans-serif;
}
.super-simple-slider h2 {
  font-size: 4rem !important;
}
.letrapeq p {
font-size: 0.8rem !important;	
}


/* =========================================================
   FRANJA SUPERIOR DEL HEADER
   ========================================================= */

.top-contact-row {
    width: 100%;
}

.top-contact-row > .container {
    height: 30px;
    font-size: 0.9em;
}

.top-contact-actions {
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 8px;

    white-space: nowrap;
}


/* =========================================================
   TELÉFONO + REDES
   ========================================================= */

.header-contact-item {
    position: relative;

    height: 25px;
    min-width: 25px;

    display: inline-flex;
    align-items: center;

    padding: 0 7px;

    color: #fff !important;
    text-decoration: none !important;

    border-radius: 16px;

    overflow: hidden;

    transition:
        min-width 0.35s ease,
        padding 0.35s ease,
        background-color 0.35s ease;
}


/* ICONO */

.header-contact-icon {
    width: 16px;
    min-width: 16px;
    height: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 15px;

    transition:
        transform 0.35s ease;
}


/* TEXTO OCULTO */

.header-contact-text {
    display: block;

    max-width: 0;

    margin-left: 0;

    opacity: 0;

    overflow: hidden;

    white-space: nowrap;

    font-size: 13px;
    font-weight: 500;

    transform: translateX(-8px);

    transition:
        max-width 0.35s ease,
        margin-left 0.35s ease,
        opacity 0.25s ease,
        transform 0.35s ease;
}


/* =========================================================
   HOVER
   ========================================================= */

.header-contact-item:hover,
.header-contact-item:focus-visible {

    min-width: 110px;

    padding-left: 10px;
    padding-right: 12px;

    background: rgba(255,255,255,.12);

    color: #fff !important;
}


/* Teléfono necesita más espacio */

.header-contact-item[href^="tel:"]:hover,
.header-contact-item[href^="tel:"]:focus-visible {

    min-width: 135px;
}


/* Aparece el texto */

.header-contact-item:hover .header-contact-text,
.header-contact-item:focus-visible .header-contact-text {

    max-width: 105px;

    margin-left: 7px;

    opacity: 1;

    transform: translateX(0);
}


/* Movimiento del icono */

.header-contact-item:hover .header-contact-icon,
.header-contact-item:focus-visible .header-contact-icon {

    transform: translateX(2px);
}


/* =========================================================
   EDUCAMOS
   ========================================================= */

.educamos-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;

    color: #fff !important;

    font-size: 13px;
    font-weight: 500;

    text-decoration: none !important;

    margin-left: 8px;

    white-space: nowrap;
}

.educamos-link:hover {
    color: #fff !important;
    opacity: .85;
}


/* =========================================================
   BUSCADOR
   ========================================================= */

.search-toggle {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: inherit;
    font: inherit;
    text-decoration: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
}

.top-contact-actions .search-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    margin-left: 5px;
}

.top-contact-actions .search-toggle img {
    width: 16px;
    height: 16px;

    object-fit: contain;

    transition: transform .25s ease;
}

.top-contact-actions .search-toggle:hover img {
    transform: scale(1.1);
}


/* =========================================================
   IDIOMAS
   ========================================================= */

.top-contact-actions .language-switcher {
    margin-left: 5px;
}


/* =========================================================
   IMPORTANTE:
   LA FILA DEL MENÚ ES INDEPENDIENTE
   ========================================================= */

.nav-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;

    max-height: none;
    min-height: 0;
}


	
	
	.otgs-development-site-front-end {
	display: none;
	}

	.fira-sans-regular {
	  font-family: "Fira Sans", sans-serif;
	  font-weight: 400;
	  font-style: normal;
	}

	.fira-sans-medium {
	  font-family: "Fira Sans", sans-serif;
	  font-weight: 500;
	  font-style: normal;
	}

	.fira-sans-bold {
	  font-family: "Fira Sans", sans-serif;
	  font-weight: 700;
	  font-style: normal;
	}

	.fondo-lavanda{
	background: #F3EDF5;
	}
	
	
	.menu-underline {
		position: relative;
		display: inline-block;
		padding-bottom: 3px; /* espacio entre texto y línea */
	}

	/* La línea: oculta al inicio, pegada a la izquierda */
	.menu-underline::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 2px;              /* grosor de la línea */
		background-color: #fff;   /* color blanco */
		transform: scaleX(0);     /* empieza invisible (ancho 0) */
		transform-origin: left;   /* crece desde la izquierda */
		transition: transform 0.3s ease;
	}

	/* Al hacer hover, la línea se expande de izq a der */
	.menu-underline:hover::after {
		transform: scaleX(1);
	}
	/* ============================================
		ELEMENTOS GENERALES Y RESET
	   ============================================ */
	
	a { text-decoration: none; color: #4f4350;}
	a:hover { opacity: 0.8; }
	::selection {  background: #63017a !important; }
	.bg-morado{ background: #63017a }
	ul li::marker {
		color: #d31320;
	}
	ul li {
		padding: 5px 0px;
	}

	/* ============================================
		MENUS
	   ============================================ */
	   
	#nav-main .container {
		display: flex;
		flex-direction: column;
	}
	
	/* ============================================
	IDIOMAS (WPML)
   ============================================ */

.wpml-ls-legacy-list-horizontal a {
  padding: 5px 4px 6px !important;
  color: white;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item:not(:last-child) {
    position: relative;
    padding-right: 8px;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 12px;   /* Ajusta la altura */
    background: #fff;
    transform: translateY(-50%);
}


.wpml-ls-current-language .wpml-ls-link {
    font-weight: 700;
}

.language-switcher,
.language-switcher .wpml-ls {
    display: flex;
    align-items: center;
}

.language-switcher .wpml-ls ul {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.language-switcher .wpml-ls li {
    margin: 0;
    padding: 0;
}

.mobile-language-switcher {
    display: flex;
    justify-content: center;
    gap: .75rem;
    margin-top: 1.5rem;
}
.mobile-language-switcher a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 50%;
    text-decoration: none;
    color: inherit;
    font-weight: 600;
    transition: var(--transition-rosner);
}
.mobile-language-switcher a.active {
    background: var(--color-azul-rosner);
    border-color: var(--color-azul-rosner);
    color: #fff;
}


ul.super-simple-slider li {
padding: 0px !important;
}

/* Efecto completo al hacer scroll */
#nav-main {
    padding: 0px;
    background: #fff;
    transition: box-shadow 0.4s ease;
}

/* Sombra más pronunciada al hacer scroll */
.site-header.scrolled #nav-main {
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

/* =========================================
   Boletines PDF (Patronews)
   ========================================= */

.lista-boletines #mla_gallery-1 {
    margin: 0 !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
    gap: 16px !important;
    padding: 0 !important;
}

.lista-boletines #mla_gallery-1 .gallery-item {
    position: relative !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-left: 4px solid #dc3545 !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
}

.lista-boletines #mla_gallery-1 .gallery-item:hover {
    background: #fef2f2 !important;
    border-left-color: #b91c1c !important;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.15) !important;
    transform: translateY(-2px) !important;
}

.lista-boletines #mla_gallery-1 .gallery-icon {
    margin: 0 !important;
    padding: 0 !important;
}

.lista-boletines #mla_gallery-1 .gallery-icon a {
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    display: block !important;
    text-decoration: none !important;
}

.lista-boletines #mla_gallery-1 .gallery-icon img {
    border: none !important;
    width: 40px !important;
    height: 40px !important;
    position: absolute !important;
    top: 50% !important;
    left: 20px !important;
    transform: translateY(-50%) !important;
    z-index: 2 !important;
    pointer-events: none !important;
    margin: 0 !important;
}

.lista-boletines #mla_gallery-1 .gallery-caption {
    position: relative !important;
    z-index: 2 !important;
    pointer-events: none !important;
    margin: 0 !important;
    padding: 22px 20px 22px 80px !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #1f2937 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    text-align: left !important;
    width: 100% !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}

/* Contenedor principal con transición */
#nav-main .container {
    display: flex;
    flex-direction: column;
    transition: padding 0.4s ease, all 0.4s ease;
}

.site-header.scrolled #nav-main .container {
    padding-top: 2px;
    padding-bottom: 2px;
}

/* Top header row */
.top-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-height: 35px;
    font-size: 0.92rem;
    transition: min-height 0.4s ease;
}
.top-header-row img{

    max-height: 16px;

}

.site-header.scrolled .top-header-row {
    min-height: 30px;
}

/* Logo */
.logo {
    vertical-align: middle;
    display: grid;
    padding-top: 15px;
    padding-bottom: 15px;
    transition: padding 0.4s ease;
}

.logo img {
    max-height: 53px;
    width: auto;
    display: block;
    transition: max-height 0.4s ease;
}

.site-header.scrolled .logo {
    padding-top: 8px;
    padding-bottom: 8px;
}

.site-header.scrolled .logo img {
    max-height: 42px;
}

/* Menu wrapper */
.menu-wrapper {
    width: 100%;
    min-height: 50px;
    transition: min-height 0.4s ease;
}

.site-header.scrolled .menu-wrapper {
    min-height: 35px;
}

/* Menu items */
.menu-wrapper .nav-link {
    font-size: 16px;
    color: #4f4350;
    font-family: 'Fira Sans';
    font-weight: 500;
    letter-spacing: 1%;
    position: relative;
    transition: font-size 0.4s ease, padding 0.4s ease;
}

.site-header.scrolled .menu-wrapper .nav-link {
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
}
	.header-actions {
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.menu-wrapper {
		width: 100%;
		height: 50px;
	}

	.menu-wrapper .navbar-nav {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap;
		justify-content: end;
		align-items: end;
		width: 100%;
		gap: 25px;
	}

	.menu-wrapper .nav-item {
		white-space: nowrap;
	}

	.menu-wrapper .nav-link {
		font-size: 16px;
		color: #4f4350;
		font-family: 'Fira Sans';
		font-weight: 500;
		letter-spacing: 1%;
		position: relative;
	}
	.menu-wrapper .nav-link:hover { color: #63017a; }
	.menu-wrapper .nav-link.active { color: #63017a; }
	.menu-wrapper .nav-link.active::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -7px;
		width: 100%;
		height: 2px;
		background: #63017a;
		z-index: 10;
	}

	#nav-main {
		padding: 5px;
		background: #fff;
	}

	.offcanvas.show .navbar-nav {
		flex-direction: column !important;
		gap: 0 !important;
	}

/*=====================================
    SUBMENU
======================================*/

.menu-wrapper .dropdown{
    position:relative;
}

.menu-wrapper .dropdown-menu.depth_0{

    display:block;

    position:absolute;
    top:calc(100% + 10px);
    left:0;

    min-width:300px;

    padding:8px 0;

    background:#fff;

    border:1px solid #eee;
    border-radius:12px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.08);

    opacity:0;
    visibility:hidden;
    transform:translateY(8px);

    transition:all .25s ease;

    overflow:hidden;

    z-index:9999;
}

/* línea superior */

.menu-wrapper .dropdown-menu.depth_0::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:2px;

    background:#63017a;

}

/* mostrar */

.menu-wrapper .dropdown:hover>.dropdown-menu.depth_0{

    opacity:1;
    visibility:visible;
    transform:translateY(0);

}

/* elementos */

.menu-wrapper .dropdown-menu.depth_0 li:not(:last-child){
    border-bottom:1px solid #f4f4f4;
}

.menu-wrapper .dropdown-menu.depth_0 .dropdown-item{

    position:relative;

    display:block;

    padding:11px 20px;

    font-size:13px;
    font-weight:500;

    letter-spacing:.02em;

    color:#3d3d3d;

    text-transform:none;

    transition:all .2s ease;

}

/* barra lateral muy fina */

.menu-wrapper .dropdown-menu.depth_0 .dropdown-item::before{

    content:"";

    position:absolute;

    left:0;
    top:50%;

    width:2px;
    height:0;

    background:#63017a;

    transform:translateY(-50%);

    transition:.2s;

}


/* hover */

.menu-wrapper .dropdown-menu.depth_0 .dropdown-item:hover{

    background:#faf7fb;

    color:#63017a;

    padding-left:26px;

}

.menu-wrapper .dropdown-menu.depth_0 .dropdown-item:hover::before{

    height:50%;

}

.dropdown-item.active, .dropdown-item:active {
    background-color: #efefef !important; 
}


	/* SLIDER */

	.hero-slider{
		position:relative;
		overflow:hidden;
	}

	.hero-divider{
		position:absolute;
		left:0;
		bottom:-1px;
		width:100%;
		height:80px;
		line-height:0;
		z-index:10;
	}

	.hero-divider svg{
		display:block;
		width:100%;
		height:100%;
	}

	.hero-divider polygon{
		
		fill:#F3EDF5;
	}
	
	

	.super-simple-slider-container .super-simple-slider-pagination {
	  bottom: 6.1%;
	  margin-left: 5%;
	  height: 35px;
	  position: absolute;
	  text-align: left !important;
	}

	.home-oferta .wp-block-column{
		border:1px solid #d3c1d1;
		border-radius:16px;
		overflow:hidden;
		background:#fff;
		transition:.3s;
	}

	.home-oferta .wp-block-column figure{
		margin:0;
	}

	.home-oferta .wp-block-column img{
		display:block;
		width:100%;
		object-fit:cover;
	}
	
	
	.home .wp-element-caption {
	font-size: 1.1rem;
	sfont-weight: 600;
	color: #620079;
	}
	
/* Formulario de contacto */

.wpcf7 .wpcf7-submit:disabled {
  border: 1px solid red;
}

.wpcf7 form {
    max-width: 760px;
}

.wpcf7-form label {
    width: 100%;
    font-weight: 500;
    margin-bottom: .5rem;
}

.wpcf7-form-control {
    aborder-radius: 15px;
}

.wpcf7 textarea {
    resize: vertical;
    min-height: 140px;
}

.wpcf7-spinner {
    margin-left: 1rem;
}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output {
    border-radius: .5rem;
    margin-top: 1.5rem;
}	
	
/* Blog */

.blog-post {
    margin: 0 auto;
    padding: 20px 0;
}
.entry-title {
    font-size: 2rem;
    margin-bottom: 15px;
    color: #63017a;
}
.entry-meta {
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.entry-meta span {
    margin-right: 15px;
}

.entry-content {
    line-height: 1.8;
    font-size: 1.1rem;
}
.entry-tags {
    margin: 30px 0;
    padding: 15px 0;
    border-top: 1px solid #eee;
}


/*=========================================
        CABECERA DE PÁGINAS
=========================================*/
/*======================================
    HERO
======================================*/

.page-hero{

    height:340px;

    background-size:cover;
    background-position:center;

    background-repeat:no-repeat;

    position:relative;

}

.page-hero.has-image::before{

    content:"";

    position:absolute;
    inset:0;

    background:rgba(0,0,0,.12);

}

.page-hero.no-image{

    background:linear-gradient(135deg,#63017a,#4d0060);

}



/*======================================
    TARJETA
======================================*/

.page-heading{

    margin-top:-50px;

    position:relative;

    z-index:20;

}

.page-heading-card{

    background:#faf9fb;

    border:1px solid #ece8ef;

    border-radius:15px;

    padding:1.5rem;

    max-width:850px;

    box-shadow:0 4px 18px rgba(0,0,0,.04);

}
/*======================================
    TÍTULO
======================================*/

.page-title{

    margin:0;

    font-size:2.5rem;

    color:#222;

    line-height:1.15;

}

.page-title::after{

    content:"";

    display:block;

    width:72px;
    height:4px;

    margin-top:1.2rem;

    border-radius:5px;

    background:#63017a;

}

/*======================================
    EXTRACTO
======================================*/

.page-intro{

    margin-top:1.5rem;

    font-size:1.15rem;

    line-height:1.8;

    color:#666;

    max-width:650px;

}

/*======================================
    BREADCRUMB
======================================*/

.breadcrumbs{

    margin-bottom:1rem;

    font-size:.9rem;

    color:#777;

}

.breadcrumbs a{

    color:#63017a;

    text-decoration:none;

}

.breadcrumbs a:hover{

    text-decoration:underline;

}

/*======================================
    CONTENIDO
======================================*/

.page-content{

    padding:3.5rem 0 5rem;

}

.page-content .container{

    dmax-width:990px;

}

/*======================================
    RESPONSIVE
======================================*/

@media(max-width:768px){

    .page-hero{

        height:220px;

    }

    .page-heading{

        margin-top:-40px;

    }

    .page-heading-card{

        padding:2rem;

        border-radius:14px;

    }

}

/* ===== ESTILOS PARA PAGINACIÓN INTERNA ===== */
.page-links{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    margin:3rem 0;
    padding:1rem 0;
    border-top:1px solid #ece7ef;
    border-bottom:1px solid #ece7ef;
}

.page-links a,
.page-links > span{
    width:38px;
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:.9rem;
    font-weight:500;
    text-decoration:none;
    transition:.25s;
}

.page-links a{
    color:#555;
}

.page-links a:hover{
    background:#63017a;
    color:#fff;
}

.page-links > span{
    background:#63017a;
    color:#fff;
}

/*==================================================
    NAVEGACIÓN ENTRE ARTÍCULOS
==================================================*/

.post-navigation{

    margin:4rem 0 2rem;

}

.post-navigation .nav-links{

    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;

}

.post-navigation .nav-previous,
.post-navigation .nav-next{

    min-width:0;

}

.post-navigation a{

    display:flex;
    flex-direction:column;
    justify-content:center;

    height:100%;
    min-height:125px;

    padding:1.75rem;

    text-decoration:none;

    background:#fff;

    border:1px solid #ece8ef;

    border-radius:18px;

    transition:
        border-color .25s,
        transform .25s,
        box-shadow .25s;

}

/* Hover */

.post-navigation a:hover{

    border-color:#63017a;

    box-shadow:0 12px 28px rgba(0,0,0,.08);

    transform:translateY(-3px);

}

/* ---------- Etiqueta ---------- */

.post-navigation .nav-label{

    display:flex;
    align-items:center;
    gap:.45rem;

    margin-bottom:.85rem;

    font-size:.72rem;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.14em;

    color:#63017a;

}

/* siguiente alineado a la derecha */

.post-navigation .nav-next{

    text-align:right;

}

.post-navigation .nav-next .nav-label{

    justify-content:flex-end;

}

/* ---------- Flechas ---------- */

.post-navigation .nav-arrow{

    font-size:1rem;

    transition:transform .25s;

}

.post-navigation .nav-previous a:hover .nav-arrow{

    transform:translateX(-3px);

}

.post-navigation .nav-next a:hover .nav-arrow{

    transform:translateX(3px);

}

/* ---------- Título ---------- */

.post-navigation .nav-title{

    color:#2d2d2d;

    font-size:1.05rem;

    font-weight:500;

    line-height:1.55;

    transition:color .25s;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;

}

.post-navigation a:hover .nav-title{

    color:#63017a;

}
.post-navigation a[rel="prev"]::before,
.post-navigation a[rel="next"]::after{
    content:none !important;
}
/* ---------- Responsive ---------- */

@media (max-width:768px){

    .post-navigation .nav-links{

        grid-template-columns:1fr;

        gap:18px;

    }

    .post-navigation .nav-next{

        text-align:left;

    }

    .post-navigation .nav-next .nav-label{

        justify-content:flex-start;

    }
	


}

/* responsive */

@media (max-width:768px){

    .post-navigation{

        grid-template-columns:1fr;

    }

    .post-navigation .nav-next{

        text-align:left;

    }

    .post-navigation .nav-next .nav-label{

        justify-content:flex-start;

    }
	
	.super-simple-slider-container .super-simple-slider .slide .overlay-container .opacity-left-container .opacity-left.one-fourth, .super-simple-slider-container .super-simple-slider .slide .overlay-container .opacity-right-container .opacity-right.one-fourth, .super-simple-slider-container .super-simple-slider .slide .overlay-container .overlay .opacity.one-fourth, .super-simple-slider-container .super-simple-slider .slide .overlay .opacity .vertical-aligner.one-fourth {
  top: 2%;
  transform: translateY(0);
}
	.super-simple-slider h2 {
	font-size: 1.1rem !important;
    padding-top: 10%
}
	
		.destacados .wp-block-column img {
height: 60px !important;
width: auto !important;
}
	

}
	

    .post-navigation .nav-next .nav-label{

        justify-content:flex-start;

    }
    


::selection {
  background: #63017a !important;
}
::selection {
  color: var(--bs-white);
  background-color: var(--bs-primary);
}
::selection {
  color: var(--bs-white);
  background-color: var(--bs-primary);
}
elemento {
  padding: 4%;
}


	
	/* ============================================
   CONTACT SECTION
   ============================================ */

/* Colores adicionales */
.text-vibrant-magenta {
    color: #e91e63;
}

.bg-vibrant-magenta {
    background-color: #ff0133;
}

.bg-deep-gray {
    background-color: #6c757d;
}
.bg-facebook{
    background-color: #0064e0;
}

/* Efectos hover */
.hover-scale {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-scale:hover {
    transform: scale(1.1);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.hover-purple {
    transition: color 0.3s ease;
}

.hover-purple:hover {
    color: #63017a !important;
}

/* Iconos en círculo */
.contact-icon-wrapper {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    color: #63017a;
    font-size: 1.5rem;
}

/* Imagen responsiva */
.object-fit-cover {
    object-fit: cover;
}

/* Ajustes responsive */
@media (max-width: 991.98px) {
    .contact-section .col-lg-6:last-child {
        margin-top: 2rem;
    }
    
    .contact-section .rounded-4 {
        height: 300px !important;
    }
}

@media (max-width: 575.98px) {
    .contact-section .display-5 {
        font-size: 2rem;
    }
    
    .contact-section .rounded-4 {
        height: 250px !important;
    }
    
    .contact-section .d-flex.gap-3 {
        gap: 0.75rem !important;
    }
    
    .contact-section .bg-purple,
    .contact-section .bg-vibrant-magenta,
    .contact-section .bg-secondary {
        width: 48px !important;
        height: 48px !important;
    }
    
    .contact-section .bg-purple i,
    .contact-section .bg-vibrant-magenta i,
    .contact-section .bg-secondary i {
        font-size: 1.25rem !important;
    }
}
	
	/* ============================================
   FOOTER
   ============================================ */
   
.slc-logo-img {
	max-height: 85px;
	width: auto;
}
/* Colores personalizados */
.text-purple {
    color: #63017a !important;
}

.btn-purple {
    background-color: #63017a;
    color: #fff;
    border: none;
    padding: 0.75rem 1rem;
    font-weight: 600;
    transition: all 0.3s ease;
}

.btn-purple:hover {
    background-color: #4f0162;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(99, 1, 122, 0.3);
}

.btn-purple i {
    transition: transform 0.3s ease;
}

.btn-purple:hover i {
    transform: translateX(5px);
}

.thover-purple {
    transition: color 0.3s ease;
}

.thover-purple:hover {
    color: #63017a !important;
}

/* Footer links */
footer a {
    text-decoration: none;
}

footer .list-unstyled li {
    margin-bottom: 0.5rem;
}

footer .list-unstyled li a {
    color: #6c757d;
    transition: color 0.3s ease;
}

footer .list-unstyled li a:hover {
    scolor: #63017a !important;
}

/* Logo en footer */
footer .custom-logo {
    max-height: 50px;
    width: auto;
}

/* Responsive adjustments */
@media (max-width: 767.98px) {
    footer .row > div {
        margin-bottom: 1.5rem;
    }
    
    footer .row > div:last-child {
        margin-bottom: 0;
    }
    
    .btn-purple {
        padding: 0.6rem 1rem;
    }
    .hero-divider svg{
    display: none !important;
    }
    
   .super-simple-slider-container .super-simple-slider .slide .overlay-container .overlay .opacity {
    top: 20% !important;
    transform: none !important;
    width: 99% !important;
  }
  .super-simple-slider-container .super-simple-slider .slide {
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  .super-simple-slider-container .caroufredsel_wrapper,
  .super-simple-slider-container .super-simple-slider {
    height: 250px !important;
  }

  .super-simple-slider-container .slide img {
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
    display: block !important;
  }
    
    
    
}

/* Por defecto para móviles */
.btn-responsive {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}

/* En pantallas grandes cambia a lg */
@media (min-width: 992px) {
    .btn-responsive {
        padding: 0.5rem 1rem;
        font-size: 1.25rem;
        border-radius: 0.3rem;
    }
}

/* Animación suave */
.transition {
    transition: all 0.3s ease;
}