:root {
   --col-azul: #91dede;
   --col-rojo: #bc4765;
   --col-naranja: #e9a444;
   --col-azul-b: #002043;
   --col-verde: #8d8605;
   --col-gris: #687e68;
   --color-base: #fcfcfc;
   --col-amarillo: #fdd55d;
   --border-radius: 0 0 100px 0;
}
body {
   color: #272727;
}
strong {
   font-weight: 700;
}
h1, h2, h3, h4, h5 {
   color: #131313;
}
/***Bloque Hero****/
#i3d-bloque-hero {
   min-height: 100vh !important;
   padding-top: 1rem;;
}
#i3d-bloque-hero nav {
   margin: 1rem 5rem 0 5rem;
}
#i3d-bloque-hero nav ul.wp-block-navigation {
   justify-content: space-between;
   text-transform: uppercase;
   font-size: medium;
   font-weight: 600;
}

#i3d-bloque-hero figure.i3d-hero-logo-b {
   margin-top: 20vh;
}
#i3d-bloque-hero figure.i3d-hero-logo-b img {
   max-width: 400px;
}
@media (max-width: 600px){
   #i3d-bloque-hero figure.i3d-hero-logo-b img {
      max-width: 100%;
   }
}
#i3d-bloque-hero .i3d-hero-intro {
   font-size: medium;
   font-weight: 500;
   max-width: 640px;
   margin: 10vh auto;
}
/****Bloque Colectivo****/
#i3d-bloque-colectivo {
   max-width: 60%;
   margin: 0 auto;
   padding: 0;
   background: url('../img/patron_01_sm.png') 0 0 repeat-y;
   box-sizing: border-box;
}
#i3d-bloque-colectivo p {
   font-size: medium;
}
#i3d-bloque-colectivo>.wp-block-heading {
   max-width: 100%;
   font-size: xx-large;
   text-transform: uppercase;
   margin: 2rem 0 5rem 0;
   padding-left: 3rem;
   border-bottom: var(--col-gris) 1px dashed;
}
#i3d-bloque-colectivo .i3d-bloque-colectivo-row,
#i3d-bloque-colectivo .i3d-bloque-colectivo-row-reverse {
   max-width: 80%;
   margin: 10rem 0;
   background: url('../img/deco_3_60.png') 50% 100% no-repeat;
}
#i3d-bloque-colectivo .i3d-bloque-colectivo-row-reverse {
   flex-direction: row-reverse;
}
#i3d-bloque-colectivo img {
   min-width: 240px;
   min-width: 100%;
}
#i3d-bloque-colectivo div.wp-block-column:has(figure) {
   align-self: center;
}
#i3d-bloque-colectivo div.wp-block-column:not(:has(figure)) {
   padding-bottom: 4rem;
}
#i3d-bloque-colectivo .i3d-bloque-colectivo-row-reverse div.wp-block-column:not(:has(figure)) {
   text-align: right;
}
#fundacion .wp-block-columns,
#accion .wp-block-columns,
#autonomia .wp-block-columns,
#patrocinio .wp-block-columns {
   background: url('../img/patron_01_sm_ref.png') 100% 0 repeat-y;
   padding-right: 50px;
}
/*** Bloque Nosotros ****/
#i3d-bloque-nosotros {
 max-width: 1800px;
 background: 0 0 / 50px url('../img/deco_2.png') repeat-y;
}
#i3d-bloque-nosotros > .wp-block-heading {
   max-width: 100%;
   font-size: xx-large;
   text-transform: uppercase;
   margin: 2rem 0 5rem 0;
   padding-left: 4rem;
   border-bottom: var(--col-gris) 1px dashed;
}
#i3d-bloque-nosotros .wp-block-columns {
   min-width: 80%;
   min-height: 800px;
   background: var(--col-rojo);
   border: var(--col-gris) solid 1px;
   border-radius: 0 0 8rem 0;
   color: #fff;
   gap: 0;
   overflow: hidden;
   position: relative;
   margin-left: 0;
}
#i3d-bloque-nosotros .i3d-bloque-nosotros-objetivos {
   border: var(--col-gris) solid 1px;
   background: left 50% / contain url('../img/f-500.png') no-repeat, var(--col-naranja);
   border-radius: 0 0 8rem 0;
   position: relative;
   z-index: 2;
}
#i3d-bloque-nosotros .i3d-bloque-nosotros-objetivos .wp-block-heading {
   position: absolute;
   right: 5%;
   top: 50%;
   text-transform: uppercase;
   text-decoration: underline;
   font-size: 2.5rem;
   font-weight: 800;
}
#i3d-bloque-nosotros #vision-mision {
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: space-between;
}
#i3d-bloque-nosotros .i3d-bloque-nosotros-vision {
   background:  15% 30% / 50% url('../img/ave-250.png') no-repeat, var(--col-azul);
   border-radius: 0 0 0 8rem;
   min-height: 50%;
   position: relative;
}
#i3d-bloque-nosotros .wp-block-columns .wp-block-heading {
   color: #fff;
}
#i3d-bloque-nosotros .i3d-bloque-nosotros-vision .wp-block-heading {
   position: absolute;
   right: 5%;
   top: 50%;
   text-transform: uppercase;
   text-decoration: underline;
   font-size: 2.5rem;
   font-weight: 800;
}
#i3d-bloque-nosotros .i3d-bloque-nosotros-mision {
   min-height: 50%;
   position: relative;
   background: left 20% / contain url('../img/mujer.png') no-repeat;
}
#i3d-bloque-nosotros .i3d-bloque-nosotros-mision .wp-block-heading {
   position: absolute;
   right: 10%;
   top: 40%;
   text-transform: uppercase;
   text-decoration: underline;
   font-size: 2.5rem;
   font-weight: 800;
}
.nosotros-intro-page {
   background: 0 0 / 50px url('../img/deco_2.png') repeat-y, 100% 0 / 50px url('../img/deco_2_ref.png') repeat-y;
   padding: 0 52px;
   text-align: justify;
}
#i3d-bloque-nosotros .i3d-bloque-nosotros-objetivos,
#i3d-bloque-nosotros .i3d-bloque-nosotros-mision,
#i3d-bloque-nosotros .i3d-bloque-nosotros-vision,
#equipo figure img {
   transition: all ease-out 0.3s;
}
#i3d-bloque-nosotros .i3d-bloque-nosotros-objetivos:hover {
   transform: scale(1.1);
   background: -28px 46px / contain url('../img/f-500.png') no-repeat, var(--col-naranja);
}
#i3d-bloque-nosotros .i3d-bloque-nosotros-mision:hover {
   transform: scale(1.05);
   background: 20% 36% / contain url('../img/mujer.png') no-repeat;
}
#i3d-bloque-nosotros .i3d-bloque-nosotros-vision:hover {
   transform: scale(1.05);
   background: 26% 30% / 57% url('../img/ave-250.png') no-repeat, var(--col-azul);
}
#equipo figure img:hover {
   transform: scale(1.1);
}
/*****Header *****/
header.wp-block-template-part {
   background: var(--color-base) !important;
   position: sticky;
   top: 0;
   z-index: 100;
   border-bottom: var(--col-gris) 1px dashed;
}
#main-menu ul li a {
   text-transform: uppercase;
   font-weight: 600;
   font-size: medium;
}
.custom-logo {
   max-width: 200px;
   height: auto;
}
/****Footer****/
footer:has(#i3d-footer) {
   border-top: var(--col-verde) 1px solid;
}
#i3d-footer {
   font-weight: 800;
   color: var(--col-azul-b);
}
@supports(background-blend-mode: overlay) {
   #i3d-footer {
      background: 0 0 / 80px url('../img/patron_03_150_g.png') repeat, var(--col-azul);
      background-blend-mode: soft-light;
   }
}
#i3d-footer .wp-block-navigation{
   flex-direction: column;
}
/***Overrides***/
:root :where(p.is-style-text-annotation--3) {
   border-radius: 0 0 50px 0;
   border-style: solid;
   background: url('../img/deco_3_60.png') 50% 0 no-repeat;
   font-size: large;
   letter-spacing: normal;
   line-height: 1.4;
   padding: 2rem;
}
ul.is-responsive  ul.wp-block-navigation-submenu {
   padding: 0 !important;
}
ul.is-responsive > li.has-child ul.wp-block-navigation-submenu li {
   margin-top: 1rem;
}
@media screen and (max-width: 980px) {
  /* hamburger button */
  .wp-block-navigation__responsive-container-open  {
    display: block !important;
  }

  /* full menu */
  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
    display: none !important;
  }
}
/****Generales*****/
.fondo-amarillo {
   background: var(--col-amarillo);
   padding: 3rem !important;
   border: var(--col-gris) 1px solid;
   border-radius: var(--border-radius);
}
.fondo-azul {
   background: var(--col-azul);
   padding: 3rem !important;
   border: var(--col-gris) 1px solid;
   border-radius: var(--border-radius);
}
.fondo-rojo {
   color: #fff;
   background: var(--col-rojo);
   padding: 3rem !important;
   border: var(--col-gris) 1px solid;
   border-radius: var(--border-radius);
}
.fondo-rojo h1, .fondo-rojo h2, .fondo-rojo h3, .fondo-rojo h4, .fondo-rojo h5 {
   color: #fff;
}
@supports(background-blend-mode: overlay) {
   .fondo-amarillo {
      background: 0 0 / 100px url('../img/patron_03_150_g.png') repeat, var(--col-amarillo);
      background-blend-mode: soft-light;
   }
   .fondo-azul {
      background: 0 0 / 100px url('../img/patron_03_150_g.png') repeat, var(--col-azul);
      background-blend-mode: soft-light;
   }
   .fondo-rojo {
      background: 0 0 / 100px url('../img/patron_03_150_g.png') repeat, var(--col-rojo);
      background-blend-mode: soft-light;
   }
}
.deco-greca {
   background: 0 0 / 30px url('../img/patron_01_sm.png') repeat-y;
   padding-left: 32px;;
}
.img-border1 {
   border: var(--col-naranja) 4px solid;
   margin: 0;
   padding: 0;
   background: #fff;
   margin-top: -20px;
   border-radius: 0 150px;
   object-fit: contain;
   overflow: hidden;
}
.img-border2 {
   border: var(--col-azul-b) 4px solid;
   margin: 0;
   padding: 0;
   background: #fff;
   margin-top: -20px;
   border-radius: 150px 0;
   object-fit: contain;
   overflow: hidden;
}
.img-border-simple {
   border: var(--col-naranja) 4px solid;
   margin: 0;
   padding: 0;
   background: #fff;
   object-fit: contain;
   overflow: hidden;
}
.row-reverse {
   flex-direction: row-reverse;
 }
