.elementor-1626 .elementor-element.elementor-element-ae78754{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:160px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1626 .elementor-element.elementor-element-ae78754:not(.elementor-motion-effects-element-type-background), .elementor-1626 .elementor-element.elementor-element-ae78754 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nauticoportsaplaya.com/wp-content/uploads/2025/04/N-9-1-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1626 .elementor-element.elementor-element-ff71c93{text-align:center;font-size:21px;color:#FFFFFF;}.elementor-1626 .elementor-element.elementor-element-c00d545{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor0 );--divider-border-width:80px;z-index:1;}.elementor-1626 .elementor-element.elementor-element-c00d545 > .elementor-widget-container{margin:80px 0px -40px 0px;}.elementor-1626 .elementor-element.elementor-element-c00d545 .elementor-divider-separator{width:1px;margin:0 auto;margin-center:0;}.elementor-1626 .elementor-element.elementor-element-c00d545 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-1626 .elementor-element.elementor-element-56ae939{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1626 .elementor-element.elementor-element-56ae939:not(.elementor-motion-effects-element-type-background), .elementor-1626 .elementor-element.elementor-element-56ae939 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1626 .elementor-element.elementor-element-1d5cbc9{--spacer-size:50px;}.elementor-1626 .elementor-element.elementor-element-dce460e{text-align:center;}.elementor-1626 .elementor-element.elementor-element-dce460e .elementor-heading-title{color:#146CAB;}.elementor-1626 .elementor-element.elementor-element-c5c400d{text-align:center;}.elementor-1626 .elementor-element.elementor-element-c5c400d .elementor-heading-title{color:#146CAB;}.elementor-1626 .elementor-element.elementor-element-4a86e9b{--spacer-size:50px;}body.elementor-page-1626:not(.elementor-motion-effects-element-type-background), body.elementor-page-1626 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-1626 .elementor-element.elementor-element-c00d545 > .elementor-widget-container{margin:30px 0px -40px 0px;}}@media(min-width:768px){.elementor-1626 .elementor-element.elementor-element-ae78754{--content-width:450px;}}/* Start custom CSS *//* 1. Todo el formulario centrado en fondo suave sigue igual */
.rtb-booking-form {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  background-color: #f8f9fa;
  padding: 20px;
  border-radius: 8px;
  max-width: 700px;
}

/* Centrar los campos del formulario */
.rtb-booking-form .rtb-text,
.rtb-booking-form fieldset {
  width: 100%;
  max-width: 400px;
  text-align: center; /* texto centrado dentro de cada bloque */
  margin: 1.5em auto;
  margin-bottom: 1em;
}

/* 2. “Reservar Mesa” y “Datos de contacto” como H1 negras */
.rtb-booking-form legend {
  color: #146CAB;
  font-size: 2em;
  font-family: inherit;
  font-weight: bold;
  margin: 1em 0 0.5em;
  text-align: center;
}

/* 3. Etiquetas (label) H1 también negras */
.rtb-booking-form label {
  display: block;
  color: #000000;
  font-size: 1.5em;
  font-family: inherit;
  margin-bottom: 0.5em;
  text-align: center;
}

/* 4. Campos e inputs en azul corporativo */
.rtb-booking-form input,
.rtb-booking-form select,
.rtb-booking-form textarea {
  width: 100%;
  color: #000000;
  border: 1px solid #ced4da;
  padding: 8px;
  border-radius: 4px;
  font-size: 1em;
  font-family: inherit;
}

/* 5. Botón azul con efecto hover más claro */
.rtb-booking-form button {
  background-color: #146CAB;
  color: #ffffff;
  padding: 12px 24px;
  font-size: 1em;
  font-family: inherit;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin: 1em auto 0;   /* <-- aquí centramos: top automático, lateral auto */
  transition: background-color 0.3s ease;
  display: block;        /* <-- necesario para que el margin:auto funcione */
}
.rtb-booking-form button:hover {
  background-color: #357ec7; /* azul más claro */
}

/* 6. Ajustes responsivos (opcional) */
@media (max-width: 600px) {
  .rtb-booking-form {
    padding: 15px;
  }
  .rtb-booking-form button {
    width: 100%;
  }
  
  
.politica-privacidad-checkbox {
  margin: 1.5em auto;
  font-size: 0.9em;
  color: #000;
  text-align: center;
  max-width: 400px;
}

.politica-privacidad-checkbox label {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  font-size: 1em;
}

.politica-privacidad-checkbox input[type="checkbox"] {
  transform: scale(1.2);
}

.politica-privacidad-checkbox a {
  color: #146CAB;
  text-decoration: underline;
}


}/* End custom CSS */