/* =========================================
   SINGLE PARROQUIA
   DISEÑO ESTILO DIÓCESIS
========================================= */


/* CONTENEDOR */

.parish-section .container {
    max-width:1100px;
    margin:0 auto;
}



/* =========================================
   HERO
========================================= */


.parish-hero {

    min-height:380px;

    display:flex;

    align-items:center;

}


.parish-hero .container {

    width:100%;

    max-width:1100px;

    margin:0 auto;

    padding:0;

}


.parish-hero .eyebrow,
.parish-hero h1,
.parish-hero .hero-location {

    text-align:left;

}


.parish-hero h1 {

    font-size:clamp(48px,6vw,78px);

    max-width:900px;

}


.parish-hero .hero-location {

    margin-top:15px;

    font-size:20px;

    color:#fff;

}



/* =========================================
   SECCIÓN
========================================= */


.parish-section {

    padding-top:70px;

    padding-bottom:80px;

}



/* =========================================
   IMAGEN
========================================= */


.parish-image-full {

    width:100%;

    max-width:1100px;

    margin:0 auto 35px;

    border-radius:28px;

    overflow:hidden;

    box-shadow:0 20px 55px rgba(11,58,130,.12);

}


.parish-image-full img {

    width:100%;

    height:380px;

    object-fit:cover;

    display:block;

}





/* =========================================
   TARJETAS SUPERIORES
========================================= */


.parish-layout-cards {

    width:100%;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

    margin-bottom:35px;

}





/* =========================================
   TARJETAS
========================================= */


.parish-info-card {

    background:#fff;

    border-radius:28px;

    padding:32px;

    border-top:5px solid #f4b400;

    box-shadow:0 20px 45px rgba(11,58,130,.10);

}



.parish-info-card h2 {

    margin:0 0 25px;

    color:#0b3a82;

    font-family:"Playfair Display",serif;

    font-size:28px;

}





/* =========================================
   CAMPOS
========================================= */


.parish-info-item {

    padding:14px 0;

    border-bottom:1px solid #e5ebf3;

}


.parish-info-item:last-child {

    border-bottom:none;

}



.parish-info-label {

    display:block;

    color:#0b3a82;

    font-size:11px;

    font-weight:900;

    text-transform:uppercase;

    letter-spacing:.08em;

    margin-bottom:7px;

}



.parish-info-item p,
.parish-info-item div {

    margin:0;

    color:#334155;

    font-size:16px;

    line-height:1.6;

}



/* =====================================
   CONTACTO PARROQUIA
===================================== */


.parish-contact-line {

    display:flex;
    align-items:center;
    gap:10px;
    color:#0b3a82;
    font-size:16px;
    font-weight:600;
    text-decoration:none;
    line-height:1.5;

}


.parish-contact-line:hover {

    color:#f4b400;

}


.contact-icon {

    color:#0b3a82;
    font-size:18px;
    font-weight:700;
    width:22px;
    display:inline-flex;
    justify-content:center;

}


.parish-phone-list {

    display:flex;
    flex-direction:column;
    gap:10px;

}




/* =========================================
   BOTONES EXTERNOS
========================================= */


.parish-link-button {

    display:inline-flex;
    align-items:center;
    margin-top:5px;
    padding:10px 22px;
    border-radius:30px;
    background:#f4b400;
    color:#0b3a82 !important;
    font-weight:800;
    text-decoration:none;
    transition:.3s;

}


.parish-link-button:hover {

    transform:translateY(-2px);

}



/* =========================================
   TARJETAS ANCHO COMPLETO
========================================= */


.parish-wide-card {

    width:100%;
    margin:0 auto 30px;

}



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


@media(max-width:900px){


    .parish-layout-cards {
        grid-template-columns:1fr;

    }


    .parish-image-full img {
        height:320px;

    }


}



@media(max-width:600px){

    .parish-section .container {
        padding-left:20px;
        padding-right:20px;

    }


    .parish-info-card {

        padding:25px;

    }


    .parish-info-card h2 {

        font-size:24px;

    }


}

/* =====================================
   ARCHIVO PARROQUIAS - ESPACIADO ZONAS
===================================== */


