/* Estilos avanzados o específicos */
/* Variables de colores */
:root {
    /* Colores Base */
    --black: #000000;
    --white: #FFFFFF;

    /* Colores Turquesa */
    --azul-oscuro: #101124;
    --amarillo: #E3B35C;
    --amarilo-claro:#ffcf5c;
    --back-claro: #ddc49b;
    --back-light:#f6ebd7;
    --back-fondo-claro:#e4d9c5;
    --colorazul: #393b48;

}


html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden; /* evita scroll horizontal innecesario */
  box-sizing: border-box;

}



h1 p {
    font-size: 4rem !important;
    color: var(--back-fondo-claro);
    margin: 0;
}

h1 p:nth-child(2){
  font-size: 2rem !important;
  color: var(--amarillo);
   font-family: 'Poppins', sans-serif;
   font-weight: 300;
}

h3 p{
  margin: 0;
}

.banner_interna {
  position: relative;
}

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

.logo_banner {
  width: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


img.logo_banner{
  width: auto;
  z-index: 9;
}


/* Usando las variables de colores */

.color-white{
    color: var(--white)
}
.color-yellow{
    color: var(--amarilo-claro);
}

/*Header*/


.whatsapp {
    display: block;
    margin-bottom: 15px;
}


.whatsapp-footer {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
  display: inline-block;
}

.whatsapp-footer img {
  width: 48px;
  height: 48px;
}


ul#menu-menu-principal {
    padding: 0;
    margin: 0;
}

ul#menu-menu-principal li {
    display: inline;
    padding: 0px 15px;
}

ul#menu-menu-principal li a {
    text-transform: uppercase;
    font-size: 22px;
    color: var(--back-claro);
    transition: 0.2s ease-in;
}

ul#menu-menu-principal li a:hover, ul#menu-menu-principal li.current-menu-item a{
    color: white;
}

body.home .container-header{
   background: #10112594;
    border-bottom: 1px solid var(--amarillo);
}

.container-header {
    position: absolute; /* Hace que se superponga a la imagen */
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 33px;
    flex-direction: row;
    z-index: 2; /* Asegura que esté encima de la imagen */
 
}

.back-blue {
    background-color: var(--azul-oscuro);
    color: white;
    padding: 200px 0px;
}

.back-yellow{
    background-color: var(--amarillo);
    padding: 200px 0px;
}

.back-claro{
    background-color: var(--back-claro);
    color:var(--azul-oscuro);
    padding: 200px 0px;
}

.back-light{
    background-color: var(--back-light);
    color:var(--azul-oscuro);
    padding: 200px 0px;
}

.container.container-header {
    display: flex;
    padding: 20px 40px 10px 40px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}

.back-yellow h2{
  color: white;

}

.back-yellow h2 p{
  font-size: 3rem;
  margin: 0px;
}


.back-yellow.one-column h2 p {
    color: var(--azul-oscuro);
    font-size: 5rem;
    margin: 0px;
}

.back-yellow.one-column h2 p:nth-child(2) {
    color: white;
    font-size: 4rem;
}


a.logo img {width: 100%;}


.content {
    display: flex;
    padding: 0px 40px;
    flex-direction: column;
    align-items: center;
    gap: 150px;
    align-self: stretch;
}


.container-columnas {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 40px;
  align-items: center;
}


.container-columnas h3 {
    text-transform: uppercase;
    font-size: 3rem;
    padding-bottom: 50px;
}


h3.title_big{
  font-size: 4rem;
  margin-top: 30px;
}


/* Contenedor del slider dentro de tu banner */
.banner_home {
  height: 100vh;
  position: relative;
}

/* SmartSlider3 — fuerza altura completa */
.banner_home .n2-section-smartslider,
.banner_home .n2-section-smartslider .n2-ss-slider,
.banner_home .n2-ss-section-main-content {
  height: 100vh !important;
  max-height: 100vh !important;
}


.content-slider {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  max-width: 70%; /* evita que el texto desborde */
  width: 100%;    /* se adapta al espacio disponible */
  text-align: center;
}

.content-slider p {
  color: white;
}


.animacion{
  padding: 50px 0px;
}

.container-col-row3  {
  /*max-width: 1200px;*/
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  padding: 0px 100px;
}


.container-col-row3.columnas-iguales{
max-width: 1600px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  padding: 0 20px; /* Menor padding lateral para no restar tanto espacio */
}

.container-col-row3 .columna1, .container-col-row3 .columna2{
display: flex;
    align-items: flex-start;

}




