#portada{    display: flex;    min-height:400px ;  }
    #portada .abs path{ transition: opacity 1.5s ease;  opacity: .1; }
    #portada .abs path:hover{ opacity: .3;  }

    #portada #main-logo svg{width: 100px;height: 100px;}
    
    #portada #main-logo svg path,#portada #main-logo svg rect{transition: fill 1s ease; }
    #portada #main-logo svg path:hover,#portada #main-logo svg rect:hover{fill:#fce7cb}
    #portada #logo{
      font-size: 3.6em;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2px;
    }
    #tagline{  
      font-weight: 600;
      letter-spacing: 0.12em;
      font-size: 1em;
      margin-top: 2px;
      text-transform: uppercase;}
      #intro {      margin-left: 7%;    }



    #about h2{
      margin: 0 auto 60px;
      max-width: 460px;}

    #about article{
      padding: 20px 50px;
      max-height: 440px;
      width: 37%;
      max-width: 500px;
      min-width: 440px;
      height: 31vw;
      margin: 0 0 60px;
    }
    #about article p{margin-bottom: 0;}

   
    #slider1{max-width: 880px;width: 63%; margin: 0 0 60px;}
    #slider1 .slides{height: 31vw;max-height: 440px;}

    @media screen and (max-width:1200px) {
      #slider1{max-width: none;width: 100%;}
      #slider1 .slides{height: 50vw;max-height: none;}
      #about article{max-height: none;height: auto;min-width: 100%;}
    }
      
   

.cartelera article:hover{scale: 1;}

.cartelera article{
  transition: scale .6s ease;
  scale: .98;
  width: 440px;
  height: 550px;
  overflow: hidden;
  border: 8px solid var(--cf);
  margin: 10px;
box-sizing: content-box;
box-shadow: 0px 0px 26px -20px var(--c7), 0px 40px 30px -40px var(--c7);
background-color: #f5f5f5;
}

.cartelera article img{left: 0}
.cartelera article .contenedor{bottom: 80px;}
.cartelera article h3{
  margin: 50px auto 0;
    font-size: 3em;
    max-width: 340px;
    line-height: 1;
}
.cartelera article h4{
  margin: 10px auto 40px;
}

.cartelera .fechas{
  font-size: 1.1em;
  line-height: 1em;
  letter-spacing: 0;
  margin-bottom: 10px;
  max-width: 330px;
}
.cartelera .fechas ul,.cartelera .fechas p{padding: 0;margin: 0;}
.cartelera .fechas li{
  list-style: none;
  padding: 5px;
  letter-spacing: 1px;
}

.cartelera .extracto{
  text-align: justify;
  padding: 15px 50px;
  line-height: 1;
  font-size: 10pt;
}
.cartelera .extracto .full-w{height: 100%; background:var(--c7);top:0;left:0;
   mix-blend-mode: multiply;opacity: .5;}
.cartelera .extracto p{margin: 0;}
.cartelera .botonera{
    padding:20px;
    bottom: 0;
}

.cartelera article.fondo-oscuro h3{  color:var(--cf);
  text-shadow: 3px 3px 1px var(--c7), -3px -3px 1px var(--c3);
}
.cartelera article.fondo-oscuro h4{   color:var(--cf);
  text-shadow: 0 0 3px var(--c0), 0 0 3px var(--c0);
}
.cartelera .fondo-oscuro .fechas{   color:var(--cf);
  text-shadow: 2px 1px 0px var(--c7), 0 0 3px var(--c7);
}

.cartelera article.fondo-claro h3{  color:var(--c0);
  text-shadow: 3px 3px 1px var(--c5), -3px -3px 1px var(--cf);
}
.cartelera article.fondo-claro h4{  color:var(--c0);
  text-shadow: 0 0 3px var(--cf), 0 0 3px var(--cf);
}
.cartelera .fondo-claro .fechas{    color:var(--c0);
  text-shadow: 1px 1px 0px var(--cf), 0 0 2px var(--cf);
}
.cartelera .fondo-claro .fechas a{  color: var(--c3);}
.cartelera .fondo-oscuro .fechas a{  color: var(--c5);}


#producciones .cartelera{
  padding-bottom: 19px;
  margin-bottom: 10px;
  max-height: 460px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
#producciones .cartelera article{
  white-space: normal;
  width: 320px;
  height: 400px;
  display: inline-block;
  vertical-align: top;
}
#producciones .cartelera article h3{    font-size: 2em;}

#producciones .cartelera article h3{    font-size: 2em;}

#producciones .cartelera .fechas{  font-size: .9em;}



#empresas a img{
  max-height: 200px;
  max-width: 250px;
  height: auto;
  width: auto;
}


.amigo{
  max-width: 160px;
  margin: 0 10px 10px;
}

.amigo div{
  width: 80px;
  border-radius: 50%;
  height: auto;
  overflow: hidden;
  height: 80px;
}

.amigo img{
  width: 100%;
  height: auto;
}



#slider2 .slides{height: 460px;}
article .image{position: relative; border-radius: 20% 0 / 100%;overflow: hidden;width: 400px;}
article .image img{width:100%;height: auto;  position: absolute;  left: 0;}
article .conthumb{  max-width: 50%;}
#blog article .flex .rel,#cursos article .flex .rel{padding:30px 20px}
#blog article .image{float: right;height: 400px}
#blog article{height:400px; max-width: 960px;flex-direction: row-reverse;margin-bottom: 20px;}
#blog article .flex{height:400px}
#blog article .con-thumb{width:calc(100% - 400px);}



@media screen and (max-width:720px) {
    #portada #main-logo svg {width: 76px;height: 76px;margin-top: 100px;}
    #portada #logo {font-size: 3em;}
    #tagline {    font-weight: 600;letter-spacing: 0.02em;margin-bottom: 50px;}
}