/* Separación entre zonas pastorales */

.parish-zone {

    margin-bottom:100px;

}



/* Título de zona */

.parish-zone h2 {

    margin-bottom:35px;

}



/* Grid de tarjetas */

.parish-zone .card-grid {

    gap:35px;

}

/* =====================================
   TELEFONOS
===================================== */

.parish-phone-list {

    display:flex;
    flex-direction:column;
    gap:10px;

}


.parish-phone-link {

    display:flex;
    align-items:center;
    gap:10px;
    color:#0b3a82;
    font-size:16px;
    font-weight:600;
    text-decoration:none;

}


.parish-phone-link:hover {

    color:#f4b400;

}


.phone-icon {

    color:#0b3a82;
    font-size:18px;
    line-height:1;

}

/* =========================================
   ESPACIADO ENTRE ZONAS PASTORALES
========================================= */


.province-section {

    margin-bottom:40px;

}


.province-section + .province-section {

    padding-top:10px;

}


.province-section .section-head {

    margin-bottom:20px;

}


.province-section .card-grid {

    gap:35px;

}

/* =========================================
   FILTROS PARROQUIAS
========================================= */


.parish-filters {

    margin-bottom:60px;

}


/* buscador */

#parish-search {

    width:100%;

    max-width:450px;

    padding:15px 20px;

    border-radius:30px;

    border:1px solid #d9e2ef;

    font-size:16px;

    color:#0b3a82;

    margin-bottom:25px;

}


#parish-search:focus {

    outline:none;

    border-color:#f4b400;

}



/* botones */

.province-buttons {

    display:flex;

    flex-wrap:wrap;

    gap:12px;

}



.province-buttons button {

    border:2px solid #0b3a82;

    background:white;

    color:#0b3a82;

    padding:10px 22px;

    border-radius:30px;

    font-size:14px;

    font-weight:700;

    cursor:pointer;

    transition:.3s;

}



.province-buttons button:hover {

    background:#0b3a82;

    color:white;

}



/* botón seleccionado */

.province-buttons button.active {

    background:#f4b400;

    border-color:#f4b400;

    color:#0b3a82;

}

/* Capital de provincia */

.province-capital {

    margin-top:8px;

    margin-bottom:40px;

    color:#64748b;

    font-size:22px;

    font-weight:400;

    font-family:"Lato", sans-serif;

}

/* =========================================
   COMUNIDADES Y CAPILLAS
========================================= */

.parish-communities {
    width: 100%;
    margin-bottom: 30px;
}

.parish-communities__heading {
    margin-bottom: 22px;
    padding-bottom: 0;
    border-bottom: none;
}

.parish-communities-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.parish-community-card {
    background: #f8fafc;
    border: 1px solid #e1e8f1;
    border-radius: 20px;
    padding: 24px;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.parish-community-card:hover {
    transform: translateY(-2px);
    border-color: #f4b400;
    box-shadow: 0 12px 30px rgba(11,58,130,.08);
}

.parish-community-card__type {
    display: inline-block;
    margin-bottom: 10px;
    color: #f4b400;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.parish-community-card h3 {
    margin: 0 0 18px;
    color: #0b3a82;
    font-family: "Playfair Display", serif;
    font-size: 23px;
    line-height: 1.25;
}

.parish-community-card__item {
    margin-top: 13px;
    padding-top: 13px;
    border-top: 1px solid #e5ebf3;
}

.parish-community-card__label {
    display: block;
    margin-bottom: 5px;
    color: #0b3a82;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.parish-community-card__item p,
.parish-community-card__item div,
.parish-community-card__item a {
    margin: 0;
    color: #334155;
    font-size: 15px;
    line-height: 1.55;
}

.parish-community-card__item a {
    color: #0b3a82;
    font-weight: 600;
    text-decoration: none;
}

.parish-community-card__item a:hover {
    color: #f4b400;
}

.parish-communities__legacy {
    margin-top: 0;
}

@media (max-width: 700px) {
    .parish-communities-grid {
        grid-template-columns: 1fr;
    }

    .parish-community-card {
        padding: 20px;
    }
}