.container-col-row3 h3{
  font-size: 3rem;
  font-weight: 700;
  text-transform: uppercase;
}

.container-col-row3 img {
    width: 170px;
    height: auto;
    display: block;
    padding-right: 25px;
}

.text-center{
    text-align: center;
}

.text-destacado {
    font-size: 1.5rem;
}



.fila-dos-colores {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    min-height: 300px; /* Ajusta a lo que necesites */
  }
  

  
.color1 {
    background-color: var(--amarillo);
    border-top: 35px solid #d8a54a;
}
  
  .color2 {
    background-color: var(--back-claro); /* naranja */
    border-top: 35px solid #d3b788;
  }


  .colorlight{
    background-color: var(--back-light);
    border-top: 35px solid #ecd8b5;
    
  }


  .columna.colorlight h3 p:nth-child(2), .columna.colorlight h2 p:nth-child(2), .page-id-12 .columna.colorlight h2 p:nth-child(2) {
    color: #a69067;
}

  .colorazul{
    background-color: var(--colorazul);
    border-top: 35px solid #2b2b37;
  }


      .columna.colorazul h3 p, .columna.colorazul h2 p {
    color: #dfb35a;
}

    .columna.colorazul h3 p:nth-child(2), .columna.colorazul h2 p:nth-child(2) {
    color: #dbbe9c;
}

.columna.colorazul p {
    color: white;
}


.fila-dos-colores.equipamiento .columna.color1 h3 p:nth-child(2), .fila-dos-colores.equipamiento .columna.color1 h2 p:nth-child(2), .fila-dos-colores.equipamiento .columna.color1 h4 p:nth-child(2){
  color: white;
}

