/* Preparar la tarjeta para animación */
.wp-block-cover.card-hover {
  display: inline-block;
  transition: transform 0.35s ease, text-shadow 0.35s ease, letter-spacing 0.35s ease;
}

/* Hover sobre toda la tarjeta (Cover) */
.wp-block-cover.card-hover:hover {
  transform: scale(1.1);
  box-shadow: 0 20px 40px rgba(0,0,0,0.25);
}

.wp-block-column {
	overflow: visible;
}

.wp-block-cover.card-hover{
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp-block-cover.card-hover .wp-block-cover__inner-container{
  width: 100%;
  text-align: center;
}

.wp-block-cover.card-hover .wp-block-cover__inner-container p{
  margin: 0;
}

@media (max-width: 768px) {
	.solo-desktop {
		display: none !important;
	}
}

/* Ocultar por defecto (desktop y tablet) */
.solo-movil {
	display: none;
}

/* Mostrar solo en móvil */
@media (max-width: 768px) {
	.solo-movil {
		display: block;
	}
}

.btn-redondo {
	border-radius: 20px;
}

.form-hinveris select {
	height: 52px;
	padding: 12px 16px;
	line-height: normal;
	box-sizing: border-box;
}

html, body {
	background-color: #20334C !important;
}

/* ============================
   TEXTAREA MENSAJE RESPONSIVO
   ============================ */

/* Desktop (por defecto) */
body textarea {
  height: 120px;
  min-height: 120px;
  max-height: 220px;
  padding: 14px 16px;
  line-height: 1.45;
  resize: vertical;
  box-sizing: border-box;
	resize: none !important;
}

/* Tablet */
@media (max-width: 1024px) {
  body textarea {
    height: 110px;
    min-height: 110px;
    padding: 14px 16px;
  }
}

/* Móvil */
@media (max-width: 768px) {
  body textarea {
    height: 100px;
    min-height: 100px;
    padding: 12px 14px;
    line-height: 1.4;
  }
}

/* Móvil pequeño */
@media (max-width: 480px) {
  body textarea {
    height: 90px;
    min-height: 90px;
    padding: 12px 14px;
  }
}


/* =========================
   TIPOGRAFÍA LUXURY (FLUIDA)
   ========================= */

/* Base: lectura cómoda + aspecto editorial */
:root{
  --text: #F8F6F2;          /* blanco roto premium */
  --text-soft: rgba(248,246,242,.82);
}

/* Cuerpo */
body{
  font-size: clamp(16px, 0.35vw + 15px, 18px);
  line-height: 1.62;
  letter-spacing: 0.01em;
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Párrafos: aire elegante */
p{
  margin: 0 0 0.75em;
  color: var(--text-soft);
}

/* Titulares: “revista”, sin gritar */
h1, h2, h3, h4{
  letter-spacing: -0.015em;
  color: var(--text);
  margin: 0 0 0.55em;
  font-weight: 600;
}

/* Jerarquía fluida */
h1{
  font-size: clamp(38px, 3.6vw + 12px, 64px);
  line-height: 1.06;
}
h2{
  font-size: clamp(26px, 2.2vw + 10px, 42px);
  line-height: 1.14;
}
h3{
  font-size: clamp(20px, 1.4vw + 10px, 30px);
  line-height: 1.22;
}
h4{
  font-size: clamp(18px, 0.9vw + 10px, 22px);
  line-height: 1.28;
}

/* Textos pequeños (legal, ayudas, microcopy) */
small, .has-small-font-size{
  font-size: clamp(12px, 0.25vw + 11px, 14px);
  line-height: 1.5;
  color: rgba(248,246,242,.75);
}

/* Enlaces: finos y elegantes */
a{
  color: var(--text);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}
a:hover{
  color: rgba(248,246,242,.9);
}

/* (Opcional) Ajuste de listas */
ul, ol{
  margin: 0 0 0.9em 1.1em;
}
li{ margin: 0.25em 0; }

/* (Opcional) Botones de bloques Gutenberg para look premium */
.wp-block-button__link{
  font-size: clamp(14px, 0.35vw + 13px, 16px);
  letter-spacing: 0.02em;
}