/*
 Theme Name:   PSAP Theme
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.2.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  psaptheme
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/

/* ************************** Root ************************** */
:root {
    --bs-body-color: #f3f2e9 !important;
    --bs-primary: #cb3c20 !important;
    --bg-primary: #cb3c20 !important;
    /* --bs-secondary: #b49264 !important; */
    --bs-secondary: #ac7468 !important;
    --bg-secondary: #b49264 !important;
    /* --color-resaltado: #c7924d; */
    --color-primario: var(--bs-primary);
    --color-primario-claro: #d85035;
    --color-primario-oscuro: #b4381f;
    --color-secundario: var(--bs-secondary);
    --color-resaltado: #e76a1d;
    --color-texto: var(--bs-gray-700);
    --sombra: 0px 0px 30px rgba(0, 0, 0, 0.2);
    --sombra-chica: 0px 0px 10px rgba(0, 0, 0, 0.15);
    --transition: all 0.3s ease-out;
    --radius: 10px;
    --borde: solid 2px white;
}

/* Colores */
.bg-primary {
    background-color: var(--bs-primary) !important;
}
.text-bg-primary {
    background-color: var(--bg-primary) !important;
}
.bg-secondary {
    background-color: var(--bs-secondary) !important;
}
.text-bg-secondary {
    background-color: var(--color-secundario) !important;
}
/* Fin Colores */

body {
    background-color: var(--bs-body-color);
    background: #F3F2E9;
    /* background: -webkit-linear-gradient(0deg, rgba(243, 242, 233, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: -moz-linear-gradient(0deg, rgba(243, 242, 233, 1) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(0deg, rgba(243, 242, 233, 1) 0%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F3F2E9", endColorstr="#FFFFFF", GradientType=0); */
    color: var(--color-texto);
    font-family: "Lato", sans-serif;
    /* font-weight: 400; */
    font-style: normal;
}
a:link,
a:active,
a:visited {
    color: var(--color-primario);
    text-decoration: none;
    transition: var(--transition);
}
a:hover {
    color: var(--color-secundario);
}
h1, h2, h3, h4, h5, h6 {
    /* color: rgb(181, 100, 84); */
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-style: normal;
}
/* main {
    padding: 5rem 0;
} */
main {
    padding-right: 2rem;
    border-right: solid 1px var(--bs-gray-400);
}
@media all and (max-width: 768px) {
    main {
    padding-right: initial;
    border-right: none;
    }
}
.home main {
    padding: 0;
}

/* #wrapper-navbar {
    position: fixed !important;
} */
/* .header {
    transition: var(--transition);
} */
.barra-superior {
    background-color: var(--color-primario);
    color: white;
    font-size: 0.8rem;
    padding: 0.4rem 1rem;
    transition: var(--transition);
}
@media all and (max-width: 768px) {
    .barra-superior {
        display: none !important;
    }
}
.barra-superior a:link,
.barra-superior a:visited,
.barra-superior a:active {
    color: white;
}
.barra-superior a:hover {
    color: var(--color-secundario);
}
.barra-superior .iconos i {
    font-size: 1.1rem;
}
.navbar {
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
    font-size: 0.75rem;
    text-transform: uppercase;
    padding: 0.2rem 0;
    box-shadow: var(--sombra-chica);
    /* border-top: solid 3px var(--color-secundario); */
    /* border-bottom: solid 3px var(--color-secundario); */
}
@media all and (max-width: 768px) {
    .navbar {
        font-size: 1rem;
    }
}
.navbar a:link,
.navbar a:active,
.navbar a:visited {
    color: var(--color-texto);
    /* color: var(--color-resaltado); */
}
.navbar a:hover {
    color: var(--color-resaltado);
}
.navbar .dropdown-menu a {
    font-size: 0.75rem;
    /* font-weight: 400; */
}
.navbar .navbar-brand img {
    width: 200px;
}
.navbar .active {
    color: var(--color-primario) !important;
}
@media all and (min-width: 992px) {
	.navbar .nav-item:hover .dropdown-menu { display: block; transition: 0.5s;}
}

.header.scroll {
    /* margin-top: var(--espacio-margen); */
}
.header.scroll .barra-superior {
    /* margin-top: -40px; */
    /* display: none; */
    /* transition: 0.8s; */
    position: fixed;
}
.header.scroll .navbar {
    transition: 0.8s;
    
}

/* ************************** Estilos Comunes ************************** */

.banner, .card {
    border-radius: var(--radius);
    border: var(--borde);
    box-shadow: var(--sombra-chica);
    overflow: hidden;
}
.banner {
    padding: 0 !important;
}

/* ************************** Estilos Bootstrap ************************** */