.fila-dos-colores.equipamiento .columna.color2 h3 p:nth-child(2), .fila-dos-colores.equipamiento .columna.color2 h2 p:nth-child(2), .fila-dos-colores.equipamiento .columna.color2 h4 p:nth-child(2){
  color: white;
}


  .fila-tres-colores .color2 {
    background-color: var(--back-fondo-claro); /* naranja */
    border-top: 35px solid #dec7a7;
  }

  .color3 {
    background-color: var(--back-claro); /* naranja */
    border-top: 35px solid #d4b481;
  }
  
  .fila-dos-colores .columna h3,   .fila-dos-colores .columna h4 {
    text-transform: uppercase;
    margin-top: 60px;
    font-size: 3rem;
  }

  .fila-dos-colores .columna h3 p, .fila-dos-colores .columna h2 p, .fila-dos-colores .columna h4 p{
    font-size: 3rem;
    margin: 0;
  }



    .fila-dos-colores .columna h3 strong, .fila-dos-colores .columna h2 strong, .fila-dos-colores .columna h4 strong{
      color: white;
      font-size: 3rem;
    }

  .fila-dos-colores p{
    color: var(--azul-oscuro);
  }


  .back-fiesta{
   background-image: url('../images/como-animar-una-fiesta-privada-1.jpg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white; 
    padding: 300px 0; 
    border-bottom: 3px solid var(--amarillo);
  }



  .back-fiesta span {
    font-size: 3rem;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'Bungee', sans-serif;
}

.fila-tres-colores {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-height: 300px;
}

.fila-tres-colores .columna {
  flex: 1 1 calc(33.333% - 20px); /* 3 columnas con gap considerado */
  min-width: 280px; /* Evita que se achiquen demasiado */
}



.fila-tres-colores.fila-dos-colores img {
    width: 100%;
}

  

  .fila-tres-colores p {
      color: var(--azul-oscuro);
  }

  .fila-tres-colores h3, .fila-tres-colores.fila-dos-colores h3 p, .fila-tres-colores.fila-dos-colores h3 strong {
      font-size: clamp(1.5rem, 2vw + 1rem, 2.5rem);
}


  .columna {
    padding: 80px 0px;
    color: white;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  

   .columna p{
     padding: 0px 60px;
   }

  .colum-fluida{
    background-color: var(--back-light);
  }
  

  

  img.sombra-negra {
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7); 

  }


  .fondo-destacado-1 {
    background-image: url('../images/luna-music-15.jpg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white; 
    padding: 300px 0; 
  }


  .fondo-destacado-1 p {
    font-family: 'Bungee', sans-serif;
    font-size: 4rem;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
}

.fondo-destacado-1 span{
color: var(--amarillo);
}


.home .fila-filosofia h3 p:nth-child(1) {
    font-size: 4rem !important;
}

.home .full-width-row.back-blue.text-center.fila-borde.fila-filosofia h3 p:nth-child(2) {
    font-size: 5rem !important;
}


.fondo-destacado-presupuesto{
   background-image: url('../images/presupuesto-para-una-fiesta-con-dj-3.jpg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white; 
    padding: 500px 0; 
  }


  .fondo-destacado-presupuesto p {
    font-family: 'Bungee', sans-serif;
    font-size: 4rem;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
}

.fondo-destacado-presupuesto span{
color: var(--amarillo);
}



.fondo-destacado-bodas{
      background-image: url('../images/dj-para-bodas-11.jpg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white; 
    padding: 500px 0; 
}

.fondo-destacado-bodas h3 p {

    font-family: 'Bungee', sans-serif;
    font-size: 3rem;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
    color: var(--amarillo);
    font-weight: normal;

}



  .fondo-destacado-despedidas {
    background-image: url('../images/como-animar-una-fiesta-privada-6.jpg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white; 
    padding: 500px 0; 
  }


  .fondo-destacado-despedidas p {
    font-family: 'Bungee', sans-serif;
    font-size: 4rem;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
}



.full-width-row.back-blue.fondo-destacado-1.fiestas-populares {
    background-image: url('../images/parallax-fiestas-populares.jpg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white; 
    padding: 500px 0; 
  }



.fondo-destacado-despedidas span{
color: var(--amarillo);
}



.full-width-row.back-blue.fila-bottom.destacado_bodas{
    font-size: 2.2rem;
}

.dest-boda h3 p{
      font-size: 5rem !important;
}

.dest-boda h3 p:nth-child(2){
    font-size: 3rem !important;
    color: white;
    margin-bottom: 80px;
}



#sp-wp-carousel-free-id-1915.sp-wpcp-1915.wpcp-image-carousel img{
  height: 667px; /* Ajustá según necesites */
  object-fit: cover;
  width: 100%; /* Asegura que no se estiren */
}



.row.galeria {
    padding: 100px 0px;
}



h2.quien-es p{
  font-size: 4rem;
  color: var(--azul-oscuro);
}

h2.quien-es p:nth-child(2){
  font-size: 3.5rem;
  color: white;
}

.home .fila-borde h3 p{
  font-weight: normal;
}

.home .fila-borde h3 p:nth-child(1) {
    font-size: 5rem;
}

.home .fila-borde h3 p:nth-child(2) {
    font-size: 4rem !important;
}


h1.titulo-boda p{
  font-size: 3rem !important;
}

h1.titulo-boda p:nth-child(2){
  color: var(--amarillo);
  font-size: 3rem;
      font-family: 'Bungee', sans-serif;
}


.destac-boda h3{

    padding-bottom: 0px;
}

.destac-boda h3 p{

  color: white;
  font-size: 4rem;
  margin: 0;
}

.destac-boda h3 p:nth-child(2){

  color: var(--azul-oscuro);
  font-size: 3rem;
}


.complementos{
  background-color:var(--colorazul) ;
  color: white;
}

.complementos h3 p{
  color: white;
      font-size: 3rem !important;
}

.precios h3 {
    font-size: 3rem;
}


.full-width-row.back-light.animacion.text-center.boda-claro h3 p, .full-width-row.iluminacion h3 p{
font-size: 3rem;
color: var(--azul-oscuro);
}

.full-width-row.back-light.animacion.text-center.boda-claro h3 p:nth-child(2) {
    color: #a8906a;
    font-size: 3rem;
}

.boda-claro .separador-fondo-crema{
  width: 30%;
}

.full-width-row.back-light.animacion.text-center.boda-claro, .full-width-row.back-yellow.text-center {
    padding: 100px 0px;
}


.fila-dos-colores.bodas-columnas .columna.color1 h4 p {
  color: white;
}



.fila-dos-colores.bodas-columnas2  .color2 h4 p:nth-child(1){
color: white !important;
}

.fila-dos-colores.bodas-columnas .columna.color1 h4 p:nth-child(2) {
  color: #101125;
}


.fila-dos-colores.bodas-columnas .columna.colorazul h4 p{
  color: #e2b35b;
}

.fila-dos-colores.bodas-columnas .columna.colorazul h4 p:nth-child(2) {
  color: #dec59c;
}


.fila1-bodas h2{
  margin: 40px 0px;
}

.fila1-bodas h2 p{
font-size: 2.5rem;
margin: 0;
color: var(--amarillo);
}

.full-width-row.back-yellow.text-center.fila-borde.dest-boda {
    padding: 100px 0px;
}


.fila1-bodas h2 p:nth-child(2){
color: white;
}


.fondo-destacado-elegir{
    background-image: url('../images/elegir-DJ-para-eventos-de-empresa-13.jpg'); 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white; 
    padding: 300px 0; 
}


.fondo-destacado-elegir h2 p{
  font-size: 4rem;
  color: var(--amarillo);
  text-transform: uppercase;
}

  .fondo-destacado-elegir p {
    color: white;
    font-size: 1.2rem;
    text-align: center;
}


.full-width-row.back-blue.text-center h3 {
    color: white;
    margin: 50px 0px;
    font-size: 5rem;
    text-transform: uppercase;
}


.fila-bottom {
    font-size: 2.5rem;
    text-transform: uppercase;
    font-family: 'Bungee', sans-serif;
    text-align: center;
    padding: 80px;
    border-top: 2px solid #91793d;
}


.fila-bottom h3{
  font-size: 2.5rem;
    text-transform: uppercase;
}

.full-width-row.back-blue.text-center h3 p:nth-child(2) {
    color: var(--amarillo);
    font-size: 4rem;
}

.animacion h3 p{
  margin: 0px;
}
.animacion h3 p:nth-child(2) {
    font-size: 5rem;
}

.animacion h3 p:nth-child(1) {
    color: var(--amarillo);
    font-size: 3rem;
}

.fila-borde{
  clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
}


.fila-borde h3 p {
    font-size: 4rem;
    margin: 0px;
}


.fila-borde h3 p:nth-child(2) {
    font-size: 5rem !important;
}

.fila-borde p {
    font-size: 1.2rem;
}


.separador {
  background-image: url('../images/separador-triangulos.jpg');
  background-repeat: repeat-x;
  background-position: center;
  background-size: auto; /* o puedes ajustar: background-size: contain; */
  height: 38px; /* o el alto de tu imagen */
  width: 100%;
}


.separador-azul, .separador-amarillo, .separador-blanco, .separador-azul-left {
    background-repeat: no-repeat;
    background-size: auto;
    height: 34px;
    width: 43%;
    margin: 40px 0px;
}

.separador-azul{
  background-image: url('../images/title-separator-gold.svg');
}


.separador-azul-left{
  background-image: url('../images/title-separator-blue.svg');
}


.separador-amarillo{
  background-image: url('../images/separador-amarillo.jpg');
}

.separador-blanco{
  background-image: url('../images/title-separator-white.svg');
}

.separador-fondo-crema, .separador-claro{
 background-image: url('../images/title-separator-center-blue.svg');
  background-repeat: no-repeat;
  background-size: contain; /* o 'cover' si quieres que llene todo */
  background-position: center;
  width: 50%;
  padding: 70px 0px;
  text-align: center;
  margin: 0 auto;
}



.separador-fondo-amarillo{
   background-image: url('../images/title-separator-center-gold.svg');
  background-repeat: no-repeat;
  background-size: contain; /* o 'cover' si quieres que llene todo */
  background-position: center;
  width: 50%;
  padding: 70px 0px;
  text-align: center;
  margin: 0 auto;
}

section.separador-amarillo {
    margin: 0px 0px 50px;
}

a.btn {
    display: inline-block;
    border-radius: 100px;
    border: 2px solid var(--amarillo);
    text-transform: uppercase;
    color: var(--amarillo);
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    margin-top: 50px;
    transition: 0.5s ease;
}

a.btn:hover{
  border: 2px solid white;
}


a.btn.btn-white {
    background: white;
    color: var(--azul-oscuro);
    border: none;
    margin-right: 20px;
}

a.btn.btn-blue {
    background: var(--azul-oscuro);
    color: white;
    border: none;
}

a.btn.btn-blue:hover {
    background: #1e2043;
}

a.btn.btn-blue.btn-presupuesto{
  color: var(--amarillo);
}

a.btn.btn-white:hover {
    background: var(--back-claro);
    color: var(--azul-oscuro);
}

a.btn-animacion {
    padding-top: 30px;
    display: block;
    width: 140px;
}


.fila-dos-colores a.btn-animacion {
    margin: 0 auto;
}


ul.menu-footer {
    padding: 0;
    text-align: center;
}

ul.menu-footer li{
  display: inline-block;
  border-right: 1px solid var(--amarillo);
  padding: 0px 20px;
  color: #a4a095;
}

.one-column img{
  box-shadow: none;
}


img.logos-kit {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    display: block;
}

ul.menu-footer li:last-child{
  border-right: none;
}

.recomendado-footer {
    display: flex;
    justify-content: center;
    padding: 30px;
}

img.logos-bodas {
    width: 135px;
    padding: 10px;
}

/*Fiesta privada*/

.fiesta-privada h1 p:nth-child(1){
  font-size: 3rem !important;
  color: var(--amarillo);

}


.fiesta-privada h1 p:nth-child(2){

  color: white;
  text-transform: uppercase;
  font-size: 3rem !important;
  font-family: 'Bungee', sans-serif;

}

.full-width-row.back-yellow.fiesta-privada, .full-width-row.colorlight.fiesta-privada, .full-width-row.colorazul.fiesta-privada {
    padding: 150px 0px;
}


.fila-cumple h3{
  padding-bottom: 0px;
}

.fila-cumple h3 p{
    text-transform: uppercase;
    font-size: 2.9rem;
    padding-bottom: 0px;
    font-weight: normal;
}

.fila-cumple h3 p:nth-child(1) {
    color: white;
}


.fiesta-privada.fila-comunion  h3{
  padding-bottom: 0px;
}

.fiesta-privada.fila-comunion h3 p{
    text-transform: uppercase;
    font-size: 2.7rem;
    font-weight: normal;
    color: #ceae7b;
}

.fiesta-privada.fila-comunion h3 p:nth-child(2){
    color: var(--azul-oscuro);
}

.fiesta-privada.fila-despedidas h3{
  padding-bottom: 0px;
}

.fiesta-privada.fila-despedidas h3 p{
    text-transform: uppercase;
    font-size: 2.7rem;
    color: #f5e9d9;
    font-weight: normal;
}


.fiesta-privada.fila-despedidas h3 p:nth-child(2){

    color: #cbac7d;
}

.fiesta-privada.fila-despedidas p {
    color: white;
}

/*end Fiesta privada*/


/*Presupuesto*/


.full-width-row.back-yellow.fila1-presupuesto h1 p:nth-child(1) {
    font-size: 3.5rem !important;
    color: var(--azul-oscuro);
}

.full-width-row.back-yellow.fila1-presupuesto h1 p:nth-child(2) {
    font-size: 2.9rem !important;
    color: white;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Bungee', sans-serif;
}



/*end Presupuesto*/

/*Contacto*/

.full-width-row.back-yellow.fila1-contacto {
    padding-top: 100px;
}

.fila1-contacto h3 {
    font-size: 2.8rem;
    font-weight: normal;
}


.fila1-contacto h1 p:nth-child(1) {
    font-size: 3.5rem !important;
    font-weight: normal;
    color: var(--amarillo);
    text-transform: uppercase;
    font-family: 'Bungee', sans-serif;
}


.fila1-contacto h1 p:nth-child(2) {
    font-size: 3.5rem !important;
    font-weight: normal;
    color: white;
    text-transform: uppercase;
    font-family: 'Bungee', sans-serif;
}


.fila1-contacto h2 p {
    font-size: 3rem !important;
    font-weight: normal;
    color: var(--amarillo);
    text-transform: uppercase;
    font-family: 'Bungee', sans-serif;
    margin: 30px 0px;
}

h3.color-white {
    padding: 50px 0px;
}


.dos-columnas {
  display: flex;
  gap: 20px; /* espacio entre columnas */
  flex-wrap: wrap;
}

.dos-columnas .columna-formulario {
  flex: 1;
  min-width: 200px;
}


form.wpcf7-form.init input {
    width: 100% !important;
}



span.wpcf7-list-item-label {
    width: 100%;
}

span.wpcf7-list-item {
    width: 100%;
}

.aceptar-condiciones .wpcf7-list-item input[type="checkbox"] {
    width: 30px !important;
}

span.wpcf7-list-item-label {
    color: white;
}


form.wpcf7-form.init select.wpcf7-form-control.wpcf7-select {
    width: 100%;
}

form.wpcf7-form.init textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
}

form.wpcf7-form.init input, form.wpcf7-form.init select.wpcf7-form-control.wpcf7-select, form.wpcf7-form.init textarea.wpcf7-form-control.wpcf7-textarea, div#gform_fields_2 input, .gform_wrapper.gravity-theme .gfield textarea.medium, .ginput_container_date select {
    width: 100% !important;
    border-radius: 10px;
    border: none;
    background: #ebd7b6;
    padding: 20px 15px;
    color: black;
}


form.wpcf7-form.init label.form-label, .gform_wrapper.gravity-theme .gfield_label {
    width: 100%;
    color: white;
    font-size: 24px !important;
        font-weight: normal !important;
}

div#gform_fields_2 input {
    padding: 16px !important;
}

.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date input, .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date select {
    padding: 16px;
}



.aceptar-condiciones .wpcf7-list-item {
  display: flex;
  align-items: center;
}

.aceptar-condiciones .wpcf7-list-item input[type="checkbox"] {
  margin-right: 8px;
}


.gform_wrapper.gravity-theme .ginput_complex {
    display: flex;
    flex-flow: row wrap;
    gap: 40px !important;
}

div#input_2_6 label {
    color: white;
    font-size: 24px;
}


.gform_wrapper.gravity-theme .ginput_complex .ginput_container_date input, .gform_wrapper.gravity-theme .ginput_complex .ginput_container_date select {
    min-width: 252px !important;
    width: 100%;
}


input.wpcf7-form-control.wpcf7-submit.has-spinner, input#gform_submit_button_2 {
    background: transparent;
    border: 3px solid white;
    color: white;
    width: 100%;
    border-radius: 10px;
    padding: 20px 15px;
}


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

