.section-contacto {
    background-color: #000000;
    color: #ffffff;
    padding-top: 3rem;
    font-size: 1rem;
        display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-end;
}

/* ===== FRANJA SUPERIOR TEXTO ===== */
.contacto-topbar{
  width:100%;
  background:#000000;
  color:white;
  text-align:center;
  padding:80px 20px;
  font-size:1.125rem;
  line-height:1.4;
  letter-spacing:0.013rem;
}


/* ===== CONTACTO 50 / 50 ===== */


@media (max-width: 690px) {
  .section-contacto {
    height: auto;
  }

  .contacto-left {
    height: 110px;
  }

  .contacto-datos,
  .contacto-datos a,
  .contacto-datos p,
  .contacto-datos span,
  .contacto-direccion,
  .contacto-direccion a,
  .contacto-direccion p,
  .contacto-direccion span {
    font-size: 0.8rem;
  }
}













/* Honeypot */




/* RESPONSIVE */
@media(max-width:900px){

.contacto-row{
  flex-direction:column;
}

.contacto-left{width:100%;}

.contacto-right{
  width:100%!important;
  justify-content:center;
}

}


/* ===== CONTACTO 50 / 50 ===== */
.section-contacto{
  height:500px;
  position: relative; /* IMPORTANTE */
}

/* Capa oscura suave para legibilidad */
.section-contacto::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none; /* CLAVE para que no bloquee clics */
}

/* CONTENEDOR */
.contacto-row{
  width:100%;
  margin:auto;
  display:flex;
  min-height:500px;
}

/* 50% / 50% */
.contacto-left,
.contacto-right{
  width:50%;
}

/* IZQUIERDA VACÍA */
.contacto-left{
  background-image:url(../../src/grafismo.png);
  background-size:cover;
  background-position:center left;
  background-repeat:no-repeat;
  position:relative;
}

/* DERECHA FORM */
.contacto-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  background:black;
}
.grecaptcha-badge {
  visibility: hidden;
}

/* TARJETA */
.contacto-card{
  width:100%;
  height:100%;
  display:flex;
  flex-flow:row;
  justify-content:center;
  align-items:center;
  background:white;
  border-radius:100px 0 0 0;
  padding:3%;
}

@media (max-width: 690px){
  .contacto-card{
    padding: 13% 0;
  }
}

/* FORM */
.contacto-form{
  display:flex;
  flex-direction:column;
  width:60%;
}

/* INPUTS */
input,
textarea{
  padding:12px;
  border-radius:12px;
  border:1px solid #ccc;
  font:inherit;
}

textarea{
  resize:vertical;
}

/* BOTÓN */
button{
  padding:14px;
  border:none;
  border-radius:999px;
  background:#061a4b;
  color:white;
  font-weight:bold;
  cursor:pointer;
}

/* ERRORES / ESTADO */
.error{
  font-size:0.75rem;
  color:red;
  min-height:14px;
}

.estado{
  font-size:0.875rem;
}

/* HONEYPOT */
.hp-field{
  position:absolute;
  left:-9999px;
}
#contacto .hp-field{display:none;}

/* ENLACE RGPD CLICKABLE */
.contacto-form a{
  color:#061a4b;
  text-decoration:underline;
  position:relative;
  z-index:5;
}

.contacto-form .rgpd-line label,
.contacto-form .rgpd-line a{
  display:inline;
}
.contacto-bottom-section{height:50%;}
  @media (max-width: 690px) {
  .contacto-left {
    width: 100%;
    height: 100%;
    background-size:cover;
    background-position: bottom;
}
  }
  /* ===== FRANJA LEGAL SUBVENCIÓN ===== */
.franja-legal{
  width:100%;
  background:#fff;
  color:#000000;
  padding: 0 0 36px 0;
}

.franja-legal .franja-container{
  margin:0 auto;
}

.franja-legal .franja-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:14px 35px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.12);
  background: black;
  color: white;
}

.franja-legal .copyright{
  margin:0;
  font-size:0.813rem;
  letter-spacing:.02em;
  opacity:.9;
}

.franja-legal .legal-links{
  display:flex;
  gap:16px;
  flex-wrap:wrap;
}

.franja-legal .legal-links a{
  color:white;
  text-decoration:none;
  font-size:0.813rem;
  opacity:.9;
  border-bottom:1px solid rgba(255,255,255,.35);
  padding-bottom:2px;
}

.franja-legal .legal-links a:hover{
  opacity:.7;
}

.franja-legal .franja-subvencion{
  display:flex;
  gap:22px;
  align-items:flex-start;
  max-width: 72%;
    margin: 0 auto;
}

.franja-legal .subvencion-logo{
  flex:0 0 auto;
}

.franja-legal .subvencion-logo img{
  max-width: 500px;
    background: white;
    padding: 9px;
  width:100%;
  height:auto;
  display:block;
}

.franja-legal .subvencion-texto{
  margin:0;
  font-size:0.781rem;
  line-height:1.65;
  color: #000000;
}

/* Responsive */
@media (max-width: 768px){
  .franja-legal .franja-top{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .franja-legal .franja-subvencion{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .franja-legal .legal-links{
    justify-content:center;
  }

  .franja-legal .subvencion-texto{
    text-align:center;
  }

  .franja-legal .subvencion-logo img{
    max-width:140px;
  }
}

@media (max-width: 690px){
  .contacto-logo{
    margin-bottom: 5%;
  }
  .contacto-topbar {
 
    font-size: 0.9rem;

}
  .contacto-row{

  min-height:503px;
}
}