/* Estilo editorial de las páginas de inicio (Tienda, Mercería y Academy). Los colores salen de las variables de cada casa (html[data-casa]). */
/* =================== INICIO EDITORIAL =================== */
.inicio-editorial { --crema: var(--tinte); --linea: rgba(69,69,74,0.10); background: var(--blanco); }
.inicio-editorial h2 { font-size: clamp(1.7rem, 3.4vw, 2.6rem); letter-spacing: -0.01em; }
.inicio-editorial p { max-width: 62ch; }
.ed-eyebrow { font-size: 0.78rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--rosa-texto); margin: 0 0 12px; }
.ed-seccion { padding: clamp(64px, 9vw, 112px) 0; }
.ed-crema { background: var(--crema); }
.ed-cabecera { text-align: center; margin: 0 auto clamp(32px, 5vw, 56px); }
.ed-cabecera p { margin: 0 auto; color: var(--tinta-suave); font-size: 1.08rem; }
.inicio-editorial .ed-eyebrow { color: var(--rosa-texto); font-size: 0.78rem; margin-bottom: 12px; }
.ed-centro { text-align: center; margin-top: 40px; }
.ed-centro-texto { text-align: center; }
.ed-centro-texto p { margin-left: auto; margin-right: auto; color: var(--tinta-suave); }
.ed-botones { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 28px; }
.ed-botones-centrados { justify-content: center; }
.ed-botones-centro { display: flex; flex-direction: column; align-items: center; gap: 16px; }
.ed-enlace { font-weight: 700; color: var(--tinta); text-decoration: none; border-bottom: 2px solid var(--rosa-medio); padding: 6px 0 2px; }
.ed-enlace:hover { color: var(--rosa-texto); }
.inicio-editorial .boton-secundario { background: transparent; }
button.boton-secundario { font: inherit; font-weight: 600; cursor: pointer; }
.ed-nota { color: var(--tinta-suave); margin: 0; }
/* 1. Hero */
.ed-hero { padding: clamp(40px, 7vw, 96px) 0 clamp(48px, 7vw, 88px); background: var(--crema); }
.ed-hero-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
.ed-hero h1 { font-size: clamp(2.4rem, 5.6vw, 4.2rem); line-height: 1.05; letter-spacing: -0.02em; margin-bottom: 20px; }
.ed-hero h1 span { display: block; color: var(--rosa-texto); font-size: 0.62em; margin-top: 12px; line-height: 1.15; }
.ed-intro { font-size: 1.18rem; color: var(--tinta-suave); margin: 0; }
.ed-hero-foto { margin: 0; }
.ed-hero-foto img { width: 100%; height: auto; display: block; border-radius: 22px; box-shadow: 0 24px 60px rgba(58,42,46,0.12); }
.ed-hero-foto figcaption { font-size: 0.85rem; color: var(--tinta-suave); margin-top: 12px; text-align: right; }
@media (max-width: 860px) { .ed-hero-grid { grid-template-columns: 1fr; } .ed-hero-foto figcaption { text-align: left; } }
/* 2. Confianza */
.inicio-editorial .ed-confianza { padding: 0; }
.ed-confianza { border-top: 1px solid var(--linea); border-bottom: 1px solid var(--linea); background: var(--blanco); }
.ed-confianza ul { list-style: none; margin: 0 auto; padding-top: 18px; padding-bottom: 18px; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 0; }
.ed-confianza li { font-size: 0.9rem; font-weight: 600; letter-spacing: 0.04em; color: var(--tinta); padding: 0 18px; }
.ed-confianza li + li { border-left: 1px solid var(--rosa-medio); }
@media (max-width: 560px) { .ed-confianza ul { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 0; text-align: center; } .ed-confianza li { font-size: 0.82rem; padding: 0 6px; } .ed-confianza li:nth-child(3) { border-left: none; } }
/* 3. Qué podemos tejer */
.ed-tejer { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 2vw, 24px); }
.ed-tejer-item { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 18px; overflow: hidden; background: var(--rosa-suave); text-decoration: none; }
.ed-tejer-item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.6s ease; }
.ed-tejer-item:hover img { transform: scale(1.04); }
.ed-tejer-item span { position: absolute; left: 0; right: 0; bottom: 0; padding: 48px 18px 18px; color: #fff; font-family: var(--fuente-titulo); font-weight: 600; font-size: clamp(1rem, 1.8vw, 1.35rem); background: linear-gradient(to top, rgba(40,28,32,0.62), rgba(40,28,32,0)); }
.ed-tejer-item.sin-foto { background: linear-gradient(160deg, var(--rosa-suave), #F6E9F7); }
.ed-tejer-item.sin-foto span { color: var(--rosa-texto); background: none; }
@media (max-width: 700px) { .ed-tejer { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ed-tejer-item span { padding: 36px 12px 12px; } }
/* 4. Casos foto → amigurumi */
.ed-casos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 3vw, 36px); }
.ed-casos figure { margin: 0; }
.ed-casos img { width: 100%; height: auto; display: block; border-radius: 18px; background: var(--blanco); box-shadow: 0 16px 40px rgba(58,42,46,0.08); }
.ed-casos figcaption, .ed-historia figcaption { margin-top: 14px; color: var(--tinta-suave); font-size: 0.95rem; text-align: center; }
@media (max-width: 700px) { .ed-casos { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 14px; margin: 0 -24px; padding: 0 24px 8px; scroll-padding-left: 24px; } .ed-casos figure { flex: 0 0 82%; scroll-snap-align: start; } }
/* 5. Manifiesto */
.ed-manifiesto { padding: clamp(72px, 11vw, 140px) 0; background: var(--blanco); }
.ed-manifiesto-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 6vw, 88px); align-items: center; }
.ed-manifiesto img { width: 100%; max-width: 100%; height: auto; border-radius: 22px; display: block; }
.ed-manifiesto blockquote { margin: 0; }
.ed-manifiesto-titulo { font-family: var(--fuente-titulo); font-weight: 600; font-size: clamp(2rem, 4.4vw, 3.4rem); line-height: 1.1; color: var(--tinta); margin: 0 0 18px; }
.ed-manifiesto blockquote p:last-child { font-size: 1.2rem; color: var(--rosa-texto); margin: 0; }
@media (max-width: 860px) { .ed-manifiesto-grid { grid-template-columns: minmax(0, 1fr); } .ed-manifiesto blockquote { text-align: center; } .ed-manifiesto blockquote p { margin-left: auto; margin-right: auto; } }
/* 6. Proceso editorial */
.ed-proceso { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--linea); }
.ed-proceso li { padding: 28px 20px 8px 0; }
.ed-proceso li + li { padding-left: 20px; border-left: 1px solid var(--linea); }
.ed-num { display: block; font-family: var(--fuente-titulo); font-size: 2.2rem; color: var(--rosa-medio); line-height: 1; margin-bottom: 14px; }
.ed-proceso strong { display: block; font-family: var(--fuente-titulo); font-weight: 600; font-size: 1.08rem; margin-bottom: 6px; }
.ed-proceso p { margin: 0; color: var(--tinta-suave); font-size: 0.92rem; }
@media (max-width: 860px) { .ed-proceso { grid-template-columns: 1fr; border-top: none; } .ed-proceso li, .ed-proceso li + li { display: grid; grid-template-columns: 56px 1fr; column-gap: 12px; padding: 18px 0; border-left: none; border-top: 1px solid var(--linea); } .ed-num { grid-row: span 2; font-size: 1.8rem; margin: 0; } }
/* 7. Historias */
.ed-historias { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 3vw, 32px); }
.ed-historia { margin: 0; }
.ed-historia img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; border-radius: 18px; background: var(--blanco); }
.ed-historia.ed-extra { display: none; }
.ed-historias.abiertas .ed-extra { display: block; }
@media (max-width: 700px) { .ed-historias { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .ed-historia figcaption { font-size: 0.82rem; } .ed-historia:first-child { grid-column: 1 / -1; } .ed-historia:first-child img { aspect-ratio: 4 / 3; } }
/* 8. Tienda */
.ed-tienda { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 2vw, 24px); }
.ed-tienda a { display: block; text-decoration: none; color: var(--tinta); }
.ed-tienda img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; display: block; border-radius: 18px; transition: transform 0.6s ease; }
.ed-tienda a:hover img { transform: translateY(-4px); }
.ed-tienda span { display: block; margin-top: 12px; font-family: var(--fuente-titulo); font-weight: 600; font-size: 1.05rem; text-align: center; }
@media (max-width: 860px) { .ed-tienda { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* 9 y 10. Academy y Rosina */
.ed-dos { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(32px, 6vw, 80px); align-items: center; }
.ed-dos-invertido { grid-template-columns: 1fr 1.1fr; }
.ed-dos p { color: var(--tinta-suave); font-size: 1.08rem; }
.ed-foto-redonda { width: 100%; height: auto; border-radius: 22px; display: block; }
.ed-trio { display: flex; gap: 0; margin: 18px 0 28px; }
.ed-trio span { font-family: var(--fuente-titulo); font-weight: 600; color: var(--tinta); font-size: 1.15rem; padding: 0 16px; }
.ed-trio span:first-child { padding-left: 0; }
.ed-trio span + span { border-left: 1px solid var(--rosa-medio); }
/* Otras casas de Lana Rosa (Mercería y Academy) */
.ed-otras-casas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.ed-casa { display: flex; flex-direction: column; gap: 6px; padding: 22px; border-radius: 22px; background: var(--blanco); text-decoration: none; color: var(--tinta); box-shadow: var(--sombra-suave); border: 2px solid transparent; transition: transform .2s ease, border-color .2s ease; }
.ed-casa:hover { transform: translateY(-3px); }
.ed-casa img { width: 100%; aspect-ratio: 16 / 7; object-fit: cover; border-radius: 16px; margin-bottom: 6px; }
.ed-casa-icono { font-size: 2.4rem; line-height: 1; margin-bottom: 4px; }
.ed-casa strong { font-family: var(--fuente-titulo); font-size: 1.25rem; }
.ed-casa-merceria strong, .ed-casa-merceria .ed-casa-ir { color: #8E55D6; }
.ed-casa-merceria { background: #F4EEFC; }
.ed-casa-merceria:hover { border-color: #B99AEA; }
.ed-casa-academy strong, .ed-casa-academy .ed-casa-ir { color: #2A6FCB; }
.ed-casa-academy { background: #EAF2FD; }
.ed-casa-academy:hover { border-color: #8DB8F0; }
.ed-casa-ir { font-weight: 700; margin-top: auto; padding-top: 6px; }
@media (max-width: 760px) { .ed-otras-casas { grid-template-columns: 1fr; } }
.ed-rosina { display: block; border-radius: 22px; overflow: hidden; }
.ed-rosina img { width: 100%; height: auto; display: block; transition: transform 0.6s ease; }
.ed-rosina:hover img { transform: scale(1.02); }
@media (max-width: 860px) { .ed-dos, .ed-dos-invertido { grid-template-columns: 1fr; } .ed-dos-invertido > div { order: 2; } }
/* 11. Equipo */
.ed-equipo { list-style: none; padding: 0; margin: 0 auto; display: flex; justify-content: center; gap: clamp(20px, 5vw, 64px); flex-wrap: wrap; }
.ed-equipo li { display: flex; flex-direction: column; align-items: center; text-align: center; width: 160px; }
.ed-equipo img { width: 132px; height: 132px; border-radius: 50%; object-fit: cover; margin-bottom: 14px; }
.ed-equipo strong { font-family: var(--fuente-titulo); font-weight: 600; font-size: 1.15rem; }
.ed-equipo span { color: var(--tinta-suave); font-size: 0.9rem; }
.ed-quienes { margin: 40px auto 0; background: transparent; border: none; border-top: 1px solid var(--linea); border-radius: 0; padding: 28px 0 0; text-align: center; font-size: 1rem; color: var(--tinta-suave); }
@media (max-width: 560px) { .ed-equipo { gap: 16px 8px; } .ed-equipo li { width: 30%; } .ed-equipo img { width: 88px; height: 88px; } }
/* 12-14. Reseñas, FAQ y cierre */
.ed-resenas { border-top: 1px solid var(--linea); }
.inicio-editorial > .seccion-suave { background: var(--crema); }
.ed-final { padding: clamp(80px, 11vw, 140px) 0; background: var(--rosa-suave); }
.ed-final h2 { font-size: clamp(1.9rem, 4.2vw, 3rem); }
.ed-final p { font-size: 1.12rem; }
.ed-mensajes { list-style: none; padding: 0; margin: 28px auto 32px; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; max-width: 820px; }
.ed-mensajes li { background: var(--crema); border: 1px solid var(--linea); border-radius: 20px 20px 20px 6px; padding: 12px 18px; font-size: 1rem; color: var(--tinta); }
.ed-mensajes li:nth-child(even) { background: var(--rosa-suave); border-color: transparent; border-radius: 20px 20px 6px 20px; }
.ed-feria { margin: 40px auto 0; max-width: 360px; text-align: center; }
.ed-feria img { width: 100%; height: auto; border-radius: 18px; display: block; }
.ed-feria figcaption { margin-top: 10px; color: var(--tinta-suave); font-size: 0.92rem; }
.ed-rosina { position: relative; margin-bottom: 14%; }
@media (min-width: 861px) { .ed-rosina { margin-bottom: 0; } .ed-rosina-tejida { bottom: -6% !important; } }
.ed-rosina-tejida { position: absolute; right: 4%; bottom: -8%; width: 26% !important; height: auto; border-radius: 14px; box-shadow: 0 12px 30px rgba(58,42,46,0.18); border: 4px solid var(--blanco); z-index: 1; }
.ed-rosina { overflow: visible !important; }
.ed-rosina img:not(.ed-rosina-tejida) { border-radius: 22px; }
.ed-historia.ed-historia-completa img, .ed-historias .ed-historia-completa:first-child img { aspect-ratio: auto; height: auto; object-fit: contain; background: #EFEEE9; }
@media (max-width: 700px) { .ed-historia-completa:first-child img { max-height: none; } }
.ed-rosina-par { display: grid !important; grid-template-columns: 1fr 1fr; gap: 16px; align-items: stretch; margin-bottom: 0 !important; overflow: hidden !important; }
/* Ajustes 28-sep: historias uniformes y menos espacio entre manifiesto y proceso */
.ed-manifiesto { padding: clamp(48px, 7vw, 88px) 0 clamp(24px, 3vw, 40px); }
.ed-manifiesto + .ed-seccion { padding-top: clamp(24px, 3vw, 40px); }
.ed-historias { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 2vw, 24px); max-width: 1040px; margin: 0 auto; }
.ed-historia img { aspect-ratio: 1 / 1; object-fit: cover; object-position: center 30%; background: #EFEEE9; }
.ed-historia figcaption { font-size: 0.92rem; line-height: 1.35; }
@media (max-width: 860px) { .ed-historias { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px) { .ed-historias { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ed-historia:first-child { grid-column: auto; } .ed-historia:first-child img { aspect-ratio: 1 / 1; } }
/* Historias: una sola línea visible; el resto con "Conoce más historias" */
.ed-historias:not(.abiertas) .ed-historia:nth-child(n+5) { display: none; }
@media (max-width: 860px) { .ed-historias:not(.abiertas) .ed-historia:nth-child(n+4) { display: none; } }
@media (max-width: 700px) { .ed-historias:not(.abiertas) .ed-historia:nth-child(n+3) { display: none; } }
/* Espacios entre secciones más compactos (29-sep-2026) */
.ed-seccion { padding: clamp(44px, 5.5vw, 64px) 0; }
.ed-cabecera { margin-bottom: clamp(24px, 3.5vw, 40px); }
.ed-manifiesto { padding: clamp(40px, 5vw, 64px) 0 clamp(20px, 2.5vw, 32px); }
.ed-manifiesto + .ed-seccion { padding-top: clamp(20px, 2.5vw, 32px); }
.ed-centro { margin-top: 28px; }
.inicio-editorial > .seccion-suave { padding: clamp(44px, 5.5vw, 64px) 0; }
.ed-final { padding: clamp(52px, 6.5vw, 80px) 0; }
/* Fondos alternados entre secciones (29-sep-2026) */
.ed-lila { background: #E6E7FD; }
.ed-rosa { background: var(--rosa-suave); }
.ed-lila .ed-eyebrow, .ed-rosa .ed-eyebrow { color: #C23A7E; }
.ed-rosina-par img { width: 100% !important; height: auto !important; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 20px !important; position: static !important; border: none !important; box-shadow: none !important; }
/* Aparición suave al hacer scroll (se desactiva si la persona prefiere menos movimiento) */
@media (prefers-reduced-motion: no-preference) {
  .ed-aparece { opacity: 0; transform: translateY(18px); transition: opacity 0.7s ease, transform 0.7s ease; }
  .ed-aparece.visible { opacity: 1; transform: none; }
}

/* Botones, secciones suaves y preguntas frecuentes (compartidos con el inicio general) */
.boton-primario, .boton-secundario { display: inline-block; padding: 14px 30px; border-radius: 999px; text-decoration: none; font-weight: 600; font-size: 1rem; }
.boton-primario { background: var(--rosa-boton); color: var(--sobre-principal); }
.boton-primario:hover { background: var(--rosa-boton-hover); }
.boton-secundario { background: transparent; color: var(--rosa-texto); border: 2px solid var(--rosa-principal); }
.boton-secundario:hover { background: var(--rosa-suave); }
.seccion-suave { background: var(--rosa-suave); }
.encabezado-seccion { max-width: 640px; margin: 0 0 40px; }
.encabezado-seccion.centrado { margin-inline: auto; text-align: center; }
.faq-lista { max-width: 780px; }
.faq-item { border-bottom: 1px solid rgba(69,69,74,0.12); padding: 22px 0; }
.faq-item summary { font-family: var(--fuente-titulo); font-size: 1.1rem; cursor: pointer; list-style: none; position: relative; padding-right: 32px; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary::after { content: '+'; position: absolute; right: 0; top: 0; color: var(--rosa-texto); font-size: 1.4rem; }
.faq-item[open] summary::after { content: '–'; }
.faq-item p { margin-top: 14px; color: var(--tinta-suave); }

/* Franjas cortas del inicio (equipo y otras casas) */
.franja-corta { padding: 22px 0; background: var(--blanco); border-top: 1px solid var(--linea); }
.franja-casas { background: var(--blanco); }
.franja-fila { display: flex; align-items: center; justify-content: center; gap: 16px 28px; flex-wrap: wrap; text-align: center; }
.franja-caras { list-style: none; margin: 0; padding: 0; display: flex; gap: 14px; }
.franja-caras li { display: flex; flex-direction: column; align-items: center; font-family: var(--fuente-titulo); font-size: .9rem; gap: 4px; }
.franja-caras img { width: 64px; height: 64px; border-radius: 50%; object-fit: cover; }
.franja-corta .franja-texto { margin: 0; max-width: 420px; background: transparent; border: 0; padding: 0; color: var(--tinta-suave); font-size: .98rem; }
.franja-titulo { margin: 0; font-family: var(--fuente-titulo); font-weight: 600; font-size: 1.1rem; letter-spacing: .08em; }
.franja-enlaces { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; }
.franja-chip { display: inline-flex; align-items: center; gap: 6px; padding: 9px 16px; border-radius: 999px; background: var(--blanco); text-decoration: none; font-weight: 700; color: var(--tinta); border: 2px solid transparent; }
.franja-chip:hover { border-color: var(--rosa-principal); }
.franja-merceria { color: #8E55D6; } .franja-academy { color: #2A6FCB; } .franja-rosina { color: var(--rosa-texto); }
.franja-chip img { width: 24px !important; height: 24px !important; max-width: none; border-radius: 50%; aspect-ratio: 1; object-fit: cover; }
.franja-corta a.franja-chip { padding: 9px 16px; height: auto; width: auto; background: var(--blanco); font-size: 1rem; }
.franja-corta a.franja-chip { border-radius: 999px !important; font-weight: 700; }
.franja-corta a.franja-merceria { color: #8E55D6; } .franja-corta a.franja-academy { color: #2A6FCB; } .franja-corta a.franja-rosina { color: var(--rosa-texto); }
.franja-corta a.franja-tienda { color: #B0246C; }

/* Inicio de la Tienda (8-oct-2026): proceso en 4 pasos, 6 historias visibles, ecosistema compacto */
@media (min-width: 861px) { .ed-proceso.cuatro { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.ed-continua { text-align: center; max-width: 54ch; margin: 28px auto 0; color: var(--tinta-suave); font-size: 1.02rem; }
.ed-continua strong { color: var(--rosa-texto); font-family: var(--fuente-titulo); font-weight: 600; }
#ed-historias { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 960px; }
#ed-historias:not(.abiertas) .ed-historia:nth-child(-n+6) { display: block; }
#ed-historias:not(.abiertas) .ed-historia:nth-child(n+7) { display: none; }
@media (max-width: 700px) { #ed-historias { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ed-universo-lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; max-width: 900px; margin: 0 auto; }
.ed-universo-item { display: flex; flex-direction: column; gap: 2px; padding: 18px 20px; border-radius: 18px; background: var(--blanco); border: 1px solid var(--linea); text-decoration: none; color: var(--tinta); }
.ed-universo-item:hover { border-color: var(--rosa-principal); }
.ed-universo-item span { font-size: 1.5rem; line-height: 1.2; }
.ed-universo-item strong { font-family: var(--fuente-titulo); font-weight: 600; font-size: 1.05rem; }
.ed-universo-item small { color: var(--tinta-suave); font-size: 0.92rem; line-height: 1.4; }
.ed-universo-rosina { display: flex; align-items: center; justify-content: center; gap: 8px; max-width: 900px; margin: 22px auto 0; font-size: 0.95rem; }
.ed-universo-rosina img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
@media (max-width: 700px) { .ed-universo-lista { grid-template-columns: 1fr; } }
.ed-proceso-intro { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 5vw, 64px); align-items: center; margin-bottom: clamp(20px, 3vw, 32px); }
.ed-proceso-intro img { width: 100%; height: auto; border-radius: 22px; display: block; }
.ed-proceso-intro .ed-cabecera { text-align: left; margin: 0; }
.ed-proceso-intro .ed-cabecera p { margin: 0; }
.ed-proceso-intro .ed-cabecera h2 { margin: 0 0 12px; }
@media (max-width: 860px) { .ed-proceso-intro { grid-template-columns: minmax(0, 1fr); } .ed-proceso-intro .ed-cabecera { text-align: center; } .ed-proceso-intro .ed-cabecera p { margin: 0 auto; } }

/* Rosina te ayuda a regalar (inicio) */
.ed-regalar-grid { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: clamp(20px, 4vw, 48px); align-items: center; max-width: 980px; margin: 0 auto; }
.ed-regalar-grid > img { width: 200px; height: 200px; object-fit: contain; padding: 12px; box-sizing: border-box; background: #fff; border-radius: 28px; box-shadow: 0 12px 32px rgba(58, 42, 46, 0.10); }
.ed-regalar-texto h2 { margin: 0 0 16px; }
.ed-regalar-texto > p { margin: 0 0 18px; color: var(--tinta-suave); font-size: 1.05rem; }
.ed-regalar-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) auto; gap: 14px 16px; align-items: end; }
.ed-regalar-campo label { display: block; font-weight: 700; margin-bottom: 6px; color: var(--tinta); font-size: 0.95rem; }
.ed-regalar-campo select { width: 100%; min-height: 48px; padding: 10px 42px 10px 16px; border-radius: 14px; border: 2px solid var(--rosa-medio); background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1.5 1.5 7 7l5.5-5.5' fill='none' stroke='%23B3175F' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center; color: var(--tinta); font: inherit; cursor: pointer; appearance: none; -webkit-appearance: none; }
.ed-regalar-campo select:focus-visible { outline: 3px solid var(--lila); outline-offset: 2px; }
.ed-regalar-form .boton-primario { min-height: 48px; justify-self: start; border: 0; cursor: pointer; font: inherit; font-weight: 700; }
.ed-regalar-texto .ed-nota { margin: 14px 0 0; }
@media (max-width: 720px) { .ed-regalar-grid { grid-template-columns: minmax(0, 1fr); text-align: center; justify-items: center; } .ed-regalar-grid > img { width: 140px; height: 140px; } .ed-regalar-form { grid-template-columns: minmax(0, 1fr); text-align: left; width: 100%; } .ed-regalar-form .boton-primario { justify-self: stretch; } }
.ed-entrega { margin-top: 14px; font-size: .95rem; max-width: 34em; }
@media (max-width: 720px) {
  .ed-regalar-form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ed-regalar-campo label { font-size: 0.82rem; margin-bottom: 3px; }
  .ed-regalar-campo select { min-height: 40px; padding: 6px 28px 6px 10px; font-size: 0.86rem; border-radius: 10px; background-position: right 10px center; }
  .ed-regalar-form .boton-primario { grid-column: 1 / -1; min-height: 44px; font-size: 0.95rem; padding: 10px 18px; }
}
.ed-regalar-form { align-items: end; }
.ed-regalar-campo { display: flex; flex-direction: column; justify-content: flex-end; }
@media (max-width: 720px) { .ed-regalar-campo label { min-height: 2.4em; display: flex; align-items: flex-end; } }