.bottom-contacto {
    border-top: 35px solid #000000;
    padding: 60px;
}

/*end Contacto*/



.btn-down{
  background-image: url('../images/arrow-down.png');
  background-repeat: no-repeat;
  background-size: contain; /* o 'cover' si quieres que llene todo */
  background-position: center;
  padding: 70px 0px;
  text-align: center;
  margin: 0 auto;
  border: none !important;
}



.full-width-row.animacion.text-center.back-claro h3 {
    font-size: 3rem;
}


.full-width-row.animacion.text-center.back-claro img {
    width: 26%;
}


.full-width-row.animacion.text-center.back-claro h3 p:nth-child(2){
  font-size: 3rem;
}

/* Ocultar burger en escritorio */
.menu_burger {
    display: none;
    cursor: pointer;
}


/*Valoraciones*/


.sow-text p {
    font-size: 20px;
}

.sow-testimonials {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  margin-top: 2rem;
}

.sow-testimonial-wrapper {
  flex: 0 1 48%;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  padding: 1.5rem;
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
  align-items: flex-start;
}

.sow-testimonial-user {
  flex: 0 0 140px;
  text-align: center;
}

.sow-round-image-frame {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background-size: cover;
  background-position: center;
  margin: 0 auto 0.75rem;
}

.sow-testimonial-name {
  display: block;
  font-weight: bold;
  font-size: 1.1rem;
  margin-bottom: 0.25rem;
}

