/*
 Theme Name: Twenty Twenty-Four Child
 Template: twentytwentyfour
 Text Domain: twentytwentyfour-child
*/
/* NOTICIAS */
/* 1. Bordes redondeados en las imágenes */
.noticias li .wp-block-latest-posts__featured-image img {
  border-radius: 12px;
}

/* 2. Fecha en gris */
.noticias li .wp-block-latest-posts__post-date {
  color: #777;
}

/* 3. Más separación entre columnas y filas (sin romper las 3 columnas) */
.noticias.is-grid.columns-3 {
  column-gap: 40px; /* separación horizontal */
  row-gap: 55px;    /* separación vertical */
}

.wp-block-image img {
    border-radius: var(--wp--preset--spacing--20);
}

/* COLABORADOR */
.iban { 
  background-color: #cc0d0a;
  color: #fff;
  display: inline;
  padding: 15px 45px;
  border-radius: 30px;
  white-space: nowrap;
}
.copiado {
  background-color: #19568b;
  transition: background-color .3s;
}

/* Contenedor tooltip */
.tooltip-copiado {
  position: absolute;
  background: #111;
  color: #fff;
  padding: 6px 10px;
  font-size: 0.85rem;
  border-radius: 4px;
  white-space: nowrap;
  transform: translate(-50%, -10px);
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
  animation: aparecer 0.2s forwards;
}

/* Animación de aparición */
@keyframes aparecer {
  from { opacity: 0; transform: translate(-50%, -6px); }
  to   { opacity: 1; transform: translate(-50%, -14px); }
}

/* Animación de desaparición */
@keyframes desaparecer {
  from { opacity: 1; }
  to   { opacity: 0; }
}



/* ESTILOS DEL FORMULARIO EN DESUSO */
/* GRID *//*
.wpcf7 .form-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:0 40px;
  margin-bottom:2rem;
  grid-auto-flow:dense;
}

/* Etiquetas *//*
.wpcf7 .form-grid > label{
  display:flex;
  flex-direction:column;
  font-weight:600;
  color:var(--wp--preset--color--contrast,#111);
  font-size:.95rem;
  line-height:1.4;
}

/* Campos de ancho completo *//*
.wpcf7-form .form-grid > label.full-width {
  grid-column: 1 / -1 !important;
} 

/* Asterisco rojo *//*
.wpcf7 .req{
  color:#d00;
  font-weight:700;
  margin-left:4px;
}

/* Inputs *//*
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"]{
  width:100%;
  padding:.9em 1.1em;
  border:1px solid #ccc;
  border-radius:8px;
  background:#fafafa;
  font-size:1rem;
  transition:border-color .2s, background-color .2s, box-shadow .2s;
}

.wpcf7-form input:focus{
  border-color:var(--wp--preset--color--contrast,#111);
  background:#fff;
  box-shadow:0 0 0 2px rgba(0,0,0,.05);
  outline:none;
}

/* Nota final *//*
.wpcf7 .form-note{
  grid-column:1 / -1;
  margin-top:.5rem;
  color:#555;
  font-size:.9rem;
}

/* Responsive *//*
@media (max-width:768px){
  .wpcf7 .form-grid{
    grid-template-columns:1fr;
    gap:24px;
  }
}

/* === Botón de envío Contact Form 7 === *//*
.wpcf7-form input[type="submit"] {
  background-color: var(--wp--preset--color--contrast, #111);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 1em 2.2em;
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
  display: block;
  margin-top: 1.5em;
  margin-left: auto;  /* empuja hacia la derecha *//*
}

.wpcf7-form input[type="submit"]:hover {
  background-color: var(--wp--preset--color--primary, #333);
  transform: scale(1.02);
}

.wpcf7-form input[type="submit"]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0,0,0,0.1);
}