@charset "utf-8";
@font-face {
  font-family: 'Guardian TextSans Regular';
  src: url(https://s1.ppllstatics.com/starfish/1.5.14/assets/fonts/gtr.woff2) format("woff2"), url(//s1.ppllstatics.com/starfish/1.5.14/assets/fonts/gtr.woff) format("woff"), url(//s1.ppllstatics.com/starfish/1.5.14/assets/fonts/gtr.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: 'Guardian TextSans Medium';
  src: url(https://s1.ppllstatics.com/starfish/1.5.14/assets/fonts/gtm.woff2) format("woff2"), url(//s1.ppllstatics.com/starfish/1.5.14/assets/fonts/gtm.woff) format("woff"), url(//s1.ppllstatics.com/starfish/1.5.14/assets/fonts/gtm.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: 'Guardian Sans Semibold';
  src: url(https://s1.ppllstatics.com/starfish/1.5.14/assets/fonts/gss.woff2) format("woff2"), url(//s1.ppllstatics.com/starfish/1.5.14/assets/fonts/gss.woff) format("woff"), url(//s1.ppllstatics.com/starfish/1.5.14/assets/fonts/gss.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: 'IBM Plex Serif Regular';
  src: url(https://s1.ppllstatics.com/starfish/1.5.14/assets/fonts/ibmr.woff2) format("woff2"), url(//s1.ppllstatics.com/starfish/1.5.14/assets/fonts/ibmr.woff) format("woff"), url(//s1.ppllstatics.com/starfish/1.5.14/assets/fonts/ibmr.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: 'IBM Plex Serif Semibold';
  src: url(https://s1.ppllstatics.com/starfish/1.5.14/assets/fonts/ibms.woff2) format("woff2"), url(//s1.ppllstatics.com/starfish/1.5.14/assets/fonts/ibms.woff) format("woff"), url(//s1.ppllstatics.com/starfish/1.5.14/assets/fonts/ibms.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

* {box-sizing: border-box}
body{margin:0; padding: 0; overflow-x: hidden; color: #202020; width: 100%; background-color: #fff; transition: all 1s linear}
ul{list-style:none;margin: 0; padding: 0}
figure{margin:0; padding: 0}
body.redBody{background-color: #c90022; }


    section {width: 100%; margin: 0 0 10px; overflow-x: hidden}
    .amh-cabecera{width: 100%; height: 60px; padding: 5px; background-color: antiquewhite}
    .amh-wrapper{width: 100%; max-width: 945px; margin: 0 auto; display: block; padding: 5px; position: relative; top: -61px}
    .amh-wrapper a{color:#202020; text-decoration: none}
    .amh-portada{width: 100%; height: calc(100vh - 70px); margin-bottom: 20px; position: sticky; top: 0; left: 0}
    .amh-portada img{width: 100%; max-width: 640px;}
    .amh-portada section{display: flex; align-items: center; justify-content: center;  flex-direction: column; height: 100%; overflow: hidden}
    .amh-portada p{color: #c90022; text-align: center; font-family:'Guardian TextSans Regular'; font-size: 19px; margin: 0 auto; position: relative; z-index: 1 }
.redBody .amh-portada .amh-arrow{fill: #fff;}
    .amh-portada .amh-arrow{width: 30px; margin: 0 auto; fill: #202020; position: absolute; bottom: 0}

    .amh-saluta, .amh-historia, .amh-equipo {width: 100%; display: flex;margin: 20px 0; min-height: calc(80vh - 70px); align-items: center }
    .amh-historia, .amh-equipo{flex-direction:row-reverse;}
        
    .amh-bigmage, .amh-btext{padding: 20px;}
    .amh-btext {width: 300px; display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: center;}
    

    
    .amh-btext h2, .amh-btext h2 a {font-family: 'Guardian Sans Semibold'; line-height: 24px; font-size: 21px; text-decoration: none; color: #202020}
    


    .amh-btext p{font-family: 'Guardian TextSans Regular'; line-height: 20px; font-size: 16px; margin: 15px 0}
    .amh-btext p span,  .amh-mod-m p span{font-family: 'Guardian TextSans Medium'; display: block}
    .amh-bigmage {width: calc(100% - 310px)}
    .amh-bigmage img {width: 100%; display: block; aspect-ratio: 1 / 1}
    
    .amh-button, .amh-mod-m p.amh-button{padding: 10px; margin: 20px 0; font-family: 'Guardian TextSans Regular'; text-align: center; width: 135px; font-size: 14px; color: #202020; border: 1px solid #d7d7d7; background-color: #fff; display: block; text-decoration: none}
.amh-mod-m:hover{background-color: #fafafa}
    .amh-button:hover, .amh-mod-m:hover .amh-button {color: #fff; border: 1px solid #202020; background-color: #202020; cursor: pointer}
    .amh-mod-m .amh-button, .amh-mod-m p.amh-button{margin: 0 0 15px;}

    .amh-primeras h2{font-family: 'Guardian Sans Semibold'; line-height:56px; font-size: 36px; margin: 80px 0 70px;border-bottom: 1px solid #c90022; text-align: center}
   

    .amh-primeras .amh-modules {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-content: flex-start; overflow: hidden}
    .amh-primeras .amh-mod-l{width: 310px;padding: 5px;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between; height: 632px}
    .amh-primeras .amh-mod-m{width: 145px;padding: 5px;height: 311px;position: relative;display: flex;flex-direction: column;justify-content: space-between;}
    .amh-primeras .amh-mod-l.publi{flex-direction: column; height: 632px; padding: 0}
    
    .amh-primeras .amh-mod-m img{width: 100%; height: 180px;}
    .amh-mod-m p{font-family: 'Guardian Sans Semibold'; line-height: normal; font-size: 18px; margin: 5px 0; text-align: center}
    
    
    .v-adv__t {font-size: 12px;line-height: 14px;color: rgba(0, 0, 0, 0.7);letter-spacing: .13px;margin-bottom: 8px;align-self: flex-start; margin: 5px 0}
   
    .amh-arrow{animation: amhdown 3s linear infinite}
    .stickyWrapper{height: 200vh; width: 100%;}
    .amh-logos{transform: scale(0.2); position: relative; width:100%; max-width: 640px; aspect-ratio: 4/3; }
    .amh-logos img{position: absolute; top: 0; left: 0}
    #amh-red-logo{opacity: 0}
    .amh-saluta {background: url('../img/bg1.jpg') center center; background-size: contain; background-repeat: no-repeat}
    .amh-historia {background: url('../img/bg2.jpg') center center; background-size: contain; background-repeat: no-repeat}
    .amh-equipo {background: url('../img/bg3.jpg') center center; background-size: contain; background-repeat: no-repeat}
    
    
@keyframes amhdown{
        0%{transform: translateY(0)}
        75%{transform: translateY(0)}
        80%{transform: translateY(10px)}
        85%{transform: translateY(0)}
        90%{transform: translateY(10px)}
        100%{transform: translateY(0)}
    }  

    @media only screen and (max-width : 960px) {
        .amh-wrapper {max-width: 640px;}
        .amh-btext h2{ font-size: 19px;}
        .amh-bigmage, .amh-btext{padding: 10px}
        .amh-primeras h2{font-size: 24px;}
    }
    
    
    @media only screen and (max-width : 660px) {
        .amh-saluta, .amh-historia, .amh-equipo{display: flex;flex-direction: column;justify-content: center;}
        .amh-wrapper {max-width: 320px;}
        .amh-bigmage{width: 100%}
        .amh-bigmage, .amh-btext {padding: 10px;}
          .amh-btext{width: 100%;display: block;}
        .amh-saluta, .amh-historia, .amh-equipo {background-repeat: repeat}
    }
    
    @media only screen and (max-width : 330px) {
        .amh-mod-m{display: block; margin: auto}
        .amh-primeras .amh-mod-l{display: block; height: auto}
      
        
    }