.sow-testimonial-location {
  display: block;
  font-size: 0.95rem;
  color: #777;
}

.sow-testimonial-text {
  flex: 1;
  font-size: 1rem;
  line-height: 1.6;
}


.fila-valoraciones{
  padding: 100px 0px;
  position: relative;
}

.fila-valoraciones h3{
  font-size: 3rem;
}




.valoraciones-pagination {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.valoraciones-button-prev,
.valoraciones-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 30px;
    height: 30px;
    color: #101124;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.valoraciones-button-prev {
    left: 10px;
}
.valoraciones-button-next {
    right: 10px;
}



/*Fin valoraciones*/


/*Blog*/


.espacio-superior{
  margin-top: 200px;
}


body.blog.logged-in.wp-theme-lunamusic .banner_interna img, .single.single-post .banner_interna img, body.archive .banner_interna img, .valoracion-template-default .banner_interna img {
  height: 300px;
  width: 100%;      /* O el ancho que necesites */
  object-fit: cover; /* Recorta la imagen para llenar sin deformar */
  display: block;    /* Elimina espacios debajo de la imagen */
}


.blog-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

.blog-title {
  font-size: 2.5rem;
  margin-bottom: 2rem;
  text-align: center;
  font-weight: bold;
}

.blog-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

.blog-post {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  background: #fff;
}

