html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
line-height: 1.8em;
scroll-behavior: smooth;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
body {
line-height: normal;
font-family: 'Roboto', sans-serif;
padding: 0 !important;
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5 {
line-height: normal;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
overflow-x: hidden;
} strong {
font-weight: 700;
line-height:120%;
}
.text-center {
text-align: center;
}
* {
margin: 0;
padding: 0;
list-style: none;
-webkit-font-smoothing: antialiased;
}
z i {
font-style: italic;
}
.cookie-comprimida {
padding: 0;
background: #F1F1F1;
margin: 15px 0;
font-size: 16px;
}
.uppercase {
text-transform: uppercase;
} :root {
--main-color: #1D3159;
--main-color-hover: #7484a4;
--accent-color: #932917;
--accent-color-hover: #C5857A;
--third-color: #F6B600;
--third-color-hover: #F4CF66;
--black-color: #343434;
--light-color: white;
--light-color-hover: rgba(255, 255, 255, 0.20);
--grey-color: #EEEEEE;
--dark-grey-color: #797979;
--grey-input: #C8C8C8;
--grey-light: #BDBDBD;
--grey-bg: #F6F6F6;
--marinoHover: #001530;
--shadowBox: 0px 9px 27.2px 0px rgba(0, 0, 0, 0.15);
} div#content .politica-cookie a.ver-cookie[aria-expanded="false"] .arrow.down {
transform: rotate(-135deg);
left: calc(100% + 15px);
top: calc(50% - 7px);
transition: .5s;
}
div#content .politica-cookie a.ver-cookie[aria-expanded="true"] .arrow.down {
transform: rotate(45deg);
left: calc(100% + 15px);
top: calc(50% + -1px);
}
div#content .politica-cookie a {
position: relative;
}
.arrow {
display: inline-block;
position: absolute;
width: 10px;
height: 10px;
background: transparent;
text-indent: -9999px;
border-top: 2px solid #505050;
border-left: 2px solid #505050;
transition: all 250ms ease-in-out;
text-decoration: none;
color: transparent;
}
div#content .politica-cookie .cookie-comprimida {
padding: 15px;
}
div#content .politica-cookie .info {
margin-top: 15px;
}
div#content .politica-cookie .card.card-body.container {
padding: 15px;
}
a {
text-decoration: none;
color: var(--main-color);
}
#formulario1 {
margin-top: -70px;
position: absolute;
}
a:hover {
text-decoration: none;
color: var(--accent-color-hover);
}
.cta {
text-align: center;
display: inline-block;
font-size: 1.5rem;
color: var(--accent-color);
}
.cta-button {
background: var(--accent-color);
color: white !important;
font-size: 18px;
padding: 20px 40px;
text-align: center;
border-radius: 50px;
display: inline-block;
font-weight: 700;
transition: ease 0.3s;
cursor: pointer;
border: 0px;
}
.boton {
margin-top: 30px;
display: inline-block;
}
.cta-button:hover,
.cta-button:active {
background: var(--accent-color-hover);
text-shadow: 1px 1px rgb(0 0 0 / 30%);
}
.centrado-verticalmente {
display: flex;
flex-direction: column;
justify-content: center;
}
p {
margin-bottom: 1em;
line-height: 130%;
}
.p-width{
width: 50%;
margin-left: auto;
margin-right: auto;
} h1,
h2,
h3,
h4,
h5 {
font-family: "Roboto", sans-serif;
line-height: 1;
}
.h1-hero {
font-size: 4.5rem;
font-weight: bold;
color: #ffffff;
}
h1,
.h1 {
font-size: 3.5rem;
font-weight: 400;
margin-bottom: 28px;
}
h2,
.h2 {
font-size: 3.25rem;
font-weight: 700;
color: var(--main-color);
}
h3,
.h3 {
font-size: 2.25rem;
font-weight: 700;
margin-bottom: 0.5em;
color: var(--main-color);
}
h4,
.h4 {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 0.5em;
}
h5,
.h5 {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 0.5em;
}
.pretitulo {
font-size: 1.25rem;
font-weight: 700;
margin-bottom: 0.5em;
}
img {
max-width: 100%;
}
.icono-lista {
padding-left: 30px;
}
.icono-lista li {
display: flex;
justify-content: flex-start;
align-items: center;
}
.icono-lista li p {
margin: 0;
}
.icono-lista li i {
margin-right: 15px;
}
a:focus {
outline: none;
}
a:focus-visible {
outline: 1px solid var(--grey-input, var(--grey-color)); }
.gform_wrapper.gravity-theme *{
font-size:16px;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label a{
font-weight: 500;
color: black;
font-size: 15px;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label a:hover{
text-decoration:underline;
color: black;
} header {
background: white;
padding: 0;
width: 100%;
z-index: 99;
}
header .site-branding {
padding: 12px 0;
transition: 0.5s;
}
header#masthead {
box-shadow: 0 2px 6px rgb(51 51 51 / 30%);
position: fixed;
top: 0;
transition: 0.5s;
}
header#masthead .flex-header {
display: flex;
justify-content: space-between;
align-items: center;
}
nav#site-navigation,
nav#site-navigation>* {
flex-grow: 1;
}
header#masthead ul.nav-link {
display: flex;
justify-content: flex-end;
}
img.logo-img {
max-height: 70px;
width: auto;
transition: 0.5s;
}
.navbar-brand{
padding:0;
font-size: unset;
max-height: 70px;
}
nav#site-navigation ul.sub-menu {
position: absolute;
background: white;
display: none;
}
nav#site-navigation li>a {
position: relative;
}
header#masthead ul.nav-link li.menu-item-has-children>a {
padding-right: 40px;
}
nav#site-navigation li.menu-item-has-children>a::after {
position: absolute;
right: 0;
width: 25px;
top: calc(50% - 8px);
height: 25px;
content: "\f107";
font-family: "Font Awesome 5";
}  #masthead {
transform: none !important;
opacity: 1 !important;
visibility: visible !important;
transition: background-color 0.3s ease;
}
.menu-transparente {
background-color: transparent;
transition: background-color 0.3s ease;
}
.menu-solido {
background-color: var(--main-color); transition: background-color 0.3s ease;
}
#masthead .donativos a {
color: var(--third-color) !important;
}
#masthead a {
color: var(--light-color);
}
#masthead .pre-menu {
padding: 8px 0;
}
#masthead .pre-menu ul#menu-top-menu {
display: flex;
align-items: center;
}
#masthead .pre-menu ul#menu-top-menu li {
position: relative;
margin: 0px 24px;
}
#masthead .pre-menu ul#menu-top-menu li a {
font-size: 16px;
}
#masthead .pre-menu ul#menu-top-menu li a:hover {
opacity: 0.8;
} .pre-menu-links li:not(:last-child)::after {
content: "";
position: absolute;
right: -26px; top: 50%;
transform: translateY(-50%);
width: 4px;
height: 4px;
background-color: var(--light-color); border-radius: 50%;
}
#masthead div#navbarheader,
ul#menu-menu-superior {
padding: 0 !important;
}
#masthead ul#menu-menu-superior li a {
font-size: clamp(16px, 2vw, 20px);
}
#masthead .navbar.navbar-expand-lg {
border-bottom: 1px solid var(--light-color);
align-items:end;
padding:0;
}
.menu-transparente ul#menu-menu-superior ul.sub-menu {
background-color: transparent !important;
}
.menu-solido ul#menu-menu-superior ul.sub-menu li {
background-color: var(--main-color);
border-bottom: 0.8px solid var(--light-color);
}
ul#menu-menu-superior ul.sub-menu li:last-child {
border-bottom: none;
}
ul#menu-menu-superior li a {
padding: 12px 24px;
display: block;
}
header#masthead ul#menu-menu-superior li.menu-item-has-children>a {
padding-right: 40px;
}
ul#menu-menu-superior li a::after {
top: 14px !important;
right: 0px;
}
.menu-solido ul#menu-menu-superior li a:hover {
background-color: var(--marinoHover);
}
.menu-transparente ul#menu-menu-superior li a::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: rgba(255, 255, 255, .3);
top: 0;
left: 0;
transition: .3s;
opacity: 0;
}
.menu-transparente ul#menu-menu-superior li a:hover::before {
opacity: 0.5;
}
.transparente ul#menu-menu-superior li a:hover {
background-color: var(--light-color-hover);
} section.error-404 {
padding-top: 177px;
}
section#post-404 {
padding: 100px 0;
}
section#post-404 h1 {
font-size: clamp(26px, 5vw, 56px);
font-weight: 700;
color: var(--main-color);
}
section#post-404 h2 a {
font-size: clamp(20px, 5vw, 36px);
font-weight: 400;
color: var(--accent-color);
text-decoration: underline;
line-height: 120%;
}
section#post-404 h2 a:hover {
opacity: 0.7;
} .cabecera.hero-container-fluid {
padding-top: 177px;
border-bottom: 5px solid var(--accent-color);
position: relative;
width: 100%;
min-height: 600px;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #fff;
z-index: 1;
overflow: hidden;
margin: 0;
}
.cabecera.hero-container-fluid .hero-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(29, 49, 89, 0.6);
z-index: 2;
}
.cabecera.hero-container-fluid .hero-content.text-center {
z-index: 3;
}
.cabecera.hero-container-fluid .hero-content .h1 {
font-size: clamp(26px, 5vw, 56px);
margin-bottom: 25px;
color: var(--light-color);
font-weight: 500;
}
.cabecera.hero-container-fluid p#breadcrumbs {
display: flex;
justify-content: center;
line-height: 120%;
margin: 0;
}
.cabecera.hero-container-fluid .hero-content p#breadcrumbs span,
.cabecera.hero-container-fluid .hero-content p#breadcrumbs a {
font-size: 20px;
color: var(--light-color);
margin: 0;
line-height: 120%;
}
.cabecera.hero-container-fluid .hero-content p#breadcrumbs a:hover {
text-decoration: underline;
} .cabecera-single {
padding-top: 177px;
min-height: 200px !important;
background-color: var(--main-color);
}
.cabecera-single .hero-content {
padding: 20px 0 !important;
}
.cabecera-single::before {
display: none;
}
.cabecera-single h1 {
color: var(--third-color);
}
.cabecera-single::before {
content: none;
}
.cabecera-single .breadcrumbs span,
.cabecera-single .breadcrumbs a {
color: var(--light-color);
font-size: 20px;
}
.cabecera-single .breadcrumbs a:hover {
text-decoration: underline;
} .slider .carousel-item img {
max-height: 700px;
object-fit: cover;
}
.slider .carousel-caption {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
height: 100%;
} .contenedores-bullets {
flex: 1 1 220px;
margin-bottom: 15px;
}
.hero-bullets .col-md-4.p-0:first-child .cuadrado {
margin: 0 15px;
}
.cuadrado {
background: white;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
text-align: center;
box-shadow: 0 2px 6px rgb(51 51 51 / 30%);
margin-right: 0px 16px;
}
.cuadrado img {
height: 60px;
margin-bottom: 15px;
}
.cuadrado p {
min-height: 56px;
}
section.hero-bullets {
margin: 0 auto;
} section.banner-datos {
width: 100%;
background-color: var(--accent-color);
padding: 30px 0;
}
section.banner-datos h3 {
font-size: 65px; text-align: center;
margin: 0;
white-space: nowrap;
} .form-container input,
.form-container textarea,
.form-container select {
border-radius: 5px;
border: 2px solid var(--grey-color) !important;
}
.form-container .gfield input:focus,
.form-container .gfield textarea:focus {
border-radius: 5px;
border: 2px solid var(--accent-color) !important;
outline: 0;
}
.form-container .floating label {
position: absolute;
color: var(--dark-grey-color);
padding: 11px 15px;
pointer-events: none;
}
.form-container label {
transition: 0.5s;
top: 0;
}
.form-container .focusin label {
color: var(--accent-color);
font-size: 12px !important;
top: -11px;
}
.form-container .focusin label .gfield_required {
color: var(--accent-color);
}
.form-container .top_label li ul.gfield_radio {
display: flex;
flex-wrap: wrap;
}
.form-container .top_label li ul.gfield_radio li {
margin-right: 15px;
margin-bottom: 0;
overflow: visible;
display: flex;
justify-content: center;
align-items: center;
}
.form-container input[type="checkbox"] {
margin-top: -3px !important;
margin-right: 5px;
}
.form-container .gform_footer.top_label {
padding: 0;
margin: 0;
}
.contacto-home .form-container {
margin-top: 0;
}
.background-main .form-container {
padding: 30px 15px;
}
.form-container input,
.form-container textarea,
.form-container select {
border-radius: 5px;
border: 2px solid var(--grey-color) !important;
}
.background-main .form-container input,
.background-main .form-container textarea {
border-radius: 5px;
border: 2px solid transparent !important;
background: var(--light-color);
}
.form-container .gfield input:focus,
.form-container .gfield textarea:focus {
border-radius: 5px;
border: 2px solid var(--accent-color) !important;
border-bottom: 2px solid var(--accent-color) !important;
outline: 0;
}
.form-container .floating label {
position: absolute;
color: var(--dark-grey-color);
padding: 11px 15px;
pointer-events: none;
}
.form-container label {
transition: 0.5s;
top: 0;
}
.form-container .focusin label {
color: var(--accent-color);
font-size: 12px !important;
top: -11px;
}
.form-container .focusin label .gfield_required {
color: var(--accent-color);
}
.form-container .top_label li ul.gfield_radio {
display: flex;
flex-wrap: wrap;
}
.form-container .top_label li ul.gfield_radio li {
margin-right: 15px;
margin-bottom: 0;
overflow: visible;
display: flex;
justify-content: center;
align-items: center;
}
.form-container label a {
font-weight: 700;
}
.form-container input[type="checkbox"] {
margin-top: -3px !important;
margin-right: 5px;
}
.form-container .gform_footer.top_label {
padding: 0;
margin: 0;
}
.form-container input[type="submit"] {
background-color: var(--accent-color);
color: white !important;
font-size: 20px !important;
padding: 20px 40px !important;
border-radius: 50px !important;
display: inline-block !important;
font-weight: 700;
transition: ease 0.3s;
cursor: pointer;
border: 0px !important;
width: 100% !important;
text-align: center;
}
.form-container .gform_wrapper h3.gform_title {
font-size: 28px;
text-align: center;
font-weight: 400;
}
body .gform_wrapper ul li.field_description_below div.ginput_container_radio {
margin-top: 0 !important;
}
.form-container ul.gfield_radio li label {
white-space: nowrap;
}
.form-container .gfield_radio li input[type=radio] {
margin-top: 0px !important;
} .noticias .card {
border: 0;
box-shadow: 0px 3px 6px #7EA5D980;
transition: 0.5s;
cursor: pointer;
}
.noticias .card-body {
padding: 15px;
justify-content: flex-start;
}
.noticias .card-body .excerpt {
max-height: 205px;
overflow: hidden;
}
.noticias .img-container {
height: 100%;
}
.noticias a.read_more.plas {
display: block;
background: var(--main-color);
color: white;
border-radius: 75px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.5s;
}
.noticias article.card:hover a.read_more.plas {
background: var(--main-color-hover);
box-shadow: 0px 3px 6px #7EA5D980;
}
.noticias article.card a.read_more.plas i {
transition: 0.5s;
}
.noticias article.card:hover a.read_more.plas i {
font-size: 20px;
line-height: 100%;
}
.noticias article.card:hover {
box-shadow: 0px 0px 3px #7EA5D980;
} .content-wrapper {
margin-bottom: 2em;
}
.contenido-texto {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
padding: 15px;
} .form-container form {
background: white;
border-radius: 15px;
border: 5px solid var(--grey-color);
box-shadow: 0 2px 6px rgb(51 51 51 / 30%);
padding: 25px;
}
.single-productos .form-container {
margin-top: 60px;
}
.background-main .form-container form {
background: transparent;
border: 5px solid transparent;
padding: 0;
}
.background-main .form-container {
top: 0;
}
.ancla-form {
display: inline !important;
}
.form-cabecera form {
text-align: left;
margin-top: 1em;
}
.form-container .gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
width: 100%;
}
.form-container .gform_wrapper .top_label .gfield_label,
.form-container .gform_wrapper legend.gfield_label {
line-height: 2;
}
form label {
width: 100%;
margin-bottom: 0.3em;
}
form input[type="text"],
form input[type="email"],
select {
width: 100%;
padding: 20px 15px 10px 15px !important;
font-size: 16px;
border: 1px solid var(--grey-color);
}
select {
padding: 15px !important;
}
form select+.error {
pointer-events: none;
line-height: 14px;
}
.gfield[type=text] label {
position: absolute;
left: 30px;
top: 10px;
transition: 0.5s;
}
.gfield input+.error,
.gfield select+.error {
text-align: right;
padding: 0px 60px;
width: 100%;
font-size: 14px;
}
.gfield input:not(:placeholder-shown)+label,
.gfield input:focus~label,
.gfield input:not(:placeholder-shown)+.error~label {
white-space: nowrap;
text-overflow: ellipsis;
transform-origin: left bottom;
font-size: 10px;
top: 0px;
left: 30px;
}
.gfield input:focus+label.error {
top: -15px;
left: 0;
padding: 0 20px;
}
.gfield input:not(:placeholder-shown)+label.error,
.gfield input:focus+label.error {
top: 45px;
left: 0;
}
.gfield .form textarea {
width: 100%;
padding: 0.5em 0em;
font-size: 1em;
border: none;
border-bottom: 1px solid #1f1f1f;
font-size: 18px;
}
.gfield input:focus,
.gfield textarea:focus,
.gfield select:focus {
outline: 0px solid transparent;
}
.gfield::placeholder,
.gfield:-ms-input-placeholder {
color: #1D252C;
font-size: 18px !important;
padding: 5px;
}
.gfield .check input[type="checkbox"],
.gfield .check label {
display: inline-block;
width: auto;
}
.gfield .check label {
padding-left: 0.5em;
display: inline;
}
.gfield li.check input:focus {
outline: none;
}
.gfield .wildcard {
font-size: 1em;
padding-left: 3px;
vertical-align: top;
}
.gfield {
padding-bottom: 1rem;
padding-top: 4rem;
}
.content-legal {
padding: 2rem;
}
.content-legal ul {
padding-left: 2rem;
}
.content-legal ul li {
list-style: disc;
}
.content-legal table td {
border: 1px solid #000001;
padding: 0.5rem;
}
.content-legal table p {
margin-bottom: 0rem;
}
.form-group.campo-movil input {
width: 100%;
padding: 15px 15px 0 15px;
border-radius: 5px;
border: 1px solid var(--grey-color);
}
form h3 {
margin-bottom: 25px;
}
label.form-check-label {
margin-right: 15px;
}
.oculto {
display: none;
}
form#contact-form input#aceptocondiciones {
margin-top: 6px;
margin-right: 10px;
}
form#contact-form input.cta-button {
padding: 10px 40px;
width: 100%;
}
.gform_wrapper ul.gform_fields .gfield {
position: relative;
}
.form-container .gform_wrapper .top_label select.medium {
width: 100%;
line-height: 1;
} .form_box label.error,
#contact-form>ul>li.check>label.error {
color: #c40000;
margin: 5px;
}
.form_box .sms_ok {
font-size: 16px;
font-weight: 400;
padding: 30px 30px 50px 30px;
}
.form_box .sms_ok h5 {
color: #6b737e;
font-weight: 700;
margin-bottom: 15px;
}
.sms_ok .tpv_response_code {
background: #c4e8c4;
padding: 1em 2em;
color: #234423;
font-size: 0.9em;
}
.sms_ko .tpv_response_code {
background: #e8c4c4;
padding: 1em 2em;
color: #981414;
font-size: 0.9em;
} .widget a {
color: var(--dark-grey-color);
font-weight: 700;
white-space: nowrap;
}
.widget a:hover {
color: var(--main-color);
} .thumbnail-single-block img {
object-fit: cover;
min-width: 100%;
min-height: 100%;
display: block;
margin-bottom: 30px;
}  a.btn-icono-flecha {
position: absolute;
bottom: 50px;
z-index: 8;
}
a.btn-icono-flecha:hover {
opacity: 0.6;
} section.hero {
position: relative;
background-size: cover !important;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
min-height: 900px;
overflow: hidden;
z-index: 0;
}
.video-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}
.video-background video {
width: 100%;
height: 100%;
object-fit: cover;
}
section.hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 42.57%), linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
z-index: 1;
}
.hero .container {
position: relative;
z-index: 1;
}
.hero .overlay {
position: relative;
z-index: 2;
}
.overlay {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
color: white;
z-index: 1;
}
main.home .cabecera-home .overlay h2 {
color: var(--light-color) !important;
font-size: clamp(56px, 5vw, 72px);
padding-bottom: 10px;
line-height: normal;
}
main.home .cabecera-home .overlay .parrafo {
font-size: 32px;
line-height: 120%;
}
main.home .cabecera-home .overlay .parrafo p{
margin:0;
}
main.home section.puntos-fuertes-col-3{
background-color: var(--main-color);
}
main.home section.puntos-fuertes-col-3 span{
color:var(--light-color) !important;
}
main.home section.puntos-fuertes-col-3 .bullet.container .col-lg-3:not(:first-child)::before{
background-color: var(--light-color) !important;
} main.home section.nuestros-colegios {
padding-top: 100px;
}
section.nuestros-colegios .is-layout-constrained {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
main.home section.nuestros-colegios h2 {
font-size: clamp(36px, 5vw, 72px);
margin-bottom: 24px;
line-height: 1;
}
main.home section.nuestros-colegios p {
font-size: clamp(18px, 2vw, 20px);
line-height: 140%;
margin:0;
}
section.nuestros-colegios div.colegios {
gap: 0 !important;
margin-top: 100px;
padding: 0;
}
section.nuestros-colegios div.colegios .card-colegio {
border-bottom: 1px solid white;
border-right: 1px solid white;
background-size: 100%; }
.card-colegio img {
transition: transform 0.5s ease;
}
.card-colegio:hover img.wp-block-cover__image-background {
transform: scale(1.05);
opacity: 0.8;
}
.card-colegio h3 {
margin: 0 !important;
}
.card-colegio h3 a {
font-size: 24px;
font-weight: 400;
}
section.nuestros-colegios .card-colegio p {
font-weight: 600;
color:#F6B600;
}
section.nuestros-colegios .card-colegio figure {
line-height: normal;
}
section.nuestros-colegios .card-colegio figure img {
vertical-align: top;
}
.card-colegio .card-colegio .is-nowrap {
align-items: start;
gap: 4px;
}
.card-colegio .is-nowrap p mark {
font-size: 18px;
} .section-caja-absolute {
position: relative;
background-color: var(--main-color); overflow: hidden;
z-index: 1;
}
.section-caja-absolute::before {
content: "";
position: absolute;
inset: 0;
background-image: url(//fundacionsanjuandeavila.org/wp-content/themes/fundacion/img/logo-vertical-blanco.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-position-y: 100px; opacity: 0.1;
}
.section-caja-absolute>div.is-layout-constrained:first-of-type {
position: relative;
}
.section-caja-absolute>div.is-layout-constrained:first-of-type .fondo-home {
position: absolute;
right: -500px;
top: 100px;
z-index: 0;
}
.section-caja-absolute .imagen-overlap {
margin-bottom: 220px;
position: relative;
}
.section-caja-absolute h2 {
font-size: clamp(36px, 5vw, 72px);
margin: 100px auto;
color: var(--light-color);
line-height: normal;
z-index: 1;
position: relative;
z-index: 1;
}
.section-caja-absolute .caja-absolute {
display: flex;
flex-direction: column;
gap: 13px;
padding: 60px;
width: 680px;
height: 385px;
position: absolute;
right: 25%;
bottom: -50px;
}
.section-caja-absolute .caja-absolute h3 {
font-size: clamp(24px, 5vw, 36px);
margin: 0;
line-height: normal;
}
.section-caja-absolute .caja-absolute p {
font-size: 20px;
margin: 0;
line-height: 140%;
}
.section-caja-absolute .col-img figure {
height: 600px;
overflow: hidden;
position: relative;
}
.section-caja-absolute .col-img figure img {
width: 100%;
height: 100%;
object-fit: cover;
} main.home section.valoraciones .wp-block-group__inner-container {
display: flex;
padding-right: 0;
}
main.home section.wp-block-group.row.valoraciones{
padding-right:0;
}
.valoracion-card {
position: relative;
background-size: cover;
background-position: center;
overflow: hidden;
min-height: 700px;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 20px;
color: #fff;
transition: all 0.3s ease;
cursor: pointer;
}
.valoracion-card::before {
content: "";
position: absolute;
inset: 0;
background-color: rgba(21, 52, 93, 0); transition: background-color 0.3s ease;
z-index: 0;
}
.valoracion-card:hover::before {
background-color: rgba(21, 52, 93, 0.8); } .valoracion-card .card-contenido,
.valoracion-card .card-overlay {
position: relative;
z-index: 1;
}
.valoracion-card .card-overlay {
display: flex;
flex-flow: column;
gap: 6px;
justify-content: center;
align-items: start;
} .valoracion-card .card-contenido {
margin-top: 15px;   opacity: 0;
transform: translateY(10px);
transition: opacity 0.3s ease, transform 0.3s ease;
font-size: clamp(16px, 5vw, 20px);
}
.valoracion-card .card-contenido p {
font-size: clamp(16px, 5vw, 20px);
padding-bottom: 100px;
line-height: 27px;
} .valoracion-card:hover .card-contenido {
opacity: 1;
transform: translateY(0);
}
.valoracion-card .pretitulo {
font-size: clamp(14px, 5vw, 18px);
font-weight: 400;
line-height: normal;
}
.valoracion-card .titulo {
font-size: 24px;
font-weight: 400;
color: var(--light-color);
line-height: normal;
margin-bottom: 40px;
}
.valoracion-card p.nombre {
font-size: clamp(14px, 5vw, 18px);
font-weight: 400;
line-height: normal;
}
.valoracion-card div.estrellas i {
color: var(--third-color);
}   main.home section.datos {
background-color: var(--accent-color);
position: relative;
z-index: 1;
padding: 100px 0;
overflow: hidden;
}
main.home section.datos>div.is-layout-constrained:first-of-type::before {
content: "";
position: absolute;
inset: 0;
background-image: url(//fundacionsanjuandeavila.org/wp-content/themes/fundacion/img/fondo-datos.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 0.1;
}
main.home section.datos p.uppercase {
font-size: 20px;
color: var(--light-color);
font-weight: 600;
margin: 0;
position: relative;
z-index: 1;
line-height: 140%;
}
main.home section.datos h3 {
font-size: clamp(36px, 5vw, 52px);
color: var(--light-color);
margin: 0;
position: relative;
z-index: 1;
}
main.home section.datos .banner-datos {
padding-top: 60px;
background-color: transparent;
position: relative;
z-index: 1;
}
main.home section.datos .banner-datos .container {
padding: 0;
}
main.home section.datos .banner-datos .container .row {
align-items: end;
}
main.home section.datos .banner-datos .icono-cifras{
margin-bottom:7px;
}
main.home section.datos .banner-datos h4,
main.home section.datos .banner-datos span.count {
font-size: clamp(36px, 5vw, 56px);
color: var(--light-color);
line-height: 1;
margin: 0;
}
main.home section.datos .banner-datos h5 {
font-size: clamp(20px, 5vw, 22px);
color: var(--light-color);
font-weight: 400;
margin: 0;
} .container-historia {
padding: 0 !important;
}
.container-historia .wp-block-group-is-layout-constrained {
padding-top: 100px;
}
.container-historia h2 {
margin-bottom: 24px;
font-size: clamp(36px, 5vw, 72px);
}
.container-historia .section-historia {
min-height: 800px;
gap: 0 !important;
}
.container-historia .section-historia:first-of-type {
margin-top: 100px;
background-color: var(--grey-bg);
}
.container-historia .p-historia {
font-size: 20px;
padding: 0 16px;
margin: auto;
line-height: 140%;
color: var(--dark-grey-color);
}
.container-historia .section-historia:first-of-type .col-contenido {
padding: 100px 100px 100px 500px;
}
.container-historia .col-contenido {
padding: 100px 500px 100px 100px;
display: flex;
flex-flow: column;
align-items: start;
justify-content: start;
}
.container-historia .col-contenido p.pretitulo {
text-transform: uppercase;
color: var(--accent-color);
font-size: 20px;
}
.container-historia .col-contenido h3 {
font-size: clamp(24px, 5vw, 54px);
}
.container-historia .col-contenido h3::after {
content: '';
display: block;
width: 200px;
height: 5px;
background-color: var(--third-color);
margin-top: 32px;
}
.container-historia p.p-strong {
font-size: 36px;
line-height: 120%;
font-weight: 600;
color: var(--black-color);
}
.container-historia p.p-small {
font-size: 20px;
line-height: 120%;
color: var(--black-color);
}
.container-historia .col-img .wp-block-image {
width: 100%;
height: 100%;
}
.container-historia .col-img .wp-block-image img {
height: 100%;
width: 100%;
object-fit: cover;
} .container-arzobispado {
padding: 150px 0;
}
.container-arzobispado .col-contenido p.pretitulo {
text-transform: uppercase;
color: var(--accent-color);
font-size: 20px;
}
.container-arzobispado .col-contenido h3 {
font-size: clamp(24px, 5vw, 52px);
line-height: 120%;
}
.container-arzobispado .col-contenido h3::after {
content: '';
display: block;
width: 200px;
height: 5px;
background-color: var(--third-color);
margin-top: 32px;
}
.container-arzobispado p.p-strong {
font-size: 36px;
line-height: 120%;
font-weight: 600;
color: var(--black-color);
}
.container-arzobispado p.p-small {
font-size: 20px;
line-height: 120%;
color: var(--black-color);
}
.container-arzobispado .col-img .wp-block-image {
width: 100%;
height: 100%;
box-shadow: 0px 4px 22.3px 0px rgba(0, 0, 0, 0.15);
}
.container-arzobispado .col-img .wp-block-image img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: right 20%;
} .container-familia-actual .pretitulo {
font-size: 20px;
text-transform: uppercase;
}
.container-familia-actual .col-video {
padding: 100px 0;
display: flex;
flex-flow: column;
gap: 0;
color: var(--light-color);
}
.container-familia-actual .col-video .wp-block-video video {
border-radius: 12px 12px 0 0;
}
.container-familia-actual .col-video .contenido-video {
padding: 30px;
background-color: var(--main-color);
border-radius: 0 0 12px 12px;
border-top: 5px solid var(--third-color);
}
.container-familia-actual .col-video .contenido-video h2 {
color: var(--light-color);
font-size: clamp(24px, 5vw, 52px);
margin-bottom: 32px;
}
.container-familia-actual .col-video .contenido-video p.pretitulo {
text-transform: uppercase;
color: var(--third-color);
font-size: 20px;
margin-bottom: 8px;
}
.container-familia-actual .col-video .contenido-video p {
line-height: 130%;
font-size: 20px;
margin: 0;
} .container-familia-actual .col-calendario {
padding: 100px 0;
background-color: var(--accent-color);
color: var(--light-color);
}
.container-familia-actual .col-calendario h3 {
font-size: clamp(24px, 5vw, 52px);
color: var(--light-color);
margin-bottom: 100px;
}
.container-familia-actual .col-calendario .col-lg-3 {
padding: 0 8px;
}
.container-familia-actual .col-calendario .calendario-item {
background-color: var(--light-color);
padding: 40px 24px;
border-radius: 8px;
box-shadow: 0px 4px 22.3px 0px rgba(0, 0, 0, 0.15);
display: flex;
gap: 24px;
flex-flow: column;
align-items: start;
border-bottom: 4px solid var(--third-color);
}
.container-familia-actual .col-calendario .calendario-item .fecha {
display: flex;
flex-flow: column;
align-items: start;
margin-bottom: 24px;
}
.container-familia-actual .col-calendario .calendario-item .fecha .dia {
color: var(--accent-color);
font-size: clamp(40px, 5vw, 60px);
line-height: 1;
font-weight: 700;
margin-bottom: 10px;
}
.container-familia-actual .col-calendario .calendario-item .fecha .mes-anio {
font-size: 18px;
color: var(--dark-grey-color);
margin: 0;
}
.container-familia-actual .col-calendario .calendario-item h4 {
color: var(--black-color);
font-size: clamp(20px, 5vw, 24px);
margin: 0;
font-weight: 400;
line-height: 120%;
margin-bottom: 24px;
}
.container-familia-actual .col-calendario .calendario-item p.hora-lugar {
font-size: 18px;
color: var(--dark-grey-color);
margin-bottom: 24px;
}
.container-familia-actual .col-calendario .calendario-item span.etiqueta {
position: relative;
font-size: 16px;
color: var(--dark-grey-color);
display: flex;
align-items: center;
}
.container-familia-actual .col-calendario .calendario-item .mas-info {
color: var(--accent-color);
}
.container-familia-actual .col-calendario .calendario-item .mas-info:hover {
opacity: 0.8;
}
.container-familia-actual .col-calendario .calendario-item .mas-info::after {
content: "\f061";
font-family: "Font Awesome 6 Free";
font-weight: 900;
display: inline-block;
margin-left: 0.5rem;
transition: transform 0.2s ease;
} .noticias-y-eventos {
padding: 100px 0;
}
.noticias-y-eventos .col-noticias,
.noticias-y-eventos .col-eventos {
padding: 30px;
border: 1px solid grey;
border-radius: 24px;
}
.noticias-y-eventos .col-noticias h3,
.noticias-y-eventos .col-eventos h3 {
font-size: clamp(24px, 5vw, 36px);
margin-bottom: 32px;
color: var(--black-color);
}
.noticias-y-eventos .col-noticias li.noticia-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 0;
}
.noticias-y-eventos .col-noticias li.noticia-item a {
color: var(--accent-color);
text-decoration: underline;
font-size: 24px;
width: 80%;
}
.noticias-y-eventos .col-noticias li.noticia-item a:hover {
opacity: 0.8;
}
.noticias-y-eventos .bloque-ultimas-entradas-evento .row {
gap: 24px;
}
.noticias-y-eventos .bloque-ultimas-entradas-evento .row .evento-link:hover .evento-item {
box-shadow: 0px 4px 22.3px 0px rgba(0, 0, 0, 0.30);
}
.noticias-y-eventos .card-evento {
width: 100% !important;
}
.col-eventos .evento-item {
display: flex;
flex-flow: column;
gap: 24px;
align-items: start;
padding: 24px;
border-radius: 8px;
background-color: var(--light-color);
border-bottom: 4px solid var(--third-color);
box-shadow: 0px 4px 22.3px 0px rgba(0, 0, 0, 0.15);
}
.noticias-y-eventos .col-noticias li.noticia-item span.fecha-noticia {
color: var(--main-color);
font-size: 18px;
text-transform: uppercase;
} .col-eventos .evento-item .fecha {
display: flex;
flex-flow: column;
align-items: start;
}
.col-eventos .evento-item .fecha .dia {
color: var(--accent-color);
font-size: 40px;
line-height: 1;
font-weight: 700;
margin: 0;
}
.col-eventos .evento-item .fecha .mes-anio,
.col-eventos .evento-item p.hora-lugar {
color: var(--dark-grey-color);
font-size: 18px;
margin: 0;
}
.col-eventos .evento-item h4 {
font-size: 20px;
color: var(--black-color);
margin: 0;
font-weight: 400;
}
.col-eventos .evento-item span.etiqueta {
display: flex;
align-items: center;
color: var(--dark-grey-color);
font-size: 18px;
}
.noticias-y-eventos .col-eventos .evento-item .mas-info {
display: none;
}
.col-absolute-familia-actual {
background-color: var(--main-color);
}
.col-absolute-familia-actual .wp-block-columns.container {
padding: 140px 0;
position: relative;
overflow: hidden;
}
.col-absolute-familia-actual figure {
max-height: 580px;
}
.col-absolute-familia-actual .contenido-absolute {
position: absolute;
top: 100px;
right:0;
background-color: var(--light-color);
padding: 30px;
max-width: 700px;
}
.col-absolute-familia-actual .contenido-absolute h3 {
font-size: clamp(20px, 5vw, 36px);
color: var(--main-color);
}
.col-absolute-familia-actual .contenido-absolute h3::after {
content: '';
display: block;
width: 200px;
height: 5px;
background-color: var(--third-color);
margin: 32px auto;
}
.col-absolute-familia-actual .contenido-absolute p {
font-size: 20px;
color: var(--black-color);
line-height: 140%;
}
.col-absolute-familia-actual .contenido-absolute .bloque-interior {
border: 1px solid var(--grey-light);
padding: 30px;
}
.contacto-familia-actual .container-contacto {
margin-top: 80px;
}
.contacto-familia-actual .pretitulo {
color: var(--main-color);
font-size: clamp(20px, 5vw, 24px);
}
.contacto-familia-actual h2 {
color: var(--accent-color);
margin-bottom: 40px;
}
.contacto-familia-actual p {
color: var(--dark-grey-color);
font-size: 20px;
line-height: 120%;
} .container-familia-nueva p.pretitulo {
text-transform: uppercase;
}
.container-familia-nueva .col-img-texto {
gap: 0;
}
.container-familia-nueva .col-img-texto .col-contenido {
padding: 100px 100px 100px 500px;
display: flex;
flex-flow: column;
justify-content: center;
align-items: start;
}
.container-familia-nueva .col-img-texto .col-contenido h2 {
font-size: clamp(36px, 5vw, 52px);
margin-bottom: 32px;
line-height: 110%;
}
.container-familia-nueva .col-img-texto .col-contenido p {
font-size: clamp(24px, 5vw, 36px);
font-weight: 700;
line-height: 120%;
margin-bottom: 32px;
}
.container-familia-nueva .col-img-texto p.pretitulo {
color: var(--accent-color);
font-size: 20px;
margin-bottom: 8px;
}
.container-familia-nueva .col-img-texto .wp-block-button a {
font-size: clamp(20px, 5vw, 24px);
color: var(--light-color);
background-color: var(--accent-color);
border-radius: 4px;
padding: 16px 24px
}
.container-familia-nueva .col-img-texto .wp-block-button a:hover {
opacity: 0.8;
}
.container-familia-nueva .col-img-texto figure.wp-block-video {
height: 100%;
}
.container-familia-nueva .col-img-texto .wp-block-video video {
height: 100%;
object-fit: cover;
}
.container-familia-nueva section.puntos-fuertes-col-3 {
background-color: var(--accent-color);
}
.container-familia-nueva section.puntos-fuertes-col-3 span{
color:var(--light-color) !important;
}
.container-familia-nueva section.puntos-fuertes-col-3 .bullet.container .col-lg-3:not(:first-child)::before{
background-color: var(--light-color) !important;
}
.container-familia-nueva .section-absolute {
padding: 150px 0 45px 0;
background-color: var(--main-color);
color: var(--light-color);
}
.container-familia-nueva .section-absolute h2 {
color: var(--light-color);
font-size: clamp(24px, 5vw, 72px);
line-height: 120%;
margin: 0 auto 80px auto;
width: 50%;
}
.container-familia-nueva .col-absolute-familia-nueva {
position: relative;
margin-bottom: 105px;
}
.container-familia-nueva .col-absolute-familia-nueva figure {
max-height: 550px;
height: 550px;
overflow: hidden;
}
.container-familia-nueva .col-absolute-familia-nueva figure img{
height:100%;
object-fit: cover;
}
.container-familia-nueva .contenido-absolute {
position: absolute;
background-color: var(--light-color);
padding: 30px;
max-width: 700px;
}
.container-familia-nueva .contenido-absolute.col-right {
bottom: 50px;
right: 20px;
}
.container-familia-nueva .contenido-absolute.col-left {
bottom: 50px;
left: 20px;
}
.container-familia-nueva .col-img-left {
margin-left: auto;
}
.container-familia-nueva .contenido-absolute h3 {
font-size: clamp(20px, 5vw, 36px);
color: var(--main-color);
}
.container-familia-nueva .contenido-absolute h3::after {
content: '';
display: block;
width: 200px;
height: 5px;
background-color: var(--third-color);
margin: 32px auto;
}
.container-familia-nueva .contenido-absolute p {
font-size: 20px;
color: var(--black-color);
line-height: 120%;
margin: 0;
}
.container-familia-nueva .contenido-absolute a {
background-color: var(--accent-color);
border-radius: 4px;
color: var(--light-color);
padding: 16px 24px;
font-size: 20px;
margin-top: 32px;
}
.container-familia-nueva .contenido-absolute .wp-block-button {
margin: 0 auto;
}
.container-familia-nueva .contenido-absolute a:hover {
opacity: 0.8;
color: var(--light-color);
}
.container-familia-nueva .contenido-absolute .bloque-interior {
border: 1px solid var(--grey-light);
padding: 30px;
}
div#contacto-familia-nueva {
position: relative;
padding: 150px 0;
}
div#contacto-familia-nueva h2 {
color: var(--accent-color);
margin-bottom: 80px;
}
div#contacto-familia-nueva .pretitulo,
div#contacto-familia-nueva .col-form h2 {
color: var(--main-color);
}
div#contacto-familia-nueva .col-form h2 {
margin-bottom: 32px;
} .container-alumni .pretitulo {
text-transform: uppercase;
font-size: 20px;
}
.container-alumni section.video-texto {
padding: 100px 0;
background-color: var(--main-color);
}
.container-alumni section.video-texto .container-video-texto {
display: flex;
flex-flow: column;
gap: 0;
color: var(--light-color);
box-shadow: 0px 4px 22.3px 0px rgba(0, 0, 0, 0.15);
}
.container-alumni section.video-texto .container-video-texto .wp-block-video video {
border-radius: 12px 12px 0 0;
}
.container-alumni section.video-texto .contenido-video {
padding: 40px;
background-color: var(--accent-color);
border-radius: 0 0 12px 12px;
border-top: 5px solid var(--third-color);
}
.container-alumni section.video-texto .contenido-video h2 {
color: var(--light-color);
font-size: clamp(24px, 5vw, 52px);
margin-bottom: 32px;
}
.container-alumni section.video-texto .contenido-video p.pretitulo {
color: var(--third-color);
margin-bottom: 8px;
}
.container-alumni .card-evento{
padding: 0 8px;
}
.container-alumni section.testimonios-alumni {
padding: 100px 0;
position: relative;
background-color: var(--accent-color);
}
section.testimonios-alumni::before {
content: "";
position: absolute;
inset: 0;
background-image: url(//fundacionsanjuandeavila.org/wp-content/themes/fundacion/img/fondo-datos.png);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
opacity: 0.1;
}
.container-alumni section.testimonios-alumni h2 {
color: var(--light-color);
font-size: clamp(36px, 5vw, 72px);
margin-bottom: 24px;
}
.container-alumni section.testimonios-alumni p {
font-size: 20px;
color: var(--light-color);
margin: 0 auto;
line-height: 120%;
}
.owl-carousel .owl-stage-outer {
margin-left: 150px;
}
.owl-carousel-wrapper {
margin-top: 80px;
}
.container-alumni section.testimonios-alumni .item {
display: flex;
max-width: 1300px;
box-shadow: var(--shadowBox);
margin-right: 40px;
}
.container-alumni section.testimonios-alumni .item .alumni-img-bg {
min-height: 640px;
min-width: 260px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
display: flex;
align-items: end;
padding: 30px;
border-radius: 12px 0 0 12px;
}
.container-alumni section.testimonios-alumni .alumni-overlay p.alumni-pretitulo {
margin: 0 0 8px 0;
font-size: 18px;
font-weight: 400;
}
.container-alumni section.testimonios-alumni .alumni-overlay h4 {
font-weight: 400;
color: var(--light-color);
font-size: 24px;
margin: 0 0 40px 0;
}
.container-alumni section.testimonios-alumni .alumni-estrellas i {
color: var(--third-color);
}
.container-alumni section.testimonios-alumni .alumni-info {
font-size: 20px;
font-weight: 400;
line-height: 120%;
margin: 0;
width: 100%;
}
.container-alumni section.testimonios-alumni .alumni-text-content {
padding: 80px;
display: flex;
flex-flow: column;
align-items: start;
justify-content: center;
gap: 24px;
background-color: var(--light-color);
max-width: 800px;
border-radius: 0 12px 12px 0;
}
.container-alumni section.testimonios-alumni .alumni-text-content .alumni-parrafo-principal {
margin: 0;
font-size: clamp(24px, 5vw, 36px);
color: var(--main-color);
line-height: 120%;
width: 100%;
}
.container-alumni section.testimonios-alumni .alumni-text-content .alumni-parrafo-secundario {
margin: 0;
font-size: 20px;
color: var(--main-color);
line-height: 120%;
width: 100%;
}
.container-alumni section.testimonios-alumni .owl-nav {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 60px;
}
.container-alumni section.testimonios-alumni .owl-nav button {
padding: 0;
height: 70px;
width: 70px;
border: 1px solid var(--light-color);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--light-color);
transition: all 0.3s ease;
}
.container-alumni section.testimonios-alumni .owl-nav button span {
font-size: 70px;
margin-bottom: 10px;
}
.container-alumni section.testimonios-alumni .owl-nav button:hover {
opacity: 0.6;
}
.container-alumni section.evento {
background-color: var(--main-color);
padding: 100px 0;
color: var(--light-color);
}
.container-alumni section.evento h3 {
color: var(--light-color);
font-size: clamp(36px, 5vw, 52px);
margin-bottom: 100px;
}
.container-alumni section.evento .evento-item .mas-info {
color: var(--accent-color);
}
.container-alumni section.evento .evento-item .mas-info:hover {
opacity: 0.8;
}
.container-alumni section.evento .evento-item .mas-info:after {
content: "\f061";
font-family: "Font Awesome 6 Free";
font-weight: 900;
display: inline-block;
margin-left: 0.5rem;
transition: transform 0.2s ease;
}
.container-alumni .section-redes-sociales {
gap: 0;
background-color: #F9F9F9;
}
.container-alumni .section-redes-sociales .col-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
.container-alumni .section-redes-sociales .col-contenido {
display: flex;
flex-flow: column;
justify-content: center;
align-items: start;
padding: 100px 500px 100px 100px;
}
.container-alumni .section-redes-sociales .col-contenido .pretitulo {
color: var(--accent-color);
}
.container-alumni .section-redes-sociales .col-contenido h3 {
font-size: clamp(24px, 5vw, 52px);
}
.container-alumni .section-redes-sociales .col-contenido h3::after {
content: '';
display: block;
width: 200px;
height: 5px;
background-color: var(--third-color);
margin: 32px auto 32px 0;
}
.container-alumni .section-redes-sociales .col-contenido .p-strong {
font-size: clamp(20px, 5vw, 36px);
font-weight: 700;
line-height: 120%;
}
.container-alumni .section-redes-sociales .col-contenido .wp-block-button {
margin-top: 32px;
}
.container-alumni .section-redes-sociales .col-contenido .wp-social-link {
background-color: transparent;
color: var(--accent-color);
}
.container-alumni .section-redes-sociales .col-contenido .wp-social-link svg {
font-size: 45px;
}
.container-alumni .section-redes-sociales .col-contenido .wp-social-link a:hover {
opacity: 0.8;
}
.container-alumni .contacto-alumni {
overflow: hidden;
padding: 100px 0 300px 0;
}
.container-alumni .container-contacto{
position: relative;
}
.container-alumni .contacto-alumni .pretitulo {
color: var(--main-color);
}
.container-alumni .contacto-alumni h3 {
color: var(--accent-color);
font-size: clamp(36px, 5vw, 52px);
margin-bottom: 80px;
}
.container-alumni .contacto-alumni .col-form {
max-width: 600px;
right: 50px;
bottom: -250px;
}
.container-alumni .gform_wrapper .gfield select {
padding: 16px 24px !important;
border-color: var(--grey-input) !important;
border-radius: 4px;
font-size:18px !important;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 2.5rem;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='35,55 70,90 105,55' stroke='%23000' stroke-width='15' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 1rem;
} .container-colegios .col-img-texto {
padding: 120px 0;
gap:100px;
}
.container-colegios .col-img-texto .col-contenido {
display: flex;
flex-flow: column;
justify-content: center;
align-items: start;
gap: 24px;
}
.container-colegios .col-img-texto .col-contenido h2 {
font-size: clamp(36px, 5vw, 72px);
}
.container-colegios .col-img-texto .col-contenido p {
font-size: 36px;
color: var(--main-color);
line-height: 120%;
}
.container-colegios .colegios {
margin-top: 0 !important;
}
section.puntos-fuertes-col-3 {
background-color: var(--light-color);
padding: 60px 0;
}
section.puntos-fuertes-col-3 .cuadrado span.h3 {
color: var(--main-color);
font-size: 24px;
margin: 0 !important;
padding-bottom: 4px;
font-weight: 400;
line-height: 120%;
}
section.puntos-fuertes-col-3 .cuadrado span {
color: var(--main-color);
font-size: 18px;
line-height: 120%;
}
section.puntos-fuertes-col-3 {
padding: 40px 0;
}
section.puntos-fuertes-col-3 .cuadrado {
padding: 0 40px;
box-shadow: none;
background: none;
}
section.puntos-fuertes-col-3 .bullet.container .col-lg-3 {
position: relative;
}
section.puntos-fuertes-col-3 .bullet.container .col-lg-3:not(:first-child)::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
height: 58px;
width: 1px;
background-color: var(--light-color);
}
section.puntos-fuertes-col-3 .bullet.container .col-lg-3:not(:first-child)::before {
background-color: var(--main-color);
} .container-donativos {
padding: 100px 0 150px 0;
}
.container-donativos .encabezado-parrafo {
padding-bottom: 100px;
}
.container-donativos .encabezado-parrafo h2 {
font-size: clamp(36px, 5vw, 72px);
margin-bottom: 24px;
}
.container-donativos .encabezado-parrafo h2 {
font-size: clamp(36px, 5vw, 72px);
margin-bottom: 24px;
}
.container-donativos .encabezado-parrafo p {
font-size: 20px;
color: var(--dark-grey-color);
width: 70%;
margin: 0 auto;
line-height: 130%;
}
.container-donativos section.puntos-fuertes-col-3 {
background-color: var(--accent-color);
}
.container-donativos section.puntos-fuertes-col-3 span{
color:var(--light-color) !important;
}
.container-donativos section.puntos-fuertes-col-3 .bullet.container .col-lg-3:not(:first-child)::before{
background-color: var(--light-color) !important;
}
.container-donativos .datos-bancarios {
padding-top: 100px;
gap: 200px;
}
.container-donativos .datos-bancarios .wp-block-column {
flex-flow: column;
align-items: start;
justify-content: center;
}
.container-donativos .datos-bancarios .col-texto h3 {
font-size: clamp(36px, 5vw, 56px);
line-height: 1;
}
.container-donativos .datos-bancarios .col-texto p {
font-size: 24px;
color: var(--dark-grey-color);
line-height: 130%;
}
.container-donativos .datos-bancarios .col-datos {
background-color: #F6F6F6;
padding: 46px 55px;
border-bottom: 5px solid var(--third-color);
}
.container-donativos .datos-bancarios .col-datos h3 {
font-size: clamp(24px, 5vw, 36px);
}
.container-donativos .datos-bancarios .col-datos p {
font-size: 24px;
color: var(--dark-grey-color);
line-height: 120%;
}
.container-donativos .datos-bancarios .col-datos p.p-strong {
font-weight: 700;
margin: 0;
}
.container-donativos .datos-bancarios .col-datos p.c-bancaria {
margin: 0;
}
.container-donativos .datos-bancarios .col-datos .wp-block-column {
display: flex;
flex-flow: column;
justify-content: center;
gap: 12px;
}
.container-donativos .datos-bancarios .col-datos .box-donativo {
gap: 12px;
margin-bottom: 24px;
}
.container-donativos .datos-bancarios .col-datos a {
color: var(--accent-color);
}
.container-donativos .datos-bancarios .col-datos a:hover {
opacity: 0.8;
;
} .container-organigrama {
padding: 100px 0;
}
.container-organigrama h2 {
font-size: clamp(32px, 5vw, 64px);
margin-bottom: 60px;
}
.container-organigrama h3 {
font-size: clamp(24px, 5vw, 40px);
margin-bottom: 40px;
}
.container-organigrama .bloque-presidente .wp-block-group__inner-container {
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
height:100%;
}
.wp-block-group.bloque-presidente.col-md-3 {
display: flex;
flex-flow: column;
height: 100%;
}
.container-organigrama .fila-presidentes {
justify-content: center;
align-items: stretch;
gap:0;
}
.container-organigrama .fila-organigrama{
gap:0;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
}
.container-organigrama .bloque-organigrama{
padding:0 12px;
}
.container-organigrama .fila-presidentes .bloque-organigrama {
width: 100%;
}
.container-organigrama .bloque-organigrama .card {
border-radius: 8px;
box-shadow: 0px 4px 22.3px 0px rgba(0, 0, 0, 0.15);
width:100%;
}
.container-organigrama .bloque-organigrama .card-header {
min-height: 400px;
border-radius: 8px 8px 0 0;
border:0;
}
.container-organigrama .bloque-organigrama .card-body {
padding: 24px 16px !important;
gap: 12px;
border-radius: 0 0 8px 8px;
display:flex;
justify-content: center;
}
.container-organigrama .bloque-organigrama .card-body h5 {
font-size: clamp(20px, 5vw, 24px);
font-weight: 400;
line-height: 120%;
margin: 0;
color: var(--light-color);
}
.container-organigrama .bloque-organigrama .card-body p {
font-size: 20px;
font-weight: 400;
line-height: 120%;
margin: 0;
color: var(--light-color) !important;
}
.container-organigrama .bloque-presidentes .bloque-organigrama .card-body {
background-color: var(--main-color);
}
.container-organigrama .bloque-presidentes {
margin-bottom: 60px;
}
.container-organigrama .bloque-patronos .bloque-organigrama .card-body {
background-color: var(--third-color);
}
.container-organigrama .bloque-patronos {
margin-bottom: 60px;
}
.container-organigrama .bloque-directores .bloque-organigrama .card-body {
background-color: var(--accent-color);
} .container-merchandising {
padding-top: 100px;
}
.container-merchandising h2 {
font-size: clamp(36px, 5vw, 72px);
margin-bottom: 24px;
}
.container-merchandising .p-gris {
font-size: clamp(16px, 5vw, 20px);
color: var(--dark-grey-color);
font-weight: 700;
margin: 0 auto 100px auto;
line-height: 120%;
}
.container-merchandising .beneficios {
background-color: var(--accent-color);
color: var(--light-color);
}
.container-merchandising .beneficios .columnas-beneficios {
padding: 60px 0;
background-color: var(--accent-color);
}
.container-merchandising .beneficios .columnas-beneficios .box-beneficio {
display: flex;
flex-flow: column;
justify-content: start;
align-items: center;
}
.container-merchandising .beneficios .box-beneficio>.wp-block-columns:first-of-type {
gap: 16px;
}
.container-merchandising .columnas-beneficios .box-beneficio .contenido {
align-items: start;
}
.container-merchandising .columnas-beneficios .box-beneficio .contenido h4 {
font-size: 24px;
}
.container-merchandising .columnas-beneficios .box-beneficio .contenido p {
font-size: 24px;
line-height: 120%;
}
.container-merchandising .beneficios .p-info {
font-size: 24px;
font-weight: 700;
line-height: 120%;
padding: 24px 0;
border-top: 1px solid var(--light-color);
margin: 0;
}
.container-merchandising .beneficios .p-info a {
text-decoration: underline;
color: var(--light-color);
line-height: 120%;
}
.container-merchandising .beneficios .p-info a:hover {
opacity: 0.7;
}
.container-merchandising section.productos {
padding: 100px 0;
background-color: #F8F8F8;
}
.container-merchandising .fila-productos {
flex-wrap: wrap;
gap: 0;
justify-content:center;
}
.container-merchandising .fila-productos .bloque-card-merchandising {
padding: 8px;
}
.container-merchandising .bloque-card-merchandising .card {
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.10);
border-radius: 8px;
}
.container-merchandising .bloque-card-merchandising .card .card-header {
min-height: 340px;
border-radius: 8px 8px 0 0;
}
.container-merchandising .bloque-card-merchandising .card .card-body {
padding: 16px;
border-radius: 0 0 8px 8px;
gap: 6px;
align-items: start;
background-color: var(--main-color);
}
.container-merchandising .bloque-card-merchandising .card .card-body h5 {
color: var(--third-color);
font-weight: 500;
font-size: clamp(18px, 5vw, 27px);
margin: 0;
}
.container-merchandising .bloque-card-merchandising .card .card-body p {
font-size: 18px;
font-weight: 500;
line-height: 120%;
color: var(--light-color);
}
.container-merchandising .contacto-mercandising {
position: relative;
padding: 100px 0 150px 0;
}
.container-merchandising .contacto-mercandising h3 {
font-size: clamp(36px, 5vw, 52px);
margin-bottom: 80px;
} .container-proyecto-educativo {
padding-top: 100px;
}
.container-proyecto-educativo h2 {
font-size: 72px;
margin-bottom: 24px;
}
.container-proyecto-educativo p {
font-size: 20px;
line-height: 120%;
margin-bottom: 0;
}
.container-proyecto-educativo .section-absolute {
margin-top: 100px;
padding: 100px 0 60px 0;
background-color: var(--main-color);
}
.container-proyecto-educativo .section-absolute .col-absolute-proyecto {
position: relative;
margin-bottom: 105px;
}
.container-proyecto-educativo .section-absolute .col-absolute-proyecto figure {
max-height: 550px;
overflow: hidden;
}
.container-proyecto-educativo .contenido-absolute {
position: absolute;
background-color: var(--light-color);
padding: 30px;
max-width: 700px;
}
.container-proyecto-educativo .contenido-absolute.col-right {
bottom: 50px;
right: 20px;
}
.container-proyecto-educativo .contenido-absolute.col-left {
bottom: 50px;
left: 20px;
}
.container-proyecto-educativo .col-img-left {
margin-left: auto;
}
.container-proyecto-educativo .contenido-absolute h3 {
font-size: clamp(20px, 5vw, 36px);
color: var(--main-color);
}
.container-proyecto-educativo .contenido-absolute h3::after {
content: '';
display: block;
width: 200px;
height: 5px;
background-color: var(--third-color);
margin: 32px auto;
}
.container-proyecto-educativo .contenido-absolute .bloque-interior {
border: 1px solid var(--grey-light);
padding: 30px;
}
.container-proyecto-educativo .oferta-educativa {
padding: 100px 0;
background-color: var(--accent-color);
}
.container-proyecto-educativo .oferta-educativa h2 {
color: var(--light-color);
}
.container-proyecto-educativo .oferta-educativa p {
color: var(--light-color);
}
.container-proyecto-educativo .fila-oferta-educativa {
flex-wrap: wrap;
gap: 0;
margin-top: 100px;
}
.container-proyecto-educativo .bloque-imagen-titulo-texto {
padding: 0 12px;
margin-bottom: 24px !important;
display: flex;
flex-direction: column;
align-self: stretch;
}
.container-proyecto-educativo .fila-oferta-educativa .card {
display: flex;
flex-flow: row;
gap: 24px;
align-items: center;
padding: 24px;
}
.container-proyecto-educativo .oferta-educativa img.card-img-top {
width: auto;
height: 103px;
}
.container-proyecto-educativo .oferta-educativa .card-body {
color: var(--main-color);
}
.container-proyecto-educativo .oferta-educativa .card-body p {
color: var(--main-color);
}
.container-proyecto-educativo .oferta-educativa .card-body h5 {
font-size: clamp(20px, 5vw, 36px);
} main.blog .container {
padding: 80px 0 300px 0;
}
main.blog .card {
padding: 40px;
border: 1px solid #EEE;
box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.04);
gap: 28px;
position: relative;
border-bottom: 5px solid var(--third-color);
}
main.blog .card .card-body span.date {
flex-flow: column;
align-items: start;
gap: 0px;
padding: 12px 32px;
background-color: var(--main-color);
color: var(--light-color);
position: absolute;
top: 84px;
left: 0;
}
main.blog .card .card-body span.date p.dia {
margin: 0;
font-size: 30px;
font-weight: 700;
line-height: 1;
}
main.blog .card .card-body span.date p.mes-ano {
margin: 0;
font-size: 18px;
text-transform: uppercase;
line-height: 1;
font-weight: 700;
}
main.blog .card .card-body span {
display: flex;
align-items: center;
gap: 17px;
margin-bottom: 28px;
;
}
main.blog .card .card-body span .hora-lugar,
main.blog .card .card-body span .etiqueta {
display: flex;
align-items: center;
justify-content: start;
gap: 4px;
}
main.blog .card .card-body span .hora-lugar p,
main.blog .card .card-body span .etiqueta p {
font-size: 18px;
color: var(--dark-grey-color);
font-weight: 400;
margin: 0;
}
main.blog .card .card-img-top {
max-height: 490px;
}
main.blog .card .card-img-top img {
height: 100%;
width: 100%;
object-fit: cover;
}
main.blog .card h4.card-title {
font-size: clamp(24px, 5vw, 36px);
color: var(--main-color);
margin-bottom: 10px;
}
main.blog .card .card-text {
font-size: 20px;
color: var(--dark-grey-color);
margin-bottom: 32px;
line-height: 120%;
}
main.blog .card a.leer-mas {
font-size: 20px;
color: var(--accent-color);
margin: 0;
}
main.blog .card a.leer-mas:hover {
opacity: 0.8;
}
main.blog .row>.post:nth-child(1) {
width: 100% !important;
}
main.blog .row>.post:nth-child(1) .card {
padding: 50px;
border-bottom: 0;
}
main.blog .row>.post:nth-child(1) .card-body span.date p.dia {
font-size: 40px;
}
main.blog .row>.post:nth-child(1) .card-body span.date p.mes-ano{
font-size:20px;
}
main.blog .row>.post:nth-child(1) .card-body span.date p.tag {
font-size: 20px;
} main.single .content-single {
padding: 100px 0;
}
main.single .blog-single-content {
position: relative;
padding: 50px 40px;
border: 1px solid #EEE;
box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.04);
}
main.single span.date {
flex-flow: column;
align-items: start;
gap: 0px;
padding: 12px 32px;
background-color: var(--main-color);
color: var(--light-color);
position: absolute;
top: 84px;
left: 0;
}
main.single span.date p {
margin: 0;
}
main.single span.date p.dia {
margin: 0;
font-size: 32px;
font-weight: 700;
line-height: 1;
}
main.single span.date p.mes-ano {
text-transform: uppercase;
font-size: 20px;
font-weight: 700;
margin: 0;
line-height: 1;
}
main.single span.lugar-etiqueta {
display: flex;
align-items: center;
gap: 17px;
margin-bottom: 40px;
}
main.single span .hora-lugar,
main.single span .etiqueta {
display: flex;
align-items: center;
justify-content: start;
gap: 4px;
}
main.single span .hora-lugar p,
main.single span .etiqueta p {
font-size: 18px;
color: var(--dark-grey-color);
font-weight: 400;
margin: 0;
}
main.single h2 {
font-size: clamp(24px, 5vw, 36px);
line-height: 120%;
margin-bottom: 15px;
font-weight: 600;
}
main.single .the-content p {
font-size: 18px;
color: var(--dark-grey-color);
line-height: 130%;
} nav.blog-pagination {
padding: 50px 0;
}
.page-numbers a.page-numbers {
padding: 12px;
border: 1px solid var(--black-color);
color: var(--black-color);
}
.page-numbers a.next.page-numbers {
color: var(--accent-color);
border: 1px solid var(--accent-color);
}
.page-numbers span.page-numbers.current {
padding: 12px;
color: var(--light-color);
border: 1px solid var(--black-color);
background-color: var(--black-color);
}
.page-numbers a.page-numbers:hover {
opacity: 0.7;
} aside.sidebar .widget_search,
aside.sidebar .widget_block,
aside.sidebar .widget_categories {
padding: 24px;
margin-bottom: 40px;
background-color: #F6F6F6;
border: 1px solid #EEE;
box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.04);
}
aside.sidebar .widget_search label {
display: none;
}
aside.sidebar .widget_search input {
border-width: 1px 0 1px 1px;
border-color: var(--grey-input);
border-style: solid;
}
aside.sidebar .widget_search input:focus {
border-color: var(--dark-grey-color);
box-shadow: 0 0 0 2px rgba(0, 119, 204, 0.15);
outline: none;
}
aside.sidebar .widget_search input:focus {
border-color: var(--dark-grey-color);
box-shadow: 0 0 0 2px rgba(0, 119, 204, 0.15);
outline: none;
}
aside.sidebar .wp-block-search__button {
position: relative;
color: transparent; background: none;
border: none;
width: 55px;
height: 55px;
padding: 0;
background-color: var(--accent-color);
margin: 0;
}
.wp-block-search__button::before {
content: "\f002"; font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 22px;
color: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
aside.sidebar .wp-block-search__button:hover {
opacity: 0.8;
}
aside.sidebar h2.wp-block-heading,
aside.sidebar h2.widgettitle {
font-size: 24px;
font-weight: 400;
padding-bottom: 8px;
margin-bottom: 24px;
border-bottom: 1px solid #E0E0E0;
}
.sidebar .widget ul {
display: flex;
flex-flow: column;
gap: 16px;
}
aside.sidebar .wp-block-latest-posts__featured-image {
margin-right: 8px;
}
aside.sidebar .wp-block-latest-posts a {
font-weight: 400;
color: var(--main-color) !important;
font-size: 18px;
}
aside.sidebar .wp-block-latest-posts a:hover {
opacity: 0.8;
;
}
aside.sidebar .wp-block-latest-posts time {
color: var(--main-color) !important;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
}
li.widget.widget_categories ul {
padding: 0;
margin: 0;
list-style: none;
}
li.widget.widget_categories li.cat-item {
display: flex;
justify-content: space-between;
align-items: center;
background-color: white;
transition: 0.3s ease;
}
li.widget.widget_categories li.cat-item a {
color: var(--dark-grey-color);
padding: 12px 16px;
font-weight: 400;
font-size: 18px;
text-decoration: none;
flex-grow: 1;
line-height: 1.2;
border-width: 1px 0 1px 1px;
border-color: var(--grey-input);
border-style: solid;
height: 50px;
}
li.widget.widget_categories li::after {
content: "\f061"; font-family: "Font Awesome 6 Free";
font-weight: 900;
background-color: #922019;
color: white;
padding: 10px;
border-radius: 0;
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
cursor: pointer;
}
li.widget.widget_categories li.cat-item:hover a,
li.widget.widget_categories li.cat-item:hover::after {
opacity: 0.8;
} .main-contacto .content.container {
padding: 100px 0 150px 0;
position: relative;
}
.main-contacto .content.container h2 {
font-size: clamp(36px, 5vw, 52px);
color: var(--accent-color);
margin-bottom: 80px;
line-height:1;
}
.main-contacto .content.container p.pretitulo {
text-transform: uppercase;
font-size: 20px;
color: var(--main-color);
}
.container-contacto .wp-block-column {
display: flex;
align-items: end;
}
.container-contacto figure.wp-block-image {
max-height: 550px;
width: 100%;
overflow:hidden;
}
.container-contacto figure.wp-block-image img {
height: 100%;
max-width: 100%;
object-fit: cover;
}
.container-contacto .gform_wrapper h2.gform_title,
.container-contacto .gform_wrapper h3.gform_title {
font-size: clamp(24px, 5vw, 36px);
margin-bottom: 24px;
margin-top: 0;
color: var(--main-color);
}
.container-contacto .gform_wrapper .gfield {
padding: 0;
}
.container-contacto .col-form {
position: absolute;
bottom: 60px;
right: 20px;
padding: 50px;
background-color: var(--light-color);
box-shadow: var(--shadowBox);
border-radius: 12px;
height: fit-content;
}
.container-contacto .gform_wrapper .gfield textarea.large {
height: 150px !important;
padding: 16px 24px !important;
border-color: var(--grey-input) !important;
border-radius: 4px;
font-size: 18px;
}
ul.gfield_checkbox li.gchoice label{
font-size: 18px !important;
line-height:120%;
}
ul.gfield_checkbox input.gfield-choice-input{
margin:0 !important;
}
ul.gfield_checkbox li.gchoice a{
font-weight: 600;
text-decoration:underline;
line-height:120%;
}
ul.gfield_checkbox li.gchoice a:hover{
opacity:0.8;
color:#1D3159;
}
.container-contacto .gform_wrapper .gfield input {
padding: 16px 24px !important;
border-color: var(--grey-input) !important;
border-radius: 4px;
font-size: 18px !important;
}
.container-contacto .gform_wrapper .gform_button {
width: 100% !important;
background-color: var(--accent-color);
border-radius: 4px;
padding: 12px 16px;
font-size: 20px !important;
}
.container-contacto .gform_wrapper .gform_button:hover {
opacity: 0.8;
}
.container-contacto .gform_footer {
padding: 0 !important;
margin: 24px 0 0 0 !important;
}
.container-contacto .gform_legacy_markup_wrapper li.hidden_label input {
margin: 0 !important;
}
.gform_validation_errors h2.gform_submission_error.hide_summary{
margin:0 0 24px 0!important;
font-size: clamp(24px, 5vw, 36px);
display:flex;
align-items:center;
}
.gform_legacy_markup_wrapper div.validation_error{
border:none;
}
.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{
line-height:120%;
}
.top_label .gfield_error textarea.textarea{
border:1px solid #790000 !important;
}
div.gform_confirmation_message h3,
div.gform_confirmation_message h3 span{
font-size: 24px !important;
font-weight: 500;
line-height: 120%;
color: var(--main-color) !important;
margin: 0 !important;
} .contacto-familia-actual {
position: relative;
padding: 150px 0;
} .imagen-arzobispado {
height: 90px;
}
.imagen-arzobispado img {
height: 100%;
}
footer .donativos-footer {
position: relative;
background-color: var(--third-color);
padding: 60px 0;
overflow: hidden;
}
footer .donativos-footer .fondo-donaciones {
position: absolute;
left: 200px;
top: 50%;
transform: translateY(-50%);
width: 750px;
height: auto;
opacity: 0.2;
z-index: 1;
}
footer .donativos-footer .container {
position: relative;
z-index: 2;
}
footer .donativos-footer .col-12 {
display: flex;
justify-content: space-between;
align-items: center;
}
footer .donativos-footer .col-12 a.btn {
height: auto;
align-self: center;
font-size: 20px;
color: var(--light-color);
background-color: transparent;
border: 3px solid var(--light-color);
border-radius: 4px;
padding: 10px 24px;
}
footer .donativos-footer .col-12 a.btn:hover {
background: var(--light-color-hover);
}
footer .donativos-footer .col-12 a.btn:focus{
box-shadow:none;
outline:none;
}
footer .donativos-footer .pretitulo {
font-size: 20px;
color: var(--light-color);
font-weight: 600;
margin: 0;
}
footer .donativos-footer h4 {
font-size: clamp(36px, 5vw, 52px);
color: var(--light-color);
font-weight: 600;
margin: 0;
line-height: 120%;
}
footer #footer {
background-color: var(--main-color) !important;
color: var(--light-color);
padding: 80px 0;
font-size: 16px;
height: auto;
padding-top: 60px;
}
footer a,
footer h3,
footer i {
color: var(--light-color);
}
footer h3 {
font-size: 20px;
margin: 0;
padding-bottom: 16px;
}
footer div.logo-footer {
display: flex;
flex-flow: column;
gap: 24px;
}
footer .social-icons {
display: flex;
gap: 50px;
align-items: center;
}
footer .social-icons a i::before {
font-size: 24px;
}
footer a.site-title {
max-height:70px;
}
footer div.logo-footer p {
margin: 0;
}
footer .container-column{
padding:0 16px;
}
footer .col-footer {
display: flex;
justify-content: center;
}
footer .contacto-footer ul li i {
padding-right: 16px;
}
footer .col-footer ul li i::before {
font-size: 20px;
}
footer .col-footer .container-column ul {
gap: 16px;
}
footer .col-footer .container-column ul li a:hover,
footer .menu-footer-menu-textos-legales-container a:hover {
color: var(--light-color);
text-decoration: underline;
}
footer .main-navigation {
max-height: fit-content;
}
footer .col-footer ul li {
padding: 0 !important;
display: flex;
align-items: start;
}
footer .col-footer ul li p,
footer .col-footer ul li a {
line-height: 130%;
margin: 0;
}
#copyright {
padding-top: 40px;
}
#copyright li {
padding: 0 !important;
}
#copyright a {
font-size: 100%;
font: inherit;
vertical-align: baseline;
margin-right: 50px;
} .wrapper-idento {
display: inline-block;
vertical-align: middle;
}
.firma-idento {
background: url(//fundacionsanjuandeavila.org/wp-content/themes/fundacion/img/idento.svg);
width: 20px;
height: 20px;
background-repeat: no-repeat;
display: inline-block;
background-size: 53px;
margin: 0;
transition: width 0.3s;
margin-top: 0px;
}
.firma-idento.white {
background-image: url(//fundacionsanjuandeavila.org/images/idento_neg.svg);
}
.firma-idento:hover {
width: 53px;
} #contact-form #mail,
#contact-form2 #mail {
visibility: hidden;
position: absolute;
opacity: 0;
left: -100vw;
}
.content-legal {
padding: 2rem;
}
.content-legal ul {
padding-left: 2rem;
}
.content-legal ul li {
list-style: disc;
}
.content-legal .h2:after {
display: none;
}
.content-legal table td {
border: 1px solid #000001;
padding: 0.5rem;
}
.content-legal table p {
margin-bottom: 0rem;
} .wp-block-group.container-legal-text.container {
padding: 100px 0;
}
.wp-block-group.container-legal-text.container h2,
.wp-block-group.container-legal-text.container h3{
margin-bottom: 24px;
line-height: 1;
color: var(--main-color);
font-size: clamp(24px, 5vw, 52px);
font-weight: 700;
}
.wp-block-group.container-legal-text.container h4 {
margin: 24px 0;
line-height: 1;
color: var(--main-color);
font-weight: 700;
}
.wp-block-group.container-legal-text.container strong {
line-height: 110%;
}
.wp-block-group.container-legal-text.container p {
margin-bottom: 12px;
line-height: 120%;
}
.wp-block-group.container-legal-text.container ul,
.wp-block-group.container-legal-text.container ol {
padding-left: 1em;
list-style-position: outside;
list-style: initial;
}
.wp-block-group.container-legal-text.container ul * {
list-style: initial;
}
.wp-block-group.container-legal-text.container ul {
list-style-type: disc;
}
.wp-block-group.container-legal-text.container ol {
list-style-type: decimal;
}
.wp-block-group.container-legal-text.container li {
line-height: 120%;
} @media (max-width: 2000px) {
.container-historia .section-historia:first-of-type .col-contenido,
.container-familia-nueva .col-img-texto .col-contenido{
padding: 100px 100px 100px 300px;
}
.container-historia .col-contenido,
.container-alumni .section-redes-sociales .col-contenido{
padding: 100px 300px 100px 100px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1800px) {
.section-caja-absolute .caja-absolute {
right: 30%;
}
main.blog .card .card-body span{
flex-flow:column;
align-items:start;
}
}
@media (max-width: 1600px) {
main.home .section-caja-absolute h2{
padding: 0 150px;
}
.container-historia .section-historia:first-of-type .col-contenido,
.container-familia-nueva .col-img-texto .col-contenido{
padding: 100px;
}
.container-historia .col-contenido,
.container-alumni .section-redes-sociales .col-contenido{
padding: 100px;
}
}
@media only screen and (max-width: 1199px) {
.p-width{
width:100% !important;
} .hero h3 {
font-size: 20px;
}
.hero h1 {
font-size: 32px;
}
h2 {
font-size: 26px;
}
section.faq {
margin: 60px 0 60px 0;
} .section-caja-absolute .caja-absolute{
right: 10%;
}
main.home section.datos .banner-datos .container .row{
flex-flow:column;
align-items:center;
width: 100%;
gap: 32px;
margin: 0;
}
main.home section.datos .banner-datos .container .row .col-lg-3{
width:100%;
}
main.home .valoracion-card.valoraciones-home{
display:none !important;
}
main.home .valoracion-card-mobile{
display:block !important;
} main.home section.valoraciones {
padding-right: 0 !important;
}
main.home section.valoraciones .wp-block-group__inner-container {
flex-wrap: nowrap;
overflow-x: auto;
scroll-snap-type: x mandatory;
}
main.home .valoracion-card-mobile {
flex: 0 0 90%;
scroll-snap-align: center;
margin-right: 4px;
display: flex;
flex-flow: column;
background-color: var(--main-color);
}
main.home .valoracion-card-mobile .header-card {
padding: 30px;
color: var(--light-color);
min-height: 220px;
display: flex;
flex-flow: column;
align-items: start;
justify-content: end;
}
main.home .valoracion-card-mobile .header-card .pretitulo {
font-size: 14px;
text-transform: uppercase;
font-weight: 400;
line-height: 140%;
}
main.home .valoracion-card-mobile .header-card .titulo {
font-size: 24px;
font-weight: 400;
}
main.home .valoracion-card-mobile .header-card p.nombre {
font-size: 16px;
font-weight: 400;
margin: 0;
}
main.home .valoracion-card-mobile .header-card div.estrellas i {
color: var(--third-color);
}
main.home .valoracion-card-mobile .body-card {
padding: 16px;
}
main.home .valoracion-card-mobile .body-card p {
color: var(--light-color);
line-height: 140%;
} .container-historia .section-historia .col-contenido,
.container-historia .section-historia:first-of-type .col-contenido {
padding: 50px;
} .container-proyecto-educativo .titulo-parrafo {
padding: 0 24px;
} .container-familia-nueva .col-img-texto .col-contenido {
padding: 50px;
} .container-familia-actual .col-calendario .col-lg-3{
width: 50%;
margin-bottom: 16px;
} .container-alumni .section-redes-sociales .col-contenido{
padding:50px;
}
.container-alumni .section-redes-sociales .col-img figure{
height: 100%;	
}
.container-alumni .card-evento{
width: 50%;
margin-bottom: 16px;
}
.container-alumni .contacto-alumni{
padding:100px 0;
}
.container-alumni .container-contacto{
flex-flow: column;
}
.container-alumni .container-contacto .col-form{
position:static;
max-width: none;
}
.container-contacto figure.wp-block-image img{
width: 100%;
}
.container-alumni .owl-carousel .owl-stage-outer{
margin-left: 50px;
} .container-donativos .datos-bancarios {
gap: 32px;
} section.puntos-fuertes-col-3 .cuadrado {
padding: 16px 24px;
}
section.puntos-fuertes-col-3 .bullet.container .col-lg-3{
width:50%;
}
section.puntos-fuertes-col-3 .bullet.container .col-lg-3:not(:first-child)::before{
display:none;
}
main.blog .card .card-body span{
flex-flow:column;
align-items:start;
}
.wp-block-latest-posts.wp-block-latest-posts__list li{
display:flex;
flex-flow:column;
align-items:start;
} .container-alumni .contacto-alumni .col-form{
bottom:-250px;
} .container-organigrama .bloque-organigrama{
width:33.3%;
} .container-contacto .wp-block-column {
flex-flow: column;
align-items: center;
} footer .col-md-6{
width: 100%;
margin-bottom: 40px;
padding: 0;
justify-content: start !important;
}
footer .container-column{
padding:0;
}
footer .col-footer{
justify-content: start;
}
#copyright{
padding:0;
}
}
@media only screen and (max-width: 1091px) {}
@media only screen and (max-width: 1090px) {
.cabecera.hero-container-fluid,
.cabecera-single,
section.error-404 {
padding-top: 117px;
} .container-colegios .col-img-texto{
gap:50px;
}
.container-colegios .col-img-texto .col-contenido p{
font-size:24px;
}
.container-colegios .col-img-texto{
100px 0;
} .container-historia .section-historia:first-of-type{
flex-flow:column;
}
.container-historia .section-historia{
flex-flow:column;
}
.container-historia .section-historia .wp-block-column.col-img{
order:2;
} .container-arzobispado{
flex-flow:column;
}
}
@media only screen and (max-width: 991px) { .flex-header {
flex-grow: 1;
}
nav#site-navigation ul.sub-menu {
position: relative;
background-color: var(--main-color);
}
.menu-toggle {
display: flex;
justify-content: flex-end;
align-items: center;
}
header#masthead .search-navbar .search-form {
max-width: none;
}
header#masthead {
padding: 16px;
box-shadow: 0 2px 6px rgb(51 51 51 / 30%);
}
#masthead .navbar.navbar-expand-lg {
border-bottom: 0;
padding:0;
align-items: center;
}
#masthead a.site-title.navbar-brand {
width: 180px;
}
.navbar-toggler {
background: none;
border: 1px solid var(--third-color) !important;
border-radius: 4px;
padding: 10px 12px;
}
.navbar-toggler:focus,
.navbar-toggler:active {
outline: none;
box-shadow: none;
}
.navbar-icon {
font-size: 24px;
color: var(--third-color);
}
.navbar-toggler-text {
font-size: 16px;
color: var(--third-color);
}
div#navbarheader ul#menu-menu-superior li {
border-bottom: 0.8px solid var(--light-color);
}
nav#site-navigation ul.sub-menu li a::before {
content: "\f054"; font-family: "Font Awesome 6 Free";
font-weight: 900; display: inline-block;
margin-right: 8px;
font-size: 12px;
vertical-align: middle;
}
#masthead ul#menu-menu-superior li a {
width: 100%;
}
nav#site-navigation ul.sub-menu li a:active {
background-color: var(--marinoHover);
}
.pre-menu-mobile ul#menu-top-menu-1 li a {
padding: 12px 24px;
display: block;
}
#menu-top-menu-1 li a:active {
background-color: var(--marinoHover);
color: #fff;
}
ul#menu-top-menu-1 {
width: 100%;
}
ul#menu-top-menu-1 .form-cabecera {
top: 15px;
}
.cuadrado:first-child {
margin-left: 15px;
}
section.hero-bullets {
margin: 0 auto;
margin-bottom: 50px;
margin-top: 15px;
}
.home section.hero-bullets+section {
margin-top: 0;
}
main.home .section-caja-absolute h2{
padding: 0 24px;
}
section.productos .row.w-100.column.justify-content-center .col-md-6.col-lg-3 {
margin-bottom: 30px;
}
section.productos article.card {
min-height: 400px;
}
section.productos article.card .card-body {
justify-content: flex-end;
align-items: center;
}
section.productos article.card h4.card-title {
color: white;
position: relative;
background: transparent;
margin-bottom: 15px;
}
section.productos article.card a.read_more {
padding: 7px 30px;
border: 2px solid white;
font-weight: bold;
border-radius: 100px;
z-index: 1;
color: white;
}
section.productos article.card a.read_more i {
margin-left: 5px;
}
section.productos article.card::after {
position: absolute;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0.5;
background: rgba(0, 0, 0, 0.3);
}
section.productos article.card .card-body .contenido-texto::after {
background: rgba(0, 0, 0, 0.3);
}
.team .text-team {
padding: 50px 15px;
}
.carousel-control-next,
.carousel-control-prev {
color: black;
}
.carousel-control-next {
right: -13px;
}
.carousel-control-prev {
left: -13px;
}
.carousel .carousel-item {
padding: 15px;
}
.carousel .carousel-inner {
padding-bottom: 30px;
}
.carousel-indicators .active {
background-color: black;
}
.carousel-control-prev:hover,
.carousel-control-next:hover {
color: black;
}
.carousel-indicators li {
background-color: rgba(0, 0, 0, .5);
}
footer#colophon .col-sm-12.col-md-6.col-lg-3 {
margin-bottom: 40px;
}
footer .col-md-6{
width:100%;
}
ul#menu-footer-menu-textos-legales {
flex-flow: column;
display: flex;
}
footer .container-column{
padding:0;}
footer .col-footer{
justify-content:start;
}
#colophon {
background: none;
}
ul#menu-menu-superior {
flex-direction: column;
padding-bottom: 15px;
}
button#button-main-menu-toggle {
display: flex;
justify-content: flex-end;
align-items: center;
}
section.cabecera {
padding-top: 30px;
}
.form-container form {
padding: 15px;
}
.gfield {
padding-bottom: 0;
}
.row-reverse-tablet {
flex-direction: column-reverse;
}
section.proceso.steps .col-lg-6.text-center {
margin-bottom: 30px;
}
.cabecera .img.right {
width: 100vw;
height: fit-content;
min-height: 400px;
display: flex;
justify-content: center;
align-items: center;
top: 0;
}
.cabecera .img.right::after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
}
.single-productos section.cabecera>.container>.row>.col-12.col-lg-6>span,
.single-productos section.cabecera>.container>.row>.col-12.col-lg-6>h2,
.single-productos section.cabecera>.container>.row>.col-12.col-lg-6>h4,
.single-productos section.cabecera>.container>.row>.col-12.col-lg-6>p {
color: white;
} section.cabecera-home {
min-height: 700px;
}  main.home .section-caja-absolute {
padding: 60px 24px 60px 24px;
}
.section-caja-absolute::before {
display: block;
background-position-y: center;
background-position-x: center;
background-size: cover;
background-position: center;
}
main.home .section-caja-absolute h2 {
margin: 0 0 32px 0;
}
main.home .grupo-card-overlay .wp-block-group__inner-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
padding-bottom: 32px;
}
main.home .section-caja-absolute .imagen-overlap {
margin-right: 24px;
margin-bottom: 0;
position: static;
display: flex;
flex-direction: column;
gap: 0;
box-shadow: var(--shadowBox);
flex: 0 0 90%;
scroll-snap-align: center;
position: relative;
}
main.home .section-caja-absolute .imagen-overlap .col-img {
flex-basis: auto !important;
width: 100%;
height: auto;
flex: none;
}
main.home .section-caja-absolute .col-img figure {
height: auto;
width: 100%;
}
main.home .section-caja-absolute .wp-block-column.caja-absolute {
position: static;
width: 100%;
height: auto;
margin-top: 0;
padding: 16px;
flex-basis: auto !important;
} main.home section.datos .banner-datos .row {
gap: 32px;
} .container-historia .wp-block-group-is-layout-constrained {
padding: 50px 0 0 0;
}
.container-historia .h2-historia {
padding: 0 16px 0 16px;
}
.container-historia .section-historia .col-contenido {
padding: 50px !important;
}
.container-historia .section-historia:first-of-type {
margin-top: 50px;   
}
.container-historia .section-historia {
padding: 40px 16px;
flex-flow: column;
gap: 40px !important;
}
.container-historia .section-historia .col-contenido,
.container-historia .section-historia:first-of-type .col-contenido {
order: 1;
}
.container-historia .section-historia .col-contenido {
padding: 0;
}
.container-historia .section-historia:first-of-type .col-contenido {
padding: 0 0 40px 0 !important;
}
.container-historia .section-historia .col-img {
order: 2;
}
.container-historia .col-contenido h3 {
margin-bottom: 24px;
}
.container-historia .col-contenido h3::after {
margin-top: 24px;
} .container-arzobispado {
flex-flow: column;
} .container-organigrama .fila-presidentes,
.container-organigrama .fila-organigrama {
flex-wrap: nowrap;
overflow-x: auto;
scroll-snap-type: x mandatory;
justify-content: start;
}
.container-organigrama .fila-presidentes .bloque-presidente,
.container-organigrama .fila-organigrama .bloque-organigrama {
flex: 0 0 60%;
scroll-snap-align: center;
position: relative;
} .container-colegios .col-img-texto {
flex-flow: column;
}
section.puntos-fuertes-col-3 .col-lg-3::before {
display: none;
} .container-familia-nueva .col-absolute-familia-nueva {
gap: 0;
margin-bottom: 60px;
flex-flow: column;
padding:0;
}
.container-familia-nueva .col-absolute-familia-nueva .col-img {
order: 1;
}
.container-familia-nueva .contenido-absolute {
position: static;
padding: 16px;
order: 2;
}
.container-familia-nueva div#contacto-familia-nueva {
padding: 80px 0;
}
.container-familia-nueva .container-contacto {
flex-flow: column;
} .container-familia-actual .col-calendario .calendario-item {
margin-bottom: 24px;
}
.container-familia-actual .noticias-y-eventos {
flex-flow: column;
}
.col-absolute-familia-actual .wp-block-columns.container {
flex-flow: column;
padding: 0;
}
.col-absolute-familia-actual {
padding: 24px 16px 450px 16px;
}
.col-absolute-familia-actual .wp-block-columns.container {
overflow: visible;
}
.col-absolute-familia-actual .contenido-absolute {
bottom: -380px;
right: auto;
left: 50%;
transform: translate(-50%);
width: 90%;
padding: 16px;
height: fit-content;
top: auto;
}
.container-familia-actual .col-calendario .col-lg-3{
width:100%;
margin:0;
}
.contacto-familia-actual .container-contacto {
flex-flow: column;
} .container-alumni .owl-carousel .owl-stage-outer {
margin-left: 50px;
}
.container-alumni .col-eventos .evento-item {
margin-bottom: 0;
}
.container-alumni .section-redes-sociales {
flex-flow: column;
}
.container-alumni .section-redes-sociales .col-contenido {
padding: 50px;
}
.container-alumni .container-contacto {
flex-flow: column;
}
.container-alumni .container-contacto .col-form {
margin: 0 auto;
} .container-merchandising {
padding-top: 100px;
}
.container-merchandising .p-gris {
margin: 0 auto 100px auto;
}
.container-merchandising section.productos {
padding: 100px 0;
}
.container-merchandising .contacto-mercandising {
padding: 100px 0;
}
.contacto-mercandising .container-contacto {
flex-flow: column;
} .container-donativos {
padding: 100px 0;
}
.container-donativos .encabezado-parrafo {
padding-bottom: 100px;
;
}
.container-donativos .datos-bancarios {
flex-flow: column;
gap: 24px;
} .container-proyecto-educativo .section-absolute {
margin-top: 50px;
padding: 60px 16px 24px 16px;
}
.container-proyecto-educativo .contenido-absolute {
position: static;
padding: 16px;
order: 2;
}
.container-proyecto-educativo .col-absolute-proyecto {
gap: 0;
margin-bottom: 60px !important;
padding: 0;
flex-flow: column;
align-items: center !important;
}
.container-proyecto-educativo .col-absolute-proyecto figure {
max-height: 225px;
}
.container-proyecto-educativo .col-absolute-proyecto .contenido-absolute h3::after {
margin: 16px auto;
}
.container-proyecto-educativo .contenido-absolute .bloque-interior {
padding: 30px;
} main.blog .container {
padding: 80px 0 100px 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li{
display:inline;
} .main-contacto .content.container {
padding: 60px 16px;
}
.main-contacto .content.container .wp-block-columns {
padding: 0;
flex-flow: column;
}
.container-contacto .col-img {
order: 1;
}
.container-contacto .col-form {
position: static;
padding: 24px 12px;
order: 1;
}
.main-contacto .content.container h2 {
margin-bottom: 32px;
}
.container-contacto .gform_wrapper h2.gform_title {
margin-bottom: 16px;
}
.container-contacto .gform_wrapper .gform_fields {
gap: 12px !important;
}
.container-contacto .gform_wrapper .gform_fields span.name_last {
margin-bottom: 0 !important;
}
.container-contacto .gform_wrapper .gform_fields span.name_first {
margin-bottom: 12px !important;
}
.container-contacto .gform_wrapper .gfield input,
.container-contacto .gform_wrapper .gfield textarea.large,
.container-alumni .gform_wrapper .gfield select{
font-size: 16px !important;
line-height: 1 !important;
padding: 12px 16px !important;
}
.container-contacto .gform_wrapper .gfield input::placeholder,
.container-contacto .gform_wrapper .gfield textarea.large::placeholder{
font-size:16px;
}
.container-contacto .gform_wrapper .gform_button {
line-height: 1 !important;
}
.container-contacto .gform_footer {
padding: 0 !important;
margin: 32px 0 0 0 !important;
}
.cabecera-single {
margin: 0 !important;
}
}
@media only screen and (max-width: 767px) {
.cabecera.hero-container-fluid,
.cabecera-single,
section.error-404 {
padding-top: 113px;
}
.content-legal {
padding: 1rem;
}
.content-legal h3,
.content-legal .h3 {
font-size: 17px;
font-weight: 700;
line-height: 23px;
}
.content-legal a {
word-break: break-word;
}
.content-legal ul {
padding-left: 1rem;
}
.content-legal h2,
.content-legal .h2 {
font-size: 21px;
line-height: 27px;
}
.content-legal p,
.content-legal li {
font-size: 14px;
line-height: 21px;
}
.content-legal h1 {
font-size: 1.4rem;
margin-bottom: 0.5rem;
}
a.telefono.gtm_phone {
position: fixed;
bottom: 30px;
right: 30px;
border-radius: 100px;
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
}
a.telefono.gtm_phone span {
display: none;
}
a.telefono.gtm_phone i {
margin: 0;
font-size: 24px;
}
section.hero-bullets .col-md-4.p-0 {
margin-bottom: 15px;
}
section.hero-bullets .col-md-4.p-0:last-child {
margin-bottom: 0;
}
.team .foto {
position: relative;
top: 0;
}
.team .row.position-relative {
flex-direction: column-reverse;
}
.cuadrado p {
min-height: auto;
}
.form-container input[type="submit"] {
line-height: 1 !important;
}
.carousel-control-next {
right: -6px;
}
.carousel-control-prev {
left: -6px;
}
.row-reverse-movil {
flex-direction: column-reverse;
}
.row-reverse-movil .sidebar {
margin-bottom: 30px;
}
.widget .sidebar h2.widgettitle {
position: relative;
transition: 0.5s;
cursor: pointer;
} .sidebar .widget h2.widgettitle+ul {
max-height: 0;
overflow: hidden;
transition: .5s;
}
.sidebar .widget h2.widgettitle.desplegado::after {
transform: rotate(180deg);
}
.sidebar .widget h2.widgettitle.desplegado+ul {
max-height: 500px;
}
.steps .step {
max-width: 100%;
}
section.proceso.steps .row.mb-4:last-child {
margin-bottom: 0 !important;
}
section.productos article.card .card-body {
justify-content: center;
text-align: center;
}
.texto-imagen .foto {
top: 0;
}
.background-main .form-container {
padding: 30px 0;
}
.form-container .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: 1;
min-height: 0;
}
.texto-imagen {
margin: 30px 0 0 0;
}  main.home .cabecera-home .overlay h2 {
font-weight: 500;
line-height: 1;
}
main.home .cabecera-home .overlay .parrafo{
font-size:20px;
} main.home section.nuestros-colegios {
padding: 60px 0 24px 0;
}
main.home section.nuestros-colegios p {
width: 100%;
padding: 0 24px;
line-height: 120%;
margin: 0;
}
section.nuestros-colegios .colegios {
flex-wrap: nowrap;
overflow-x: auto;
scroll-snap-type: x mandatory;
margin: 0 !important;
padding: 40px 0 24px 0 !important;
}
.colegios .card-colegio,
.colegios .col-3 {
flex: 0 0 90%;
scroll-snap-align: center;
margin-right: 4px;
}
section.nuestros-colegios .card-colegio p {
padding: 0;
}
main.home .section-caja-absolute .caja-absolute h3 {
font-weight: 400;
}
main.home .section-caja-absolute .caja-absolute p {
font-size: 16px;
} main.home section.datos {
padding: 55px 16px;
}
main.home section.datos>div.is-layout-constrained:first-of-type {
padding: 0;
}
main.home section.datos p.uppercase {
margin-bottom: 5px;
}
main.home section.datos h3 {
line-height: 120%;
}
main.home section.datos .banner-datos {
margin: 0;
} main.home section.datos .banner-datos .h4 {
margin-bottom: 8px !important;
}
main.home section.datos .banner-datos .number {
margin-bottom: 24px;
} .cabecera.hero-container-fluid,
.cabecera-single {
min-height: 360px !important;
}
.cabecera.hero-container-fluid .hero-content h1,
.cabecera-single .hero-content h1 {
font-weight: 700;
margin-bottom: 28px;
font-size:26px;
}
section.cabecera h2.h1 {
font-weight: 600;
margin-bottom: 12px !important;
}
section.cabecera span {
line-height: 120%;
}
section#post-404 {
padding: 50px 16px;
}
.cabecera.hero-container-fluid .hero-content p#breadcrumbs span,
.cabecera.hero-container-fluid .hero-content p#breadcrumbs a,
.cabecera-single .hero-content p#breadcrumbs span,
.cabecera-single .hero-content p#breadcrumbs a {
font-size: 16px;
}
.cabecera-single .hero-content {
padding: 0 16px;
text-align: center;
} .container-historia .section-historia .col-contenido,
.container-historia .section-historia:first-of-type .col-contenido {
padding: 0 !important;
}
.container-historia .p-historia {
font-size: 16px;
width: 100%;
}
.container-historia p.p-strong {
font-size: 20px;
}
.container-historia p.p-small {
font-size: 16px;
margin: 0;
} .container-arzobispado {
padding: 40px 16px;
}
.container-arzobispado .col-contenido h3 {
margin-bottom: 24px;
}
.container-arzobispado .col-contenido h3::after {
margin-top: 24px;
}
.container-arzobispado p.p-strong {
font-size: 24px;
}
.container-arzobispado p.p-small {
font-size: 16px;
margin: 0;
} .container-familia-actual .col-video {
padding: 40px 16px;
}
.container-familia-actual .col-video .contenido-video p.pretitulo {
margin-bottom: 12px;
}
.container-familia-actual .col-video .contenido-video p {
font-size: 16px;
}
.container-familia-actual .col-video .contenido-video h2 {
margin-bottom: 24px;
line-height: 120%;
}
.container-familia-actual .col-calendario {
padding: 40px 16px;
}
.container-familia-actual .col-calendario .col-lg-3{
padding:0;
}
.container-familia-actual .bloque-ultimas-entradas-calendario .row {
gap: 16px;
}
.container-familia-actual .col-calendario h3 {
margin-bottom: 32px;
}
.container-familia-actual .col-calendario .calendario-item {
border: 0;
padding: 24px;
margin-bottom: 0;
;
}
.container-familia-actual .col-calendario .calendario-item .fecha {
margin-bottom: 10px;
}
.container-familia-actual .col-calendario .calendario-item h4 {
margin-bottom: 12px;
}
.container-familia-actual .col-calendario .calendario-item p.hora-lugar {
margin: 0;
}
.container-familia-actual .col-calendario .calendario-item .mas-info,
.container-familia-actual .col-calendario .calendario-item span.etiqueta {
display: none;
}
.container-familia-actual .col-calendario .calendario-item .container-familia-actual .noticias-y-eventos .dia {
margin-bottom: 10px;
padding: 40px 16px;
gap: 40px;
}
.container-familia-actual .col-calendario .calendario-item .container-familia-actual .noticias-y-eventos .dia {
margin-bottom: 10px;
padding: 40px 16px;
gap: 40px;
}
.container-familia-actual .noticias-y-eventos .bloque-ultimas-entradas-evento .row {
gap: 16px;
}
.container-familia-actual .noticias-y-eventos {
padding: 40px 16px;
}
.container-familia-actual .noticias-y-eventos .col-noticias,
.container-familia-actual .noticias-y-eventos .col-eventos {
border-radius: 12px;
padding: 30px 16px;
}
.bloque-ultimas-entradas-noticias{
margin-top:0;
}
.container-familia-actual .noticias-y-eventos .col-noticias ul {
display: flex;
flex-flow: column;
align-items: start;
gap: 16px;
}
.noticias-y-eventos .col-noticias li.noticia-item a{
width:100%;
}
.container-familia-actual .noticias-y-eventos .col-noticias li.noticia-item {
flex-flow: column;
justify-content: center;
align-items: start;
padding: 8px 0;
gap: 8px;
}
.container-familia-actual .bloque-ultimas-entradas-evento .container {
padding: 0;
}
.col-eventos .evento-item h4 {
margin-bottom: 12px;
}
.col-eventos .evento-item {
gap: 0 !important;
border: 0 !important;
margin: 0;
}
.col-eventos .evento-item .fecha {
margin-bottom: 24px;
}
.col-eventos .evento-item {
gap: 0;
border: 0;
}
.col-eventos .evento-item span.etiqueta {
display: none;
}
.col-absolute-familia-actual .contenido-absolute .bloque-interior {
padding: 30px;
}
.col-absolute-familia-actual .contenido-absolute p {
font-size: 16px;
}
.contacto-familia-actual {
padding: 40px 16px;
}
.contacto-familia-actual h2 {
font-size: 36px;
margin-bottom:32px;
}
.contacto-familia-actual p {
font-size: 16px;
margin: 0;
}
p.gform_required_legend{
margin-bottom:8px;
}
.col-absolute-familia-actual .contenido-absolute h3::after {
margin: 16px auto;
}
.contacto-familia-actual .container-contacto {
margin-top: 32px;
}
.contacto-familia-actual .container-contacto .pretitulo {
margin-bottom: 12px;
}
.contacto-familia-actual .container-contacto h2 {
margin-bottom: 24px;
}
.contacto-familia-actual .container-contacto .gform-footer .gform_button {
font-size: 20px;
} .container-familia-nueva .col-img-texto {
padding: 60px 16px;
gap: 24px;
}
.container-familia-nueva .col-img-texto .col-contenido {
padding: 0;
}
.container-familia-nueva .col-img-texto .col-contenido h2 {
width: 100%;
margin: 0;
}
.container-familia-nueva .col-img-texto .col-contenido h2::after {
content: '';
display: block;
width: 200px;
height: 5px;
background-color: var(--third-color);
margin: 24px auto 24px 0;
}
.container-familia-nueva .col-img-texto .col-contenido p {
line-height: 110%;
margin-bottom: 24px;
}
.container-familia-nueva .col-img-texto p.pretitulo {
margin-bottom: 12px;
}
.container-familia-nueva .col-img-texto .wp-block-button a {
padding: 12px 16px;
}
.container-familia-nueva .section-absolute {
padding: 60px 16px 24px 16px;
}
.container-familia-nueva .section-absolute h2 {
width: 100%;
margin-bottom: 32px;
}
.container-familia-nueva .col-absolute-familia-nueva figure {
max-height: 225px;
}
.container-familia-nueva .contenido-absolute h3::after {
margin: 16px auto;
}
.container-familia-nueva .contenido-absolute p {
font-size: 16px;
}
.container-familia-nueva .contenido-absolute .wp-block-button {
width: 100%;
}
.container-familia-nueva .contenido-absolute a {
padding: 8px 12px;
font-size: 18px;
margin-top: 16px;
}
.container-familia-nueva .contenido-absolute .bloque-interior {
padding: 30px;
}
.container-familia-nueva div#contacto-familia-nueva {
padding: 60px 16px;
}
div#contacto-familia-nueva h2 {
margin-bottom: 32px;
font-size: 36px;
color: var(--main-color);
}
div#contacto-familia-nueva .pretitulo {
color: var(--accent-color);
}
div#contacto-familia-nueva .col-form h2 {
margin-bottom: 16px;
font-size: 32px;
} .container-alumni section.video-texto {
margin: 0;
padding: 40px 0;
}
.container-alumni section.video-texto .contenido-video {
padding: 30px;
}
.container-alumni section.video-texto .contenido-video h2 {
margin-bottom: 24px;
}
.container-alumni section.testimonios-alumni {
margin: 0;
padding: 40px 16px;
}
.container-alumni section.testimonios-alumni p {
font-size: 16px;
width: 90%;
}
.container-alumni section.testimonios-alumni .owl-carousel-wrapper {
margin-top: 40px;
}
.container-alumni section.testimonios-alumni .owl-carousel .owl-stage-outer {
margin: 0 !important;
height:100%;
}
.container-alumni .owl-carousel.owl-loaded{
height:100%;
}
.container-alumni .owl-carousel-wrapper .owl-stage{
width: 3500px;
}
.container-alumni section.testimonios-alumni .item {
margin: 0;
flex-flow: column;
max-width: 340px;
} .container-colegios .col-img-texto {
padding: 40px 16px;
align-items: center;
gap:0;
}
.container-colegios .col-img-texto h2 {
line-height: 120%;
text-align: center;
width: 100%;
}
.container-colegios .col-img-texto .col-contenido p {
font-size: 16px;
line-height: 120%;
text-align: center;
}
.container-colegios .nuestros-colegios {
margin: 0;
}
.container-colegios .nuestros-colegios .colegios {
padding-top: 0 !important;
}
section.puntos-fuertes-col-3 {
padding: 40px 16px;
}
section.puntos-fuertes-col-3 .cuadrado {
margin: 0;
position: relative;
padding: 0px 24px !important;
}
section.puntos-fuertes-col-3 {
margin: 0;
padding: 60px 16px;
}
section.puntos-fuertes-col-3 .col-lg-12 .row{
gap:24px;
}
main.home section.puntos-fuertes-col-3 .col-lg-3:not(:last-child) .cuadrado::after{
background-color: var(--light-color);
}
section.puntos-fuertes-col-3 .col-lg-3:not(:last-child) .cuadrado::after {
content: "";
display: block;
width: 58px;
height: 1px;
margin: 24px auto;
background-color: var(--main-color);
}
section.puntos-fuertes-col-3 .bullet.container .col-lg-3 {
width: 100%;
}
section.puntos-fuertes-col-3 .col-lg-12 .row{
margin:0;
}
section.puntos-fuertes-col-3 .col-lg-3:not(:last-child) .cuadrado::after {
background-color: var(--main-color);
} .container-donativos {
padding: 50px 16px;
}
.container-donativos .encabezado-parrafo {
padding-bottom: 32px;
}
.container-donativos section.puntos-fuertes-col-3 .col-lg-3:not(:last-child) .cuadrado::after,
.container-familia-nueva section.puntos-fuertes-col-3 .col-lg-3:not(:last-child) .cuadrado::after{
background-color: var(--light-color)
}
.container-donativos .encabezado-parrafo p {
font-size: 16px;
width: 100%;
}
.container-donativos .datos-bancarios {
padding: 40px 0 0 0;
gap: 32px;
}
.container-donativos .datos-bancarios .col-texto {
text-align: center;
}
.container-donativos .datos-bancarios .col-texto p {
font-size: 16px;
margin: 0;
}
.container-donativos .datos-bancarios .col-datos {
padding: 32px 20px;
border-radius: 0;
}
.container-donativos .datos-bancarios .col-datos p.p-strong{
font-size:18px;
}
.container-donativos .datos-bancarios .col-datos figure {
width: 33px;
}
.container-donativos .datos-bancarios .col-datos .box-donativo p {
font-size: 18px;
line-height: 120%
}
.container-donativos .datos-bancarios .col-datos h3 {
margin-bottom: 24px;
}
.container-donativos .datos-bancarios .col-datos a {
line-height: 120%
} .container-organigrama {
padding: 40px 16px;
}
.container-organigrama h2 {
width: 80%;
margin: 0 auto 40px auto;
}
.container-organigrama .bloque-organigrama .card-body {
gap: 16px;
}
.container-organigrama .bloque-organigrama .card-body h5{
font-size: 18px;
}
.container-organigrama .bloque-organigrama .card-body p{
line-height: 110%;
}
.container-organigrama .fila-presidentes .bloque-presidente,
.container-organigrama .fila-organigrama .bloque-organigrama {
flex: 0 0 80%;
}
.container-organigrama .bloque-organigrama .card-header{
min-height:220px;
background-position: top !important;
} .container-merchandising {
padding: 50px 0 0 0;
}
.container-merchandising .p-gris {
font-size: 16px;
font-weight: 400;
width: 100%;
margin-bottom: 32px;
}
.container-merchandising .beneficios {
margin: 0;
}
.container-merchandising .beneficios .columnas-beneficios {
padding: 40px 16px;
}
.container-merchandising .beneficios .box-beneficio>.wp-block-columns:first-of-type {
flex-wrap: nowrap !important;
flex-flow: row;
width: 100%;
}
.container-merchandising .beneficios .box-beneficio .icono {
flex-basis: 36px !important;
flex-grow: 0;
}
.container-merchandising .beneficios .box-beneficio figure {
display: inline;
}
.container-merchandising .beneficios .box-beneficio figure img {
width: 36px;
}
.container-merchandising .columnas-beneficios .box-beneficio .contenido h4 {
margin-bottom: 8px;
}
.container-merchandising .columnas-beneficios .box-beneficio .contenido p {
font-size: 16px;
margin: 0;
}
.container-merchandising .beneficios .p-info {
font-size: 20px;
margin: 0;
}
.container-merchandising section.productos {
padding: 40px 16px;
margin: 0;
}
.container-merchandising .fila-productos {
padding: 0;
}
.container-merchandising .bloque-card-merchandising .card .card-header {
min-height: 220px;
}
.container-merchandising .fila-productos .bloque-card-merchandising {
padding: 12px 4px;
}
.container-merchandising .bloque-card-merchandising .card .card-body {
gap: 12px;
}
.container-merchandising .bloque-card-merchandising .card .card-body p {
font-size: 16px;
line-height: 120%;
}
.container-merchandising .contacto-mercandising {
padding: 60px 16px;
}
.container-merchandising .contacto-mercandising h3 {
margin-bottom: 32px;
} .container-proyecto-educativo {
padding: 50px 0 0 0;
}
.container-proyecto-educativo .titulo-parrafo {
padding: 0 16px;
}
.container-proyecto-educativo h2 {
font-size: 36px;
}
.container-proyecto-educativo p {
font-size: 16px;
}
.container-proyecto-educativo .oferta-educativa {
padding: 50px 16px;
margin: 0;
}
.container-proyecto-educativo .fila-oferta-educativa {
margin-top: 32px;
padding: 0;
gap:24px;
}
.container-proyecto-educativo .fila-oferta-educativa .bloque-imagen-titulo-texto {
padding: 0;
margin-bottom: 8px !important;
}
.container-proyecto-educativo .fila-oferta-educativa .card {
flex-flow: column;
align-items: start;
padding: 16px;
}
.container-proyecto-educativo .oferta-educativa img.card-img-top {
width: auto;
height: 80px;
} main.blog .container {
padding: 50px 16px;
}
main.blog .post {
margin-bottom: 3rem !important;
}
main.blog .card {
padding: 16px;
}
main.blog .card .card-body span.date {
padding: 5px 10px;
top: 26px;
}
main.blog .card .card-body span.date p.dia,
main.blog .card .card-body span.date p.mes-ano {
font-size: 14px;
}
main.blog .card .card-img-top {
max-height: 175px;
}
main.blog .card .card-body span.lugar-etiqueta {
flex-flow: column;
align-items: start;
}
main.blog .card .card-body span.lugar-etiqueta p {
line-height: 1;
}
main.blog .card .card-text {
font-size: 16px;
margin-bottom: 16px;
}
main.blog .row>.post:nth-child(1) .card {
padding: 16px;
border-bottom: 5px solid var(--third-color);
}
main.blog .row>.post:nth-child(1) .card span.date{
padding: 5px 10px;
top: 26px;
}
main.blog .row>.post:nth-child(1) .card span.date p.dia,
main.blog .row>.post:nth-child(1) .card span.date p.mes-ano{
font-size: 14px;
} .cabecera-single {
margin: 0 !important;
}
.cabecera-single p#breadcrumbs{
padding:0 16px;
line-height: 120%;
}
.cabecera-single p#breadcrumbs span{
line-height: 120%;
}
main.single .content-single {
padding: 40px 16px;
}
main.single .blog-single-content {
padding: 0;
}
main.single .content-single .row {
--bs-gutter-x: 0;
}
main.single .blog-single-content {
border: none;
box-shadow: none;
}
main.single span.date {
top: 26px;
padding: 5px 10px;
}
main.single span.date p.dia,
main.single span.date p.mes-ano {
font-size: 14px;
}
main.single .content.the-content p {
font-size: 16px;
} nav.blog-pagination {
padding: 32px 16px;
} aside.sidebar .widget_search,
aside.sidebar .widget_block,
aside.sidebar .widget_categories {
padding: 24px;
margin-bottom: 32px;
}
aside.sidebar .wp-block-search__button {
width: 55px;
height: 55px;
}
.sidebar .widget h2.widgettitle+ul {
max-height: none;
overflow: auto;
}
aside.sidebar .widget_categories {
margin-bottom: 0;
} .container-contacto .col-form {
padding: 24px 12px;
}
.container-alumni section.testimonios-alumni .item .alumni-img-bg {
min-height: 380px;
border-radius: 12px 12px 0 0;
padding: 24px;
}
.container-alumni section.testimonios-alumni .alumni-overlay h4 {
margin-bottom: 16px;
}
.container-alumni section.testimonios-alumni .alumni-overlay p {
margin-bottom: 0;
}
.container-alumni section.testimonios-alumni .alumni-text-content {
padding: 24px;
border-radius: 0 0 12px 12px;
}
.container-alumni section.testimonios-alumni .alumni-text-content .alumni-parrafo-secundario {
font-size: 16px;
}
.container-alumni section.testimonios-alumni .owl-nav button span {
font-size: 36px;
margin-bottom: 5px;
}
.container-alumni section.testimonios-alumni .owl-nav button {
width: 40px;
height: 40px;
}
.container-alumni section.evento {
margin: 0;
padding: 40px 16px;
}
.container-alumni section.evento h3 {
margin-bottom: 32px;
line-height: 120%;
}
.container-alumni section.evento .row {
gap: 16px;
}
.container-alumni section.evento .card-evento {
padding: 0;
width: 100%;
margin-bottom:0;
}
.container-alumni section.evento .card-evento .mas-info {
display: none;
}
.container-alumni .section-redes-sociales {
padding: 40px 16px;
gap: 40px
}
.container-alumni .section-redes-sociales .col-img {
box-shadow: 0px 4px 22.3px 0px rgba(0, 0, 0, 0.15);
}
.container-alumni .section-redes-sociales .col-contenido {
padding: 0;
}
.container-alumni .section-redes-sociales .col-contenido h3{
margin:0;
}
.container-alumni .section-redes-sociales .pretitulo {
margin-bottom: 12px;
}
.container-alumni .section-redes-sociales .col-contenido h3::after {
margin: 24px auto 24px 0;
}
.container-alumni .section-redes-sociales .col-contenido .p-strong {
margin-bottom: 15px;
}
.container-alumni .section-redes-sociales .col-contenido ul {
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
}
.container-alumni .section-redes-sociales .col-contenido .wp-social-link svg {
font-size: 60px;
}
.container-alumni .contacto-alumni {
padding: 60px 16px;
margin:0;
max-width:100%;
}
.container-alumni .contacto-alumni h3 {
margin-bottom: 24px !important;
}
.container-alumni .contacto-alumni .container-contacto {
padding: 0;
}
.container-alumni .contacto-alumni .container-contacto p.gform_description {
line-height: 120%;
}
.container-alumni .contacto-alumni .container-contacto .gform_wrapper .gform_fields {
gap: 16px;
}
ul.gfield_checkbox li.gchoice label{
font-size:16px !important;
} .single-productos section.cabecera>.container>.row>.col-12 {
order: 2;
}
.single-productos section.cabecera {
padding-top: 0;
}
.single-productos .form-container {
margin-top: 30px;
}
.cabecera .img.right.bg-seccion-absolute img {
object-fit: cover;
display: block;
width: auto;
max-width: 500%;
height: 400px;
min-height: 100%;
min-width: 100%;
}
.single-productos section.cabecera>.container>.row>.col-12.col-lg-6 {
margin-top: 35px;
}
.single-productos section.cabecera>.container>.row.row-reverse-tablet>.col-12.col-lg-6 {
margin-top: 0;
}
section.banner-datos h3 {
font-size: 60px;
}
.boton {
padding: 0 15px;
}
a.cta-button {
padding: 15px 20px;
font-size: 16px;
}
.single-productos section.productos {
margin-top: 45px;
}
footer {
margin-top: 45px;
padding-top: 45px;
}
section.faq {
margin: 45px 0 45px 0;
}
section {
margin-top: 45px;
}
.form-container input[type="submit"] {
padding: 15px 20px !important;
font-size: 20px !important;
} footer {
margin: 0;
padding: 0;
}
footer .donativos-footer {
padding: 40px 16px;
}
.donativos-footer .col-12 {
flex-flow: column;
gap: 24px;
}
.donativos-footer .col-12 div {
display: flex;
flex-flow: column;
justify-content: start;
gap: 4px;
}
.donativos-footer .col-12 a.btn {
width: 100%;
border: 3px solid var(--light-color);
}
footer #footer {
padding: 40px 16px;
}
footer .col-footer {
justify-content: start;
}
footer .col-footer .container-column ul {
gap: 8px;
}
footer .col-footer.contacto-footer ul {
gap: 16px;
}
#copyright {
padding: 0;
display: flex;
}
.wp-block-group.container-legal-text.container {
padding: 40px 16px;
}
}
@media only screen and (max-width: 600px){
main.home .section-caja-absolute h2{
padding: 0;
}
}
@media only screen and (max-width: 479px) {
a.btn-icono-flecha {
width: 50px;
}
.flex-header {
padding: 0 15px;
}
section.productos article.card {
min-height: 250px;
} }