/*  
Theme Name: EquinoShows
Description: Un tema desarrollado para EquinoShows
Author: W. Wallace
Version: 9.26
*/

body {padding: 0; margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: always; text-rendering: optimizeLegibility;  
}
img {display: block;}
/*.header-inicio {

   background-image: url(https://equinoshows.com/wp-content/themes/equinoshows/imagenes/portada.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    box-sizing: border-box;
    background-color: #27272a;
}*/
.header-inicio {
  position: relative;
  width: 100%;

  background-color: #000000;
  overflow: hidden;
      box-sizing: border-box;
      min-height: 100vh;
      min-height: 100svh;

      
}

.image-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; /* DETRÁS del contenido */
}

.fade-image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.5s ease-in;
  z-index: 1;
}
.header-inicio::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55%;
    background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
    z-index: 10;
}
#modalMensaje {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;

  }
  #modalMensaje p {font-size: 17px; line-height: 130%; color: #27272A;     font-family: Arial, sans-serif;  

    font-weight: 500;
    font-style: normal;}
  #modalMensaje h2 {font-size: calc(24px + 0.25vw); line-height: 110%; color: #27272A;   font-family: Arial, sans-serif;  

    font-style: normal; font-weight: 400; text-transform: none;}
  .modal-contenido {
    background: white;
    padding: 3% 2.5% 2.5% 2.5%;
    border-radius: 8px;
    position: relative;
    min-width: 250px;
    max-width: 480px;
    text-align: center;
    font-size: 1.2rem;
    box-shadow: 0 4px 15px rgba(0,0,0,0.3);
  }
  .cerrar {
    position: absolute;
    top: 8px;
    right: 12px;
    background: transparent;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    line-height: 1;
    color: #555;
  }
  .cerrar:hover {
    color: #000;
  }

.header-inicio-content {max-width: 1600px; width: 90%; margin: 0 auto; display: grid; grid-template-columns: 1fr; grid-template-rows: max-content auto; min-height: 100vh;     height: 100vh;
    height: 100svh; min-height: 100svh;  }
.header-inicio-content > div:first-of-type {display: grid; grid-template-columns: repeat(12,1fr); column-gap: 20px; align-items: center; z-index: 100;     padding-top: 30px; padding-bottom: 15px; /*border-bottom: 1px solid rgba(255, 255, 255, 0.6);*/}
.header-inicio-content > div:first-of-type > div:first-of-type {grid-column: span 3; display: flex; column-gap: 20px; align-items: center; }
.header-inicio-content > div:first-of-type > div:nth-of-type(2) {grid-column: 4 / span 6; text-align: center;}
.header-inicio-content > div:first-of-type  > div:last-of-type {grid-column:10 / span 3; text-align: right; display: flex; justify-content: flex-end; align-content: center; align-items: center; column-gap: 40px; }
.header-inicio-content > div:last-of-type {height: 100%; align-items: flex-end; display: grid; z-index: 100; grid-template-rows: 1fr max-content;}
.entradas-movil {display: none;}
.header-inicio h1 {font-size: calc(30px + 3vw); line-height: 95%; color: #f4f9ff;     font-family: "Cinzel", sans-serif;
    font-style: normal; font-weight: 400;}
.header-inicio p {font-size: 17px; line-height: 130%; color: #f4f9ff;     font-family: Arial, sans-serif;  

    font-weight: 500;
    font-style: normal;}