.blog-post:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.post-link {
  text-decoration: none;
  color: inherit;
  display: block;
  height: 100%;
}

.post-thumbnail {
    height: 200px;
    overflow: hidden;
}


.post-thumbnail img {
  width: 100%;
  height: auto;
  display: block;
}

.post-content {
  padding: 1.5rem;
}

.post-title {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
    font-weight: 200;
}

.post-excerpt {
  font-size: 1rem;
  color: #555;
  margin-bottom: 1rem;
}

.post-date {
  font-size: 0.875rem;
  color: #999;
}




/*Entrada individual*/

.contenido-post{

  padding: 100px 0px;
}


.single-post-content h2 {
    color: var(--amarillo);
}


.single-post-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem;
}

.single-post-thumbnail img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  margin-bottom: 1.5rem;
}

.single-post-title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.single-post-meta {
  color: #888;
  font-size: 0.95rem;
  margin-bottom: 1.5rem;
}

.single-post-content {
  font-size: 1.125rem;
  line-height: 1.7;
  color: #333;
}

.single-post-categories,
.single-post-tags {
  margin-top: 2rem;
  font-size: 0.95rem;
  color: #555;
}

.single-post-tags {
  margin-top: 0.5rem;
}


iframe#instagram-embed-0 {
    text-align: center;
    margin: 0 auto !important;
    display: block;
}


