/* =======   STATIC 2026  ========== */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/*==========================================================
 VARIABLES
==========================================================*/
:root{
   --shadow:0 4px 8px rgba(0,0,0,.08);
   --white: #ffffff;
   --black: #000000;
   --main: #006FF0;
   --main-dark: #005cc7;
   --dark-grey: #4a4a4a;
   --medium-grey: #72767E;
   --medium-blue:#dbe5f2;
   --light-grey: #DCDDDF;
   --lighter-grey: #F5F5F5;
   --light-blue: #F2F9FF;
   --text:#4B5563;
}
/*RESET STYLES*/
body.web-pagcont #aa30_Content {
    all:unset;
}
#aa30_Content #aa30_bodyContentCenter {all:unset;}
#aa30_container h2 {all:unset;}
/**********************RUTA DE MIGAS***********************/
section.aa30_ruta_migas {background-color: #F2F9FF;padding-top:10px;}
body #aa30_senderoMigas {font-weight: 600;font-family: 'Source Sans Pro', sans-serif;margin-bottom:20px;}
body #aa30_senderoMigas ul {padding-left:0;}
body #aa30_senderoMigas ul li {display: inline-block;list-style: none;color:#000;}
body #aa30_senderoMigas ul li:not(:last-child):after {content: "\00B7";margin-right:10px;margin-left:10px;}
body #aa30_senderoMigas a {color: var(--main-dark);text-decoration: none;}

/*==========================================================
 IMG FONDO SECCION
==========================================================*/
.aa30_cabecera {position:relative;color:#fff;}
div.aa30_fondoseccion {
  width: 100%;
  height: auto;
  overflow: hidden;
  max-height: 525px;
}
div.aa30_fondoseccion img {
  object-fit: cover;
  height: auto;
  width: 100%;
}
@media (min-width:1200px) {
    div.aa30_fondoseccion {
        width: 100%;
        height: 525px;
        max-height: 525px;
    }
    div.aa30_fondoseccion img {
    height: 100%;
    min-width: 100%;
    }
}

/*==========================================================
 LAYOUT
==========================================================*/

.static {
    background-color:var(--lighter-grey);
    font-family: 'Source Sans Pro', sans-serif;
}
.static-content {
    background-color: var(--white);
    padding:64px 24px;
}

.static h1{
    font-family: "Playfair Display", serif;
    font-size:3rem;
    font-weight:500;
    line-height:1.2;
    margin-bottom:1rem;
}
.static h1 span {
    font-style: italic;
    color: var(--main);
}

#aa30_container .static h2,
.static h2 {
    font-family: "Playfair Display", serif;
    display:block;
    font-size:2rem;
    margin-bottom:1rem;
}

.static .h3{
    font-family: "Playfair Display", serif;
    font-weight: 400;
    font-size:1.4rem;
    color: var(--main-dark);
}
.static-lead{
    font-family: "Playfair Display", serif;
    font-size:1.3rem;
    color:var(--dark-grey);
}
.static .main {color:var(--main);}
/*****BOTON ****/
.static-content .btn {
    font-weight: 400;
    font-size:0.8rem;
    text-transform:uppercase;
    text-decoration:none;
    padding:8px 16px;
}
.static-content .btn img {width:20px;}
.static-content .btn.btn-link {
    color:var(--main-dark);
    padding:8px 0;
}
.static-content .btn.btn-main {
    color:var(--white);
    background-color: var(--main);
}
.static-content .btn.btn-outline {
    color:var(--main-dark);
    background-color: transparent;
    border-color:var(--main);
}

/*==========================================================
ARTICLE
==========================================================*/
.static-content p{
    margin-bottom:1rem;
    color:var(--text);
}
.static-content p a,
.static-content p a:visited {
    text-decoration:underline;
    color:var(--main);
}
.static-content a:hover {color:var(--main-dark);}
.static-content .static-block { margin-bottom:2rem;}
.static-content .static-block p {font-size:1.125rem;max-width:880px;}
.static-content ul.lista {padding:0 30px;list-style: none;}
.static-content ul.lista li {margin-bottom:8px;}
.static-content ul.lista li::before {content: "_";color:var(--main);}
#aa30_container .static a h2,
.static a h2 {text-decoration:none;}
/*==========================================================
IMAGENES
==========================================================*/
.static-figure{
margin-bottom:1rem;
overflow: hidden;
}

.static-figure img{
width:100%;
}

.static-figure figcaption{
    margin-top:.75rem;
    color:var(--medium-grey);
    font-size:.8rem;
}

/*==========================================================
 Focus
==========================================================*/
.static-content a:focus,
.static-content button:focus {
    outline: 3px solid var(--main-dark);
    outline-offset: 1px;
}

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

@media (max-width:991px){
.static-content {padding:30px 24px;}
}

@media (min-width: 1200px) {
.static-content.xl-2col {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem 2rem;
}

.static-content.xl-2col > h1,
.static-content.xl-2col > p {
grid-column: 1 / -1;
}
.static-content.xl-2col .xl-1col {
grid-column: 1 / -1;
}
}