.header-inicio-content h2 {font-size: 17px; line-height: 130%; color:  #27272A;         font-family: Arial, sans-serif;  
  font-weight: 500; padding: 20px; border-radius: 4px; background-color: #f4f9ff; display: grid; grid-template-columns: max-content 1fr; align-content: center; align-items: center; column-gap: 10px;  text-align: center;
}
.header-inicio-content h2:hover { background-color: #8B5897; transition: all ease-in-out 0.2s; color: #f4f9ff;}

.header-inicio-content a {text-decoration: none; color: inherit;}
.header-inicio-content h2:hover path {fill:#f4f9ff; transition: all ease-in-out 0.2s; }

.header {


    position: relative;
    box-sizing: border-box;
    background-color: #27272a;
}

.header::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55%;
    background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
}

.header-content {max-width: 1600px; width: 90%; margin: 0 auto; display: grid; grid-template-columns: 1fr; grid-template-rows: max-content auto; 
   }
   .header-content a {text-decoration: none; color: inherit;}
.header-content > div:first-of-type {display: grid; grid-template-columns: repeat(12,1fr); column-gap: 20px; align-items: center; z-index: 100;     padding-top: 30px; padding-bottom: 15px; /*border-bottom: 1px solid rgba(255, 255, 255, 0.6);*/}
.header-content > div:first-of-type > div:first-of-type {grid-column: span 3; display: flex; column-gap: 20px; align-items: center; }
.header-content > div:first-of-type > div:nth-of-type(2) {grid-column: 4 / span 6; text-align: center;}
.header-content > div:first-of-type  > div:last-of-type {grid-column:10 / span 3; text-align: right; display: flex; justify-content: flex-end; align-content: center; align-items: center; column-gap: 40px; }
.header-content > div:last-of-type {height: 100%; align-items: flex-end; display: grid; z-index: 100;}
.header h1 {font-size: calc(30px + 3vw); line-height: 95%; color: #f4f9ff;     font-family: "Cinzel", sans-serif;
    font-style: normal; font-weight: 400;}
.header p {font-size: 17px; line-height: 130%; color: #f4f9ff;     font-family: Arial, sans-serif;  

    font-weight: 500;
    font-style: normal;}
.header-content h2 {font-size: 17px; line-height: 130%; color:  #27272A;         font-family: Arial, sans-serif;  
  font-weight: 500; padding: 20px; border-radius: 4px; background-color: #f4f9ff; display: grid; grid-template-columns: max-content 1fr; align-content: center; align-items: center; column-gap: 10px;  text-align: center;
}
.header-content h2:hover { background-color: #8B5897; transition: all ease-in-out 0.2s; color: #f4f9ff;}
.header-content h2:hover path {fill:#f4f9ff; transition: all ease-in-out 0.2s; }
.header-content a {text-decoration: none; color: inherit;}
.menoti:hover path {fill:#8B5897;}
.logo:hover path, .facebook:hover path, .instagram:hover path  {fill:#8B5897; transition: all ease-in-out 0.2s;}
    .quienes {
background-color: #392852;
position: relative;
padding-top: 100px;
padding-bottom: 100px;
}

.isotipo {max-height: 600px;}
.quienes-content {max-width: 1600px; width: 90%; margin: 0 auto; display: grid; grid-template-columns: 1fr;  min-height: 100vh; display: grid; grid-template-columns: repeat(12,1fr); column-gap: 20px; align-items: center; z-index: 100; }
.quienes-content > div:first-of-type {grid-column: span 6;}
.quienes-content > div:last-of-type {grid-column: 9 / span 3; text-align: center;}
.quienes img {width: 100%; border-radius: 10px;}

.quienes h3 {font-size: 22.5px; line-height: 130%; color:  #F4F9FF;         font-family: Arial, sans-serif;  
  font-weight: 400;
}
  .quienes h2 {font-size: calc(24px + 1vw); line-height: 90%; color:  #F4F9FF;     font-family: "Cinzel", sans-serif;
    font-weight: 400;
    font-style: normal;}
    .quienes p {font-size: 17px; line-height: 150%; color:  #F4F9FF;         font-family: Arial, sans-serif; 
      font-weight: 400;
      font-style: normal;}

.sinopsis {

    background-image: url(https://equinoshows.com/wp-content/themes/equinoshows/imagenes/sinopsis.jpg);
    background-size: cover;
    background-position: left top;
    background-repeat: no-repeat;
    position: relative;
    box-sizing: border-box;
}

.sinopsis::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.95), transparent);
}

.sinopsis-content {max-width: 1600px; width: 90%; margin: 0 auto; display: grid; grid-template-columns: 1fr;  min-height: 100vh; display: grid; grid-template-columns: repeat(12,1fr); column-gap: 20px; align-items: center; }
.sinopsis-content > div:first-of-type { grid-column: span 5;  z-index: 100;  }

.sinopsis h3 {font-size: 22.5px; line-height: 130%; color:  #F4F9FF;         font-family: Arial, sans-serif;  
  font-weight: 400;
}
  .sinopsis h2 {font-size: calc(24px + 1vw); line-height: 90%; color:  #F4F9FF;     font-family: "Cinzel", sans-serif;
    font-weight: 400;
    font-style: normal;}
    .sinopsis p {font-size: 17px; line-height: 150%; color:  #F4F9FF;         font-family: Arial, sans-serif; 
      font-weight: 400;
      font-style: normal;}


      .noticias {

background-color: #000000; position: relative; padding-top: 100px; padding-bottom: 100px;
}
.post-title:hover {color: #F4F9FF;}
.noticias h2 {font-size: calc(18px + 1vw); line-height: 90%; color:  #F4F9FF;     font-family: "Cinzel", sans-serif;
    font-weight: 400;
    font-style: normal;}
    h2.post-title {font-size: calc(18px + 1vw); line-height: 120%; color:  #F4F9FF;      font-family: Arial, sans-serif; 
      font-weight: 400;
      font-style: normal;}
          h2.post-title a:hover {color: #F4F9FF; text-decoration: none; border-bottom:1px solid rgba(255,255,255,0.75)}
.noticias h2 a {text-decoration: none; color: inherit;}
.noticias p {font-size: 17px; line-height: 150%; color:  #F4F9FF;         font-family: Arial, sans-serif; 
      font-weight: 400;
      font-style: normal;}
.read-more {    font-family: Arial, sans-serif; 

      font-style: normal; color: #F4F9FF; text-decoration: none; font-weight: bold;}
.noticias-content {max-width: 1600px; width: 90%; margin: 0 auto; display: grid; grid-template-columns: 1fr; }
.custom-post-list {display: grid; grid-template-columns: repeat(3,1fr); column-gap: 40px;}
.custom-post-item img {height: 100%;
object-fit: cover;
aspect-ratio: 4 / 3;
max-width: 100%; object-position: top center;}
.custom-post-item:hover .post-title {color: #F4F9FF !important;}

.show {

background-color: #F4F9FF; position: relative;
}

/*.show::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
}
*/
.show-content {max-width: 1600px; width: 90%; margin: 0 auto; display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto; }
.show-content > div:first-of-type {display: grid; grid-template-columns: repeat(12,1fr); column-gap: 20px; padding-top: 100px; padding-bottom: 50px;}
.show-content > div:first-of-type > div {grid-column: span 6;}
.show h2 {font-size: calc(24px + 1vw); line-height: 90%;      font-family: "Cinzel", sans-serif;
  font-weight: 400;
  font-style: normal; color: #27272a;}

  .show p {font-size: 17px; line-height: 150%; color: #27272A;         font-family: Arial, sans-serif; 
    font-weight: 400;
    font-style: normal;}
  .show h3 {font-size: 22.5px; line-height: 130%; color: #27272A;         font-family: Arial, sans-serif; 
    font-weight: 400;
    }


    .actos {

      /*background-image: url(https://equinoshows.com/wp-content/themes/equinoshows/imagenes/actos.jpg);*/
      background-size: cover;
      background-position: center top;
      background-repeat: no-repeat;
      position: relative;
      box-sizing: border-box;
      background-color:  #F4F9FF;

      }
      

      
      .actos-content { width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; 



        }
        .actos-container {          grid-auto-flow: column;
          grid-column: span 12;
          display: grid;

          overflow-x: scroll;
        padding-left: 5%;}
      .acto { min-width: 35vw; background-color:#F4F9FF; z-index: 100; text-align: center; display: grid; grid-template-rows: max-content 1fr;  max-height: initial;  }
      .acto > div > img {width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: top center;    transition: all ease-in-out 0.2s;  }
      .acto > div {overflow: hidden; transition: all ease-in-out 0.2s;  }
      .acto > div > img:hover {transform: scale(1.1);}




.acto > div:last-of-type {padding: 30px 60px 60px 60px;}
.acto:hover > div {background-color: rgba(139,88,151,0.2); }
.actos h5 {font-size: 30px; line-height: 120%; color: #27272A;      font-family: "Cinzel", sans-serif;font-weight: 400;
  font-style: normal; margin-bottom: 5px; margin-top: 0; text-transform: uppercase;}

  .actos h6 {font-size: 16px; line-height: 150%; color: #27272A;        font-family: Arial, sans-serif; 
    font-weight: 500;
    font-style: normal; margin-bottom: 20px; margin-top: 0;}
    .actos p {font-size: 16px; line-height: 150%; color: #27272A;         font-family: Arial, sans-serif; 
      font-weight: 400;
      font-style: normal;}

.arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
  text-align: center;
  color: white;
  background-color: rgba(139, 88, 151, 0.9);
  border-radius: 50%;
  cursor: pointer;
  z-index: 127272A;
  transition: background-color 0.3s ease;
  user-select: none;
  z-index: 9999;
}

.arrow:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.arrow-left {
  left: 10px;
}

.arrow-right {
  right: 10px;
}


.actos-container {
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;


}

.acto {
  scroll-snap-align: start;
}


.video {

  position: relative;
  box-sizing: border-box;

}
/* .video::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
} */
.video-content {display: grid; align-items: center; justify-items: center; text-align: center; grid-template-columns: 1fr; min-height: 100vh; z-index: 100;}
.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  cursor: pointer;
  background-color: #000;
}

.video-thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  background: url('https://img.icons8.com/ios-filled/100/ffffff/play--v1.png') no-repeat center;
  background-size: 60%;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
}
.nosotros {
background-color:  #FBBDAF;
position: relative;
}

.nosotros::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to top, rgba(0,0,0,0.35), transparent);
}

.nosotros-content {max-width: 1600px; width: 90%; margin: 0 auto; display: grid; grid-template-columns: 1fr;  min-height: 100vh; display: grid; grid-template-columns: repeat(12,1fr); column-gap: 20px; align-items: center; z-index: 100; }
.nosotros-content > div:first-of-type {grid-column: span 5;}
.nosotros-content > div:last-of-type {grid-column: 7 / span 5;}
.nosotros img {width: 100%;}

.nosotros h3 {font-size: 22.5px; line-height: 130%; color: #27272A;         font-family: Arial, sans-serif; 
  font-weight: 400;
  font-style: normal;}
  .nosotros h2 {font-size: calc(24px + 1vw); line-height: 90%; color: #111;     font-family: "Cinzel", sans-serif;
    font-weight: 400;
    font-style: normal;}
    .nosotros p {font-size: 17px; line-height: 150%; color: #27272A;         font-family: Arial, sans-serif; 
      font-weight: 400;
      font-style: normal;}

      .gal {

        background-color: #000;
        }
        
        /*.gal::before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 50%;
            background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
        }*/
        
        .gal-content {max-width: 1600px; width: 90%; margin: 0 auto; display: grid; grid-template-columns: 1fr; padding-top: 100px; }        
        .gal h2 {font-size: calc(24px + 1vw); line-height: 90%; color: #eee;     font-family: "Cinzel", sans-serif;
          font-weight: 400;
          font-style: normal;}

          .galeria {

            background-color:  #000;
            }
            
           /* .galeria::before {
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 50%;
                background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
            }*/
            
            .galeria-content { width: 100%; margin: 0 auto; display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; 
      
      
      
              }
.galeria-container {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;

  padding: 0;
  scroll-snap-type: x mandatory;

}



.galeria-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 30px;
  text-align: center;
  color: white;
  background-color: rgba(139, 88, 151, 0.9);
  border-radius: 50%;
  cursor: pointer;
  z-index: 127272A;
  transition: background-color 0.3s ease;
  user-select: none;
  z-index: 9999;
}

.arrow-left.galeria-arrow {
  left: 10px;
}

.arrow-right.galeria-arrow {
  right: 10px;
}

.galeria {
  position: relative;
}

            .foto { min-height: 65vh; min-width: max-content; width: inherit;  z-index: 100; text-align: center; overflow: hidden; }
            .foto img {height: 65vh;  object-fit: cover; object-position: top center; transition: all ease-in-out 0.2s; }
            .foto img:hover {transform: scale(1.1); }

            .vision {

              background-image: url(https://equinoshows.com/wp-content/themes/equinoshows/imagenes/vision.jpg);
              background-size: cover;
              background-position: center bottom;
              background-repeat: no-repeat;
              position: relative;
              box-sizing: border-box;
          }
          
          .vision::before {
              content: "";
              position: absolute;
              bottom: 0;
              left: 0;
              width: 100%;
              height: 50%;
              background: linear-gradient(to top, rgba(0,0,0,0.95), transparent);
          }
          
          .vision-content {max-width: 1600px; width: 90%; margin: 0 auto; display: grid; grid-template-columns: 1fr;  min-height: 100vh; display: grid; grid-template-columns: repeat(12,1fr); column-gap: 20px; align-items: center; }
          .vision-content > div:first-of-type { grid-column: span 5;  z-index: 100;  }
          
          .vision h2 {font-size: calc(24px + 1vw); line-height: 90%; color: #ddd;     font-family: "Cinzel", sans-serif;
            font-weight: 400;
            font-style: normal;}
            .vision h3 {font-size: 22.5px; line-height: 130%; color: #fff;         font-family: Arial, sans-serif; 
              font-weight: 400;
              font-style: italic;}
            .vision p {font-size: 17px; line-height: 150%; color: #fff;         font-family: Arial, sans-serif; 
              font-weight: 400;
              font-style: normal;}

              .footer {

background-color:  #F4F9FF;
            }
            
           
            .footer-content {max-width: 1600px; width: 90%; margin: 0 auto; padding-top:50px; padding-bottom: 50px; display: grid; grid-template-columns: repeat(12,1fr); column-gap: 20px; align-items: flex-start; }
            .footer-content > div:first-of-type { grid-column: span 3;  }
            .footer-content > div:last-of-type { grid-column: 4 / span 9; display: grid; grid-template-columns: repeat(9,1fr); column-gap: 20px;  }
            .footer-content > div:last-of-type > div:first-of-type {grid-column: span 3;}
            .footer-content > div:last-of-type > div:nth-last-of-type(2) {grid-column: span 3;}
            .footer-content > div:last-of-type > div:last-of-type {grid-column: span 3; display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px;}
            .footer ul {list-style: none; padding-left: unset;}
            .footer {font-size: 16px; line-height: 150%; color: #27272A;         font-family: Arial, sans-serif; 
              font-weight: 400;
              font-style: normal;}
              .footer a {text-decoration: none; color: inherit;}
              .footer-content h2 {font-size: 17px; line-height: 130%; color:  #f4f9ff;         font-family: Arial, sans-serif;  
  font-weight: 500; padding: 20px; border-radius: 4px; background-color: #392852; display: grid; grid-template-columns: max-content 1fr; align-content: center; align-items: center; column-gap: 10px;  text-align: center;
}

              #menu-movil {position: absolute; z-index: 9999; display: none; align-items: center; top: 0; right: 0; min-height: 80vh; min-width: 25vw; background-color: #392852; color: #f4f9ff; padding: 25px 60px 60px 60px; z-index: 127272A; text-align: right; }
                #menu-movil ul {list-style: none; padding-left: unset;}
#menu-movil ul li {font-size: calc(36px + 1.5vw); line-height: 100%;    font-family: "Cinzel", sans-serif;
  font-weight: 400;
  font-style: normal; text-transform: uppercase; }
                #menu-movil p {font-size: 15px !important; line-height: 150% !important; color: #27272A;         font-family: "Poppins", sans-serif !important;
                  font-weight: 300 !important;
                  font-style: normal;}
                  #enlaceSelected {cursor: pointer;}

                  #menu-movil a {text-decoration: none; color: inherit; cursor: pointer;}

.entradas-movil {width: max-content;}
                  .ft {padding-top:14px; display:flex; column-gap:20px; justify-self:flex-end;}






.acto-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0, 0, 0, 0.85);
  justify-content: center;
  align-items: center;
}
.acto-modal span {font-size: 16px;  font-family: Arial, sans-serif;   }
#menu-movil span {font-size: 16px;  font-family: Arial, sans-serif;   }