/* Botones */
.btn, .wp-block-button__link {
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    border-radius: 3rem;
    /* border: 0; */
    padding: 0.8rem 2rem;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s;
    /* border-color: rgba(255, 255, 255, 0.4) !important; */
    /* border: none; */
}
a.btn {
    color: white;
}
.btn:hover {
    box-shadow: var(--sombra);
}
.btn:hover, .wp-block-button__link:hover {
    /* border-color: rgba(255, 255, 255, 0.7) !important; */
}
.btn-primary, .uagb-cta__button-link-wrapper {
    background-color: var(--color-primario) !important;
    color: white !important;
    border: 0;
}
.btn-primary:hover, .uagb-cta__button-link-wrapper:hover {
    background-color: var(--color-resaltado) !important;
}
.btn-secondary {
    background-color: var(--color-secundario) !important;
    border: 0;
}
.btn-secondary:hover {
    background-color: var(--color-primario) !important;
}

/* Cards */

.card {
    overflow: hidden;
    color: var(--color-texto);
}
.card-title {
    color: var(--color-primario);
    font-size: 2rem !important;
}
 .card-horizontal {
 }

.card-horizontal .carousel-item {
    background-size: cover;
    background-position: center;
    min-height: 65vh;
    overflow: hidden;
}
.card-horizontal .card-body {
    padding: 3rem 3rem;
}
.card-horizontal .card-title {
    position: relative;
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    /* color: var(--color-resaltado); */
}
.card-horizontal .card-title::after {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 4px;
    background-color: var(--bs-gray-500);
}
.card-horizontal .card-text {
    font-size: 1.2rem;
    margin-bottom: 1.8rem;
}
.card-horizontal ul {
    list-style: none;
    padding-left: 0;
}
.card-horizontal li {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
}
.card-horizontal li i {
    font-size: 1.2rem;
    margin-right: 5px;
    color: var(--color-primario);
}
.card-horizontal a:link,
.card-horizontal a:active,
.card-horizontal a:visited {
    color: var(--bs-gray-600);
}
.card-horizontal a:hover {
    color: var(--color-primario);
}
@media all and (max-width: 768px) {
    .card-horizontal .carousel-item {
        min-height: 35vh;
    }
    .card-horizontal .card-body {
        padding: 1.5rem;
    }
    .card-horizontal li {
        font-size: 0.9rem;
    }
}

/* ************************** Carousel Inicio ************************** */
#carouselInicio {
    width: 100%;
    /* border-radius: 0 2rem 2rem 0; */
    /* margin-bottom: 2rem; */
}
#carouselInicio .carousel-item {
    background-size: cover;
    background-position: center;
    height: 100vh;
    overflow: hidden;
}
#carouselInicio .carousel-content {
    width: 80%;
}
#carouselInicio .caja {
    color: white;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 2rem;
}
#carouselInicio .caja .titulo {
    font-size: 2.5rem;
    line-height: 2.7rem;
    font-weight: 600 !important;
    color: white !important;
    text-transform: uppercase;
    max-width: 50vw;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.7);
    margin: 0 !important;
}
#carouselInicio .caja .titulo h1 {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
}
#carouselInicio .caja .titulo span {
    font-weight: 700;
    /* background-color: var(--color-secundario); */
}
.carousel-control-prev, .carousel-control-next {
    width: 10%;
}

@media all and (max-width: 768px) {
    #carouselInicio .caja {
        padding: 0;
        /* margin-bottom: 5rem; */
    }
    #carouselInicio .caja .titulo {
        font-size: 1.8rem;
        line-height: 2rem;
    }
}
/* Fin Carousel */

/* Swiper */
/* .swiper {
  width: 600px;
  height: 300px;
  background-color: #b4381f;
} */


/* ************************** Secciones inicio ************************** */

section {
    padding: 3rem 0;
}
section .encabezado-seccion {
    padding-bottom: 1rem;
    margin-bottom: 1.8rem;
    /* border-bottom: solid 2px var(--color-primario); */
}
section .encabezado-seccion.centrado {
    text-align: center;
}
section .titulo {
    font-size: 2.5rem;
    font-weight: 600;
    /* letter-spacing: -0.1rem; */
    text-transform: uppercase;
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1.2rem;
}
section .titulo::after {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 4px;
    background-color: var(--color-resaltado);
}
section .encabezado-seccion.centrado .titulo::after {
    left: calc(50% - 40px);
}
@media all and (max-width: 768px) {
    section {
        padding: 2rem 0;
    }
}

.encabezado-seccion p {
    font-size: 1.4rem;
    font-weight: 600;
}

/* Seccion introduccion */
#seccion-introduccion {
    padding: 6rem !important;
    background-color: #dfada3;
    margin-bottom: 2rem;
}
@media all and (max-width: 768px) {
    #seccion-introduccion {
        padding: 3rem 0 0 0 !important;
        background-color: initial !important;
    }
}