figcaption.wp-element-caption {
    font-size: 16px;
}



/*Fin de blog*/

.text-lunamusic img{
  width: 100%;
  height: auto;
}




@media screen and (max-width: 1424px) {

  .container-col-row3.columnas-iguales{
  
    display: flex;
    flex-direction: column;
  }

    .fila-tres-colores h3, .fila-tres-colores.fila-dos-colores h3 p, .fila-tres-colores.fila-dos-colores h3 strong {
        font-size: 1.2rem;
    }

}



@media screen and (max-width:1300px) {
.full-width-row.back-light .columna1 img {
    width: 100%;
}

}


@media screen and (max-width:1175px) {
.fila-dos-colores {
    grid-template-columns: 1fr;
}

}


@media screen and (max-width: 992px) {


  

/*menu movil*/

    a.logo img {
        width: 200px;
        display: block;
    }

    .container-header {
        position: relative;
        padding: 10px;
        z-index: 10;
    }

    .fila1head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
        width: 100%;
    }

    .fila1head a {
    width: 80%;
}


.menu_burger {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  pointer-events: auto;

      z-index: 1000; /* para que esté encima */
    user-select: none; 
}

    .menu_burger img {
        width: 40px;
        height: 40px;
        transition: opacity 0.3s ease;
          z-index: 9999;
            position: relative;
            cursor: pointer;
    }

    .menu_burger .icon-close {
        display: none;
    }

    .menu_burger.active .icon-open {
        display: none;
    }

    .menu_burger.active .icon-close {
        display: block;
    }

    .menu-principal {
        width: 100%;
        background-color: #101125;
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.5s ease, padding 0.5s ease;
        position: absolute;
        top: 70px;
        margin: 0;
        left: 0;
    }

    .menu-principal.active {
        max-height: 500px; /* ajusta según altura estimada */
        padding: 1rem 0;
    }

    .menu-principal-nav {
        width: 100%;
        padding: 0 1rem;
    }

    .menu-principal-list {
        flex-direction: column;
        gap: 1rem;
    }


    ul#menu-menu-principal li {
    display: block;
    text-align: center;
    padding: 10px;
}


body .container-header
{
  background-color: #656266;
}




/*fin menu movil*/


.fila-valoraciones h3 {
    font-size: 1.5rem;
}




  .fila-tres-colores {
    grid-template-columns: 1fr;
  }

    .container-columnas {
        grid-template-columns: 1fr;
        text-align: center;
    }


    .back-yellow {
    padding: 100px 0px;
  }

  section.separador-blanco {
    text-align: center;
    margin: 0 auto;
}

}


/* Mostrar siempre menú en escritorio */
@media (min-width: 992px) {
    .menu-principal {
        display: block !important;
    }
}