/***Animaciones****/
#i3d-bloque-nosotros>.wp-block-heading,
.slide-in,
#i3d-bloque-nosotros > .wp-block-columns {
   animation: slide-in ease-in both;
   animation-timeline: view();
   animation-range: 0vh 60vh;
}
#i3d-bloque-colectivo div.wp-block-column:has(figure){
   animation: scale-in ease-in both;
   animation-timeline: view();
   animation-range: 0vh 50vh;
}
#i3d-bloque-colectivo>.wp-block-heading,
#i3d-bloque-colectivo .i3d-bloque-colectivo-row-reverse div.wp-block-column:not(:has(figure)) {
   animation: move-x ease-in both;
   animation-timeline: view();
   animation-range: 0vh 50vh;
}
#i3d-bloque-colectivo .i3d-bloque-colectivo-row div.wp-block-column:not(:has(figure)) {
   animation: move-x- ease-in both;
   animation-timeline: view();
   animation-range: 0vh 50vh;
}
/***Keyframes***/
@keyframes scale- {
   to{
      transform: scale(0.9);
   }
}
@keyframes slide-in {
   from {
      filter: saturate(0);
      transform: translateY(10rem);
      opacity: 0.5;
   }
}
@keyframes scale-in {
   from {
      filter: saturate(0);
      opacity: 0.5;
      transform: scale(0.5);
   }
}
@keyframes move-x {
   from {
      opacity: 0.3;
      transform: translateX(3rem) scaleX(110%);
   }
}
@keyframes move-x- {
   from {
      opacity: 0.3;
      transform: translateX(-3rem) scaleX(110%);
   }
}
@keyframes move-y- {
   from {
      transform: translateY(-10rem);
   }
}
@media (max-width: 980px){
   @keyframes move-x {
   from {
      opacity: 0.3;
      transform: translateY(3rem);
   }
   }
   @keyframes move-x- {
      from {
         opacity: 0.3;
         transform: translateY(3rem);
      }
   }
}
/***Media***/
@media (max-width: 1600px){
   #i3d-bloque-colectivo {
      max-width: 70%;
      margin: 0 auto;
      padding: 0;
   }
}
@media (max-width: 1400px){
   #i3d-bloque-nosotros .wp-block-columns {
      margin-left: 4rem !important;
   }
}
@media (max-width: 1200px){
   #i3d-bloque-colectivo {
      max-width: 90%;
   }
   #main-menu ul li a {
      font-size: small;
   }
   .custom-logo {
      max-width: 150px;
      height: auto;
   }
}
@media (max-width: 980px){
   #i3d-bloque-colectivo {
      max-width: 100%;
   }
   #i3d-bloque-colectivo img {
      max-width: 200px;
   }
   #i3d-bloque-colectivo .i3d-bloque-colectivo-row,
   #i3d-bloque-colectivo .i3d-bloque-colectivo-row-reverse {
      max-width: 90%;
   }
   #i3d-bloque-nosotros>.wp-block-heading {
   margin: 2rem 0 2rem 0;
   }
      #i3d-bloque-nosotros .wp-block-columns {
      margin-left: 4rem !important;
   }
}
@media (max-width: 780px) {
   #i3d-bloque-colectivo .i3d-bloque-colectivo-row,
   #i3d-bloque-colectivo .i3d-bloque-colectivo-row-reverse {
    margin: 5rem 0;
    text-align: center;
   }
   #i3d-bloque-colectivo .i3d-bloque-colectivo-row-reverse,
   .row-reverse  {
      flex-direction: row;
   }
   #i3d-bloque-colectivo .i3d-bloque-colectivo-row-reverse div.wp-block-column:not(:has(figure)) {
      text-align: center;
   }
   #i3d-bloque-colectivo {
      padding-left: 3rem;
   }
   #i3d-bloque-nosotros .wp-block-columns {
      margin-left: 4rem !important;
   }
   #i3d-bloque-nosotros>.wp-block-heading {
   margin: 2rem 0 2rem 0;
   }
}