/*
Theme Name: CENERI Bloques
Theme URI: https://ceneri.es/
Author: CENERI
Description: Tema de bloques accesible y editable para el Centro de Neurorrehabilitacion Integral CENERI.
Version: 0.1.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: ceneri
*/

html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 3px solid #0075B8;
  outline-offset: 3px;
}
.wp-site-blocks { overflow-x: clip; }
footer a { color: #FFFFFF; }
.wp-block-navigation-item.is-style-fill > a {
  border-radius: 8px;
  background: #087A42;
  color: #FFFFFF;
  padding: .65rem .9rem;
  text-decoration: none;
}
.ceneri-card {
  height: 100%;
  transition: transform .2s ease, box-shadow .2s ease;
}
.ceneri-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 40px rgba(18,59,82,.10);
}
.ceneri-eyebrow {
  letter-spacing: .09em;
  text-transform: uppercase;
  font-weight: 700;
}
.ceneri-form {
  display: grid;
  gap: 1.25rem;
}
.ceneri-form__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}
.ceneri-form label {
  display: block;
  font-weight: 700;
  margin-bottom: .4rem;
}
.ceneri-form input,
.ceneri-form textarea {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #81909A;
  border-radius: 8px;
  background: #fff;
  color: #263238;
  font: inherit;
  padding: .85rem 1rem;
}
.ceneri-form textarea { min-height: 8rem; resize: vertical; }
.ceneri-form__consent { display: flex; gap: .65rem; align-items: flex-start; }
.ceneri-form__consent input { width: auto; margin-top: .35rem; }
.ceneri-form__submit {
  width: fit-content;
  border: 0;
  border-radius: 8px;
  background: #087A42;
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  padding: .9rem 1.35rem;
}
.ceneri-form__submit:hover { background: #075F35; }
.ceneri-notice {
  border-left: 4px solid #087A42;
  background: #F1F8EC;
  padding: 1rem 1.25rem;
}
.ceneri-honeypot { position: absolute !important; left: -9999px !important; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}
@media (max-width: 700px) {
  .ceneri-form__row { grid-template-columns: 1fr; }
}