@media screen and (max-width: 768px) {
  .banner_home {
    height: auto;
  }

  .banner_home .n2-section-smartslider,
  .banner_home .n2-section-smartslider .n2-ss-slider,
  .banner_home .n2-ss-section-main-content {
    height: auto !important;
    max-height: none !important;
  }

  .banner_home {
    display: flex;
    flex-direction: column; /* convierte el contenedor en columna */
    align-items: center;
  }

  .content-slider {
    position: static; /* quita el absolute */
    transform: none;
    margin-top: 20px; /* separa el texto del slider */
    width: 100%;
    text-align: center;
    order: 2; /* baja el texto */
  }


  .banner_interna.banner_home {
    background: var(--azul-oscuro);
}

  /* Smart Slider 3 */
  .banner_home .n2-section-smartslider {
    order: 1; /* sube el slider */
    width: 100%;
  }

    .sow-testimonial-wrapper {
    flex: 1 1 100%;
    flex-direction: column;
    text-align: center;
  }

  .sow-testimonial-user,
  .sow-testimonial-text {
    flex: unset;
    width: 100%;
  }



.fila-borde p {
  
    font-size: 1rem;
}


.fila-dos-colores .columna h3 p, .fila-dos-colores .columna h2 p, .fila-dos-colores .columna h4 p {
    font-size: 1.5rem;
}

 .home .fila-borde h3 p:nth-child(1), .home .fila-borde h3 p:nth-child(2), .fondo-destacado-elegir h2 p, .home .full-width-row.back-blue.text-center.fila-borde.fila-filosofia h3 p:nth-child(2) {
    font-size: 3rem !important;
}



.container-col-row3 h3, .fila1-bodas h2 p,  h3.title_big, .container-columnas h3, .full-width-row.back-blue.fila-bottom.destacado_bodas, .complementos h3 p, .animacion h3 p:nth-child(1), .animacion h3 p:nth-child(2) {
  font-size: 1.8rem !important;
}





 .fondo-destacado-1 p, h2.quien-es p, h2.quien-es p:nth-child(2), .back-yellow.one-column h2 p, .back-yellow.one-column h2 p:nth-child(2), .fila-borde.dest-boda h3 p, .fila-borde.dest-boda h3 p:nth-child(2),  .back-fiesta span, h1 p, .fondo-destacado-despedidas p, .fiesta-privada.fila-despedidas h3 p, .fiesta-privada.fila-comunion h3 p, .fila-cumple h3 p, .fiesta-privada h1 p:nth-child(2), .fiesta-privada h1 p:nth-child(1), .fondo-destacado-presupuesto p, .full-width-row.back-yellow.fila1-presupuesto h1 p:nth-child(2), .full-width-row.back-yellow.fila1-presupuesto h1 p:nth-child(1), .fila1-contacto h3, .fila1-contacto h1 p:nth-child(1), .fila1-contacto h1 p:nth-child(2), .fila1-contacto h2 p, .destac-boda h3 p, .fondo-destacado-bodas h3 p, .dest-boda h3 p, h1.titulo-boda p {
  

    font-size: 2rem !important;
}




.back-yellow, .full-width-row.back-yellow.fiesta-privada, .full-width-row.colorlight.fiesta-privada, .full-width-row.colorazul.fiesta-privada {
   
    padding: 80px 20px;
}


img.sombra-negra {
    margin: 50px !important;
    width: 73% !important;
    padding: 0px !important;
}


    .fila-dos-colores {
        display: block;
    }

    .separador-fondo-crema, .separador-claro, .full-width-row.back-blue.text-center.fila-borde img, .separador-fondo-amarillo, .boda-claro .separador-fondo-crema, .separador-azul, .separador-amarillo, .separador-blanco, .separador-azul-left {
    width: 100%;
}



.container-col-row3 .columna1, .container-col-row3 .columna2 {
    display: flex;
    flex-direction: column;
    
}


.fila-dos-colores .columna h3 strong, .fila-dos-colores .columna h2 strong, .fila-dos-colores .columna h4 strong {
    color: white;
    font-size: 2rem;
}

a.btn-animacion {
    margin: 0 auto;
}

.fila-dos-colores img {
    width: 100%;
}


  .fila-tres-colores {
    grid-template-columns: 1fr;
  }



  .back-blue {
    padding: 100px 20px;
}


  .fila-borde {
    clip-path: polygon(0 0, 100% 0, 100% 91%, 49% 95%, 0 91%);
}



.home .fila-filosofia h3 p:nth-child(1) {
    font-size: 2.5rem !important;
}

.columna1 img {
    width: 100%;
    padding: 40px;
}



  .back-light {
    padding: 70px 0px;
}


    .container-columnas {
        display: block;
        width: 100%;
        text-align: center;
        padding: 20px;
    }


.fila-tres-colores h3 {
    font-size: 1.7rem;
}

.fila-tres-colores {
    display: flex;
    flex-direction: column;
}

  .fila-bottom {
    font-size: 1.5rem;
    padding: 50px;
}

  ul.menu-footer {
    display: flex;
    flex-direction: column;
  }

  ul.menu-footer li {
      border-right: 0;
  }

  img.logos-kit {
    width: 100%;
}




  .full-width-row.back-blue.text-center.fila-borde.fila-filosofia img {
    width: auto;
}

.full-width-row.back-light.animacion.text-center.boda-claro {
    padding: 100px 20px;
}


.full-width-row.back-blue.fila-bottom.bottom-contacto img {
    width: 100%;
}


    img.logo_banner {
        width: 150px;
        z-index: 1;
    }





}