/* Seccion Novedades */
#seccion-novedades {
    /* background-color: var(--color-primario); */
}
#seccion-novedades .card {
    /* border: none; */
}
#seccion-novedades .card .imagen {
    height: 400px !important;
    overflow: hidden;
    background-size: cover;
    background-position: center top;
}
#seccion-novedades .card-body {
    padding: 2rem 1.5rem;
}
#seccion-novedades .card-title {
    font-size: 1.5rem !important;
}
#seccion-novedades .card-text {
    margin-bottom: 1.5rem;
}

/* Secciones banners */

#carouselCardHorizontal {
    background-image: url(https://sanantonioplottier.ar/wp-content/uploads/slide-parroquia-exterior.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

/* Seccion Prgrama Fe */
#seccion-prgrama-fe {
    padding-top: 2rem !important;
    padding-bottom: 0 !important;
    margin-bottom: -5rem;
}

/* ************************** Paginas ************************** */

.titulo-pagina {
    /* background-image: none !important; */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--bs-secondary);
    margin-bottom: 1rem;
    /* box-shadow: inset; */
    /* box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.15); */
    /* text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7); */
    /* height: 250px; */
    /* border-bottom: solid 3px var(--bs-primary); */
}
.titulo-pagina .titulo, .titulo-pagina .entry-title {
    font-size: 2.8rem;
    color: white;
    /* letter-spacing: 0.1rem; */
    /* text-transform: uppercase; */
    margin-bottom: 0;
}
.titulo-pagina .capa-opacidad {
    background-color: rgba(203, 100, 32, 0.9);
    height: 100%;
    padding: 11rem 0 5rem 0;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
#contenido-pagina .titulo {
    margin-bottom: 2rem;
}

#page-wrapper, #index-wrapper, #single-wrapper {
    margin: 4rem 0 5rem 0;
}
.imagen-destacada {
    background-color: #e1e0d5;
    margin-bottom: 2rem;
}
.imagen-destacada img {
    object-fit: cover;
    object-position: 50% 50% !important;
    min-height: 50vh;
    overflow: hidden;
    max-height: 80vh;
}
body.blog .imagen-destacada {
    height: 100%;
    object-fit: cover;
    min-height: 50vh;
    background-color: inherit;
    margin-bottom: 0;
}

@media all and (max-width: 768px) {
    .titulo-pagina {
    background-image: none !important;
    }
    .titulo-pagina .capa-opacidad {
    padding: 7rem 0 3rem 0;
    }
    #right-sidebar {
        display: none !important;
    }
    #page-wrapper, #index-wrapper, #single-wrapper {
    margin-bottom: 2rem !important;
    }
}

.wp-block-uagb-image-gallery {
    margin-bottom: 1.5rem;
}
article h1, article h2, article h3, article h4, article h5, article h6 {
    /* color: rgb(172, 116, 104); */
    color: var(--color-secundario);
}
article p {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
}

.link-separador {
    border-bottom: dotted 1px var(--color-primario);
    position: relative;
}
.link-separador a {
    position: absolute;
    right: 0;
    top: -15px;
    padding-left: 10px;
    text-transform: uppercase;
    background-color: var(--bs-body-color);
}

/* aside */
aside.widget {
    margin-bottom: 1.5rem;
}
aside h2, aside label {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
}
aside label {
    margin-bottom: 10px;
}

/* pie */
#pie {
    padding: 10rem 0 6rem;
    /* background-image: url(../img/fondo-logo-pie.png); */
    background-position: right center;
    background-repeat: no-repeat;
}
#pie .datos {
    border-left: solid 2px var(--color-resaltado);
    padding-left: 20px;
    font-size: 1rem;
}
#pie .datos ul {
    padding-left: 0;
    margin-bottom: 5px;
}
#pie .datos li {
    list-style: none;
    display: flex !important;
    align-items: center !important;
    line-height: 2rem;
    margin-bottom: 0;
}
#pie .datos i {
    /* color: var(--color-primario); */
    font-size: 1.2rem;
    margin-right: 5px;
    font-weight: 700;
}
#pie .datos a:link,
#pie .datos a:visited,
#pie .datos a:active {
    color: white;
}
#pie .datos a:hover {
    color: var(--color-resaltado);
}
@media all and (max-width: 768px) {
    #pie {
        padding: 8rem 0 3rem;
    }
    #pie .datos {
        border-left: none;
        padding-left: 20px;
        font-size: 0.9rem;
    }
}

/* Footer */
#wrapper-footer {
    background-color: var(--color-primario-oscuro);
}
.site-footer {
    color: white;
    font-size: 0.7rem;
    /* padding: 10px 0; */
}
.site-footer a:link, .site-footer a:visited, .site-footer a:active {
    color: var(--bs-gray-300) !important;
}
.site-footer a:hover {
    color: white !important;
}