.acto-modal-content {
  background: #fff;
  padding: 40px;
  max-width: 800px;   /* Aquí limitamos el ancho máximo */
  max-height: 90%;
  overflow: auto;
  border-radius: 12px;
  position: relative;
  width: 90%;         /* Para que sea responsive en pantallas pequeñas */
}

.acto-close {
  position: absolute;
  top: 20px; right: 30px;
  font-size: 30px;
  cursor: pointer;
}
.menu-close {
  position: absolute;
  top: 20px; right: 30px;
  font-size: 30px;
  cursor: pointer;
}
.single-close {
  font-size: 30px;
  cursor: pointer;
  font-size: 16px;
font-family: Arial, sans-serif; 
}
.single-close a {text-decoration: none; color: inherit;}
#actoMedia {
  display: grid;
  gap: 20px;
  margin-top: 40px;
}
#actoMedia img, #actoMedia video {
  width: 100%;
  border-radius: 8px;
}



.content {background-color: #f4f9ff;}
.content-content {max-width: 1600px; width: 90%; margin: 0 auto; display: grid; grid-template-columns: 1fr;  align-items: center; z-index: 100; padding-top: 50px; padding-bottom: 100px; }
.content-content p {font-size: 17px; line-height: 150%; color: #27272A;         font-family: Arial, sans-serif; 
    font-weight: 400;
    font-style: normal;}
.content-content h2 {font-size: calc(24px + 1vw); line-height: 110%;  color: #27272A;         font-family: Arial, sans-serif; 
    font-weight: 400;
    font-style: normal;}

      .wp-block-heading {max-width: 90%;}    
      .content-content p {max-width: 75%;}    
@media (max-width: 1024px) {

      .wp-block-heading {max-width: 100%;}    
      .content-content p {max-width: 100%;}     
.entradas {display: none;}
.entradas-movil {display: grid;}
.ft {justify-self: flex-start;}
.footer-content > div:last-of-type > div:last-of-type {
grid-template-columns: 1fr;


}
.footer-content > div:first-of-type {
  grid-column: span 12;
}
.footer-content > div:last-of-type {
  grid-column: span 12;
  padding-top: 20px;

}

                  }
@media (max-width: 980px) {

.sinopsis {

    background-position: center top;

}

  .sinopsis-content > div:first-of-type {
    grid-column: span 12;
    padding-bottom: 100px;
}
.quienes-content > div:first-of-type {
  grid-column: span 12; 
  padding-bottom: 100px;
  order: 2;
}
.quienes-content > div:last-of-type {
  grid-column: 3 / span 8; padding-top: 100px; padding-bottom: 40px;
}
.sinopsis-content {

  align-items: flex-end;
}
.show-content > div:first-of-type > div {
  grid-column: span 12;
}
.acto {
  min-width: 65vw;

}
.nosotros-content > div:first-of-type {
  grid-column: span 12; 
  padding-bottom: 100px;
  order: 2;
}
.nosotros-content > div:last-of-type {
  grid-column: 3 / span 8; padding-top: 100px; padding-bottom: 40px;
}
.isotipo {max-height: 400px;}
.foto {
  min-height: 50vh;
}
.foto img {
  height: 50vh;
}

.vision-content > div:first-of-type {
  grid-column: span 12;
  padding-bottom: 100px;

}
.vision-content {

  align-items: flex-end;
}

.header-content > div:first-of-type > div:first-of-type {
display: none;
}
.header-content > div:first-of-type > div:nth-of-type(2) {
  grid-column: unset;

}
.header-content > div:first-of-type > div:nth-of-type(2) {
  grid-column: unset;

}
.header-content > div:first-of-type > div:last-of-type {
  grid-column: unset;

}
.header-content > div:first-of-type {

  grid-template-columns: 1fr max-content;

  align-items: center;

}
.header-content > div:first-of-type > div:nth-of-type(2) {

  text-align: unset;
}

.header-inicio-content > div:first-of-type > div:first-of-type {
display: none;
}
.header-inicio-content > div:first-of-type > div:nth-of-type(2) {
  grid-column: unset;

}
.header-inicio-content > div:first-of-type > div:nth-of-type(2) {
  grid-column: unset;

}
.header-inicio-content > div:first-of-type > div:last-of-type {
  grid-column: unset;

}
.header-inicio-content > div:first-of-type {

  grid-template-columns: 1fr max-content;

  align-items: center;

}
.header-inicio-content > div:first-of-type > div:nth-of-type(2) {

  text-align: unset;
}
                  }
@media (max-width: 680px) {

.custom-post-list {display: grid; grid-template-columns: repeat(1,1fr); column-gap: unset; row-gap: 40px;}

                  }

                  @media (max-width: 580px) {
                    .header-content > div:first-of-type {


                      padding-top: 15px;
                    
                    }
                                        .header-inicio-content > div:first-of-type {


                      padding-top: 15px;
                    
                    }

                              .quienes-content > div:last-of-type {
              grid-column: span 12;

              }

                .quienes-content > div:last-of-type {

                    padding-top: 50px;
                    padding-bottom: 50px;

                }
                .isotipo {max-height: 300px;}
                  .acto {
                    min-width: 85vw;
                  
                  }
                  .foto {
                    min-height: 30vh;
                  }
                  .foto img {
                    height: 30vh;
                  }
                  .footer-content > div:last-of-type > div:first-of-type {
                    grid-column: span 12;
                }.footer-content > div:last-of-type > div:nth-last-of-type(2) {
                  grid-column: span 12;
              }.footer-content > div:last-of-type > div:nth-last-of-type(2) {
                grid-column: span 12;
            }

            .sinopsis-content > div:first-of-type {

              padding-bottom: 50px;
              padding-top: 100px;
              }
              .header-content > div:first-of-type > div:nth-of-type(2) svg {max-width: 230px;}
                            .header-inicio-content > div:first-of-type > div:nth-of-type(2) svg {max-width: 230px;}
              .footer-content > div:first-of-type svg {max-width: 230px !important;}
              .show-content > div:first-of-type {

                padding-top: 50px;
                padding-bottom: 20px;

            }
            .nosotros-content > div:last-of-type {
              grid-column: span 12;

              }

                .nosotros-content > div:last-of-type {

                    padding-top: 50px;
                    padding-bottom: 50px;

                }
                .gal-content {

                  padding-top: 50px;
                  padding-bottom: 50px;
              }
s

              .vision-content > div:first-of-type {

                  padding-top: 100px;
              }
          
}

/* ELEMENTOR */

form.simple_form {
	max-width: 370px;
}

form.simple_form .form-group {
	margin-bottom: 20px;
	font-size: 17px;
	font-family: Arial, sans-serif;
}

form.simple_form label {
	display: block;
	margin-bottom: 5px;
}

form.simple_form input[type="text"], form.simple_form input[type="email"] {
	width: 100%;
    padding: 14px 16px;
    margin-bottom: 0;
    border: 1px solid #c9bfdc;
    border-radius: 12px;
    background: #ffffff;
    font-size: 15px;
    color: #333;
    transition: all 0.25s ease;
    box-sizing: border-box;
}

form.simple_form input:focus,
form.simple_form textarea:focus {
    outline: none;
    border-color: #8c74c9;
    box-shadow: 0 0 0 4px rgba(140,116,201,0.15);
}

form.simple_form input[type="submit"] {
    background: #392852;
    color: white;
    border: none;
    padding: 14px 28px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* Hover botón */
form.simple_form input[type="submit"]:hover {
    background: #6848b3;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(104,72,179,0.25);
}

/* Contenedor general del formulario */
.wpcf7-form {
    max-width: 600px;
    font-size: 17px;
    font-family: Arial, sans-serif;
}

/* Labels */
.wpcf7-form label {
    display: block;
    font-size: 17px;
    font-family: Arial, sans-serif;
}

/* Inputs y textarea */
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form textarea {
    width: 100%;
    padding: 14px 16px;
    margin-top: 5px;
    border: 1px solid #c9bfdc;
    border-radius: 12px;
    background: #ffffff;
    font-size: 15px;
    color: #333;
    transition: all 0.25s ease;
    box-sizing: border-box;
}

/* Altura textarea */
.wpcf7-form textarea {
    resize: vertical;
}

/* Focus */
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
    outline: none;
    border-color: #8c74c9;
    box-shadow: 0 0 0 4px rgba(140,116,201,0.15);
}

/* Placeholder */
.wpcf7-form ::placeholder {
    color: #9b93ad;
}

.wpcf7-list-item {
	margin-left: 0;
}

/* Botón */
.wpcf7-form input[type="submit"] {
    background: #392852;
    color: white;
    border: none;
    padding: 14px 28px;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s ease;
}

/* Hover botón */
.wpcf7-form input[type="submit"]:hover {
    background: #6848b3;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(104,72,179,0.25);
}