/* =============================================================
   Herbario: capa de diseño sobre styles.css, nosotros.css y producto.css.
   Papel crema, verde musgo, terracota. Títulos en DM Serif Display,
   etiquetas en IBM Plex Mono. Bordes rectos, líneas finas, sin sombras
   de tarjeta. Se carga al final para ganar sobre las demás hojas.
   ============================================================= */

/* --- Tipografía base --- */
h1, h2, h3, h4 { letter-spacing: 0; line-height: 1.15; }
h2 em, h1 em { color: var(--accent); font-style: italic; }
.mono, .kicker, .p-card__cat, .p-card__min, .p-card__badge, .filter-btn, .nav__links a, .nav__cta,
.clients-strip__title, .form-note, .pd-crumbs, .pd-price span, .pd-info__h, .lp-table th, .pd-counter {
  font-family: var(--mono); letter-spacing: .06em;
}
.kicker { font-size: .72rem; font-weight: 500; color: var(--accent); text-transform: uppercase; }
.kicker--light { color: var(--mint); }
.mono { font-size: .72rem; text-transform: uppercase; }

/* --- Bordes rectos, sin sombras de "tarjeta" --- */
.btn, .nav__cta, .p-card, .occ-card, .why-card, .work__item, .events__item, .flora__strip figure,
.vivero__ph, .plate, .client-card, .team__member, .story__img, .gallery__item, .action-gallery__item,
.fda-use, .pd-gallery__main, .pd-thumb, .pd-price, .pd-arrow, .lp-modal__box, .lp-table-wrap, .lp-tiers li,
.contact__form input, .contact__form textarea, .contact__form select, .contact-method, .resellers__box,
.filter-btn, .p-card__badge, .video-placeholder, .about-video__frame, .lp-check input, .lp-form input:not([type=checkbox]),
.process__num, .footer__logo-img { border-radius: 0 !important; }
.p-card, .occ-card, .why-card, .client-card, .team__member, .fda-use, .work__item { box-shadow: none !important; }

/* --- Botones --- */
.btn { font-weight: 500; font-size: .9rem; padding: 14px 28px; border-width: 1px; letter-spacing: .01em; }
.btn:hover, .btn:active { transform: none; box-shadow: none; }
.btn--primary { background: var(--ink); border-color: var(--ink); color: var(--cream); }
.btn--primary:hover { background: var(--accent); border-color: var(--accent); box-shadow: none; }
.btn--ghost { color: var(--ink); border-color: var(--ink); }
.btn--ghost:hover { background: var(--ink); color: var(--cream); }
.btn--white { background: var(--cream); color: var(--ink); border-color: var(--cream); }
.btn--white:hover { background: #fff; box-shadow: none; }
.btn--white-ghost { border-color: rgba(239,231,214,.6); color: var(--cream); }
.btn--white-ghost:hover { background: var(--cream); color: var(--ink); }
.p-card .btn--sm { background: var(--ink); border-color: var(--ink); }
.p-card .btn--sm:hover { background: var(--accent); border-color: var(--accent); box-shadow: none; }

/* --- Menú --- */
.nav { background: rgba(239,231,214,.94); }
.nav__logo-img { height: 52px; }
.nav__logo:hover .nav__logo-img { transform: none; }
.nav__links a { font-size: .72rem; text-transform: uppercase; color: var(--ink-mute); font-weight: 400; }
.nav__links a::after { background: var(--accent); height: 1px; }
.nav__links a:hover, .nav__links a.is-active { color: var(--ink); }
.nav__cta { background: transparent !important; color: var(--ink) !important; border: 1px solid var(--ink); padding: 9px 18px; }
.nav__cta:hover { background: var(--ink) !important; color: var(--cream) !important; transform: none; }
@media (max-width: 900px) {
  .nav__links { background: var(--cream); }
}

/* --- Portada --- */
.hero--herbario {
  display: block; min-height: 0; background: var(--cream); overflow: visible;
  padding: calc(var(--nav-h) + 48px) 0 0;
}
.hero__grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 64px; align-items: end; padding-bottom: 72px; }
.hero__copy { text-align: left; max-width: none; }
.hero__eyebrow { display: block; color: var(--accent); }
.hero--herbario .hero__title { font-size: clamp(2.8rem, 6.4vw, 5.6rem); line-height: 1.08; margin: 20px 0 28px; color: var(--ink); }
.hero--herbario .hero__title em { color: var(--accent); }
.hero--herbario .hero__sub { color: var(--ink-soft); margin: 0 0 32px; max-width: 46ch; font-size: 1.1rem; text-align: left; }
.hero--herbario .hero__actions { justify-content: flex-start; margin: 0; }
.plate { position: relative; background: #fff; padding: 14px 14px 46px; margin: 0; box-shadow: 0 20px 40px rgba(31,42,28,.14) !important; transform: rotate(1.6deg); }
.plate img { width: 100%; aspect-ratio: 8.5/11; object-fit: cover; }
.plate figcaption { position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex; justify-content: space-between; color: var(--ink-mute); }
.plate__tape { position: absolute; top: -14px; left: 50%; width: 110px; height: 30px; background: rgba(216,199,154,.6); transform: translateX(-50%) rotate(-3deg); z-index: 2; }
.strip { display: grid; grid-template-columns: repeat(4, 1fr); border-block: 1px solid var(--line); }
.strip > div { padding: 22px 24px; border-right: 1px solid var(--line); }
.strip > div:last-child { border-right: 0; }
.strip strong, .strip span { font-family: var(--serif); font-size: 2.4rem; font-weight: 400; line-height: 1; text-transform: none; letter-spacing: 0; color: var(--ink); }
.strip p { margin-top: 6px; color: var(--ink-mute); }
.hero__wave-wrap, .hero__blob, .wave-divider, .final-cta__wave { display: none !important; }

/* --- Cabeceras de sección: a la izquierda --- */
.section-head { text-align: left; margin-bottom: 44px; }
.section-head h2 { font-size: clamp(2.1rem, 4.2vw, 3.3rem); margin-bottom: 14px; }
.section-sub { margin: 0; max-width: 56ch; color: var(--ink-mute); }
.section-head--light .section-sub { color: rgba(239,231,214,.75); }

/* --- Clientes --- */
.clients-strip { background: var(--cream); border-bottom: 1px solid var(--line); }
.clients-strip__title { text-align: left; font-size: .72rem; text-transform: uppercase; font-weight: 500; }
.clients-strip__list { justify-content: flex-start; font-family: var(--serif); }

/* --- Productos: fichas --- */
.products, .occasions, .faq, .contact, .work, .flora, .vivero, .story, .real-clients, .team { background: var(--cream); }
.events, .about-video, .in-action, .how-we-work, .fda-uses { background: var(--paper); }
.filter-bar { justify-content: flex-start; }
.filter-btn { font-size: .72rem; text-transform: uppercase; background: transparent; border: 1px solid var(--line); padding: 8px 16px; }
.filter-btn:hover, .filter-btn.active { background: var(--ink); color: var(--cream); border-color: var(--ink); }
.p-card { background: transparent; border-top: 2px solid var(--ink); padding-top: 14px; }
.p-card:hover, .p-card:active { transform: none; box-shadow: none !important; }
.p-card:hover .p-card__img img { transform: none; }
.p-card__img { margin: 14px 0; }
.p-card__body { padding: 0; }
.p-card__cat { color: var(--accent); font-size: .7rem; font-weight: 500; text-transform: uppercase; }
.p-card__body h3 { font-size: 1.35rem; line-height: 1.25; }
.p-card__body h3 a:hover { color: var(--accent); }
.p-card__meta { border-top: 1px dashed var(--line); padding-top: 12px; margin-top: auto; }
.p-card__price { font-family: var(--mono); font-size: .8rem; font-weight: 500; color: var(--ink); text-transform: uppercase; letter-spacing: .03em; }
.p-card__min { font-size: .72rem; text-transform: uppercase; }
.p-card__badge { background: var(--accent); color: #fff; font-size: .66rem; text-transform: uppercase; padding: 4px 10px; }
.p-card__wa { color: var(--accent); font-family: var(--mono); font-size: .72rem; text-transform: uppercase; }
.p-card__wa:hover { color: var(--ink); }

/* --- Ocasiones --- */
.occ-card { background: var(--paper); border: 1px solid var(--line); }
.occ-card:hover { border-color: var(--ink); transform: none; box-shadow: none !important; }
.occ-card__cta { font-family: var(--mono); font-size: .72rem; text-transform: uppercase; color: var(--accent); }
.occ-card:hover .occ-card__photo img { transform: none; }

/* --- Cómo funciona / por qué elegirnos / cierre: fondo musgo --- */
.process, .why-us, .final-cta { background: var(--forest); color: var(--cream); }
.process__num { background: transparent; border: 1px solid var(--mint); color: var(--mint); }
.why-card { background: transparent; border: 1px solid rgba(239,231,214,.22); text-align: left; padding: 28px 24px; }
.why-card:hover { background: rgba(239,231,214,.06); transform: none; }
.why-card h3 { color: var(--cream); font-size: 1.3rem; }
.why-card p { opacity: .8; }

/* --- Vivero, eventos, trabajos --- */
.vivero__link, .work__more a, .lp-cta a, .pd-pricelink, .v2-link a { color: var(--ink); border-bottom-color: var(--accent); font-family: var(--mono); font-size: .78rem; text-transform: uppercase; }
.work__item, .events__item { background: #fff; }
.work__item:hover img, .events__item:hover img, .flora__strip figure:hover img { transform: none; }
.work__item figcaption { font-family: var(--mono); font-size: .72rem; text-transform: uppercase; color: var(--ink-mute); }
.nat-band figcaption span { font-family: var(--mono); text-transform: uppercase; letter-spacing: .06em; font-size: .7rem; }
.resellers { background: var(--cream); }
.resellers__box { background: var(--paper); border: 1px solid var(--ink); }

/* --- Preguntas y contacto --- */
.faq__list { margin: 0; max-width: 780px; }
.faq-item summary { font-family: var(--serif); font-size: 1.2rem; }
.faq-item summary:hover { color: var(--accent); }
.contact-method { background: var(--paper); border: 1px solid var(--line); }
.contact-method:hover { border-color: var(--ink); transform: none; }
.contact-method strong { font-family: var(--mono); font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; color: var(--accent); }
.contact-method--highlight { background: var(--forest) !important; border-color: var(--forest) !important; }
.contact-method--highlight:hover { background: var(--ink) !important; border-color: var(--ink) !important; transform: none; }
.contact__form input, .contact__form textarea, .contact__form select { background: var(--paper); border-color: var(--line); }
.contact__form input:focus, .contact__form textarea:focus, .contact__form select:focus { border-color: var(--ink); }
.form-alt__wa { border-radius: 0; }

/* --- Pie --- */
.footer { background: var(--ink); }
.footer__logo-img { height: 56px; background: none; }
.footer__brand p, .footer__links a, .footer__contact a { font-size: .85rem; }

/* --- Ventana de lista de precios --- */
.lp-modal__box { background: var(--cream); border: 1px solid var(--ink); }
.lp-modal h2 { color: var(--ink); }
.lp-tiers li { background: var(--paper); }
.lp-tiers li strong, .lp-price { color: var(--ink); }
.lp-note { background: rgba(181,83,42,.1); color: #8a3d1c; border-radius: 0; }

/* --- Páginas de producto --- */
.pd { background: var(--cream); }
.pd-info h1 { color: var(--ink); }
.pd-price { background: var(--paper); border-color: var(--ink); }
.pd-price strong { color: var(--ink); font-family: var(--serif); font-weight: 400; font-size: 1.35rem; }
.pd-list li::before { border-radius: 0; background: var(--accent); }
.pd-thumb.is-active { border-color: var(--accent); }
.pd-arrow { background: rgba(250,246,236,.95); color: var(--ink); }
.pd-counter { border-radius: 0; background: rgba(31,42,28,.85); font-size: .68rem; }
.pd-steps { background: var(--forest); }
.pd-steps li::before { color: var(--mint); }
.pd-variants li { border-radius: 0; }

/* --- Nosotros y fin de año --- */
.about-hero__overlay { background: linear-gradient(to top, rgba(29,47,27,.85) 0%, rgba(29,47,27,.42) 45%, rgba(29,47,27,.08) 100%); }
.numbers, .about-cta, .fda-timeline { background: var(--forest); }
.numbers__item strong, .numbers__item span { color: var(--mint); }
.client-card { background: var(--paper); border: 1px solid var(--line); }
.client-card:hover { transform: none; }
.client-card__info strong { color: var(--ink); font-family: var(--serif); font-weight: 400; font-size: 1.15rem; }
.fda-timeline__steps li { border-radius: 0; }

/* --- Celular --- */
@media (max-width: 900px) {
  .hero__grid { grid-template-columns: 1fr; gap: 44px; }
  .plate { max-width: 420px; }
  .strip { grid-template-columns: 1fr 1fr; }
  .strip > div:nth-child(2) { border-right: 0; }
  .strip > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}
@media (max-width: 540px) {
  .nav__logo-img { height: 44px; }
  .hero--herbario { padding-top: calc(var(--nav-h) + 28px); }
  .strip strong, .strip span { font-size: 2rem; }
}
@media (max-width: 540px) {
  .hero--herbario .hero__actions { flex-direction: column; align-items: stretch; }
  .hero--herbario .hero__actions .btn { width: 100%; }
}

/* --- Cifras de Nosotros: stickers pegados --- */
.numbers--stickers { background: var(--cream); padding: 72px 0 64px; }
.numbers--stickers .numbers__grid { gap: 40px; align-items: center; justify-content: center; flex-wrap: wrap; }
.sticker { position: relative; text-align: center; color: var(--ink); }
.sticker .sticker__num { display: flex; align-items: baseline; justify-content: center; gap: 2px; }
.sticker strong, .sticker span.plus, .sticker .sticker__num span { font-family: var(--serif); font-weight: 400; color: inherit; line-height: 1; letter-spacing: 0; }
.sticker strong { font-size: clamp(3.4rem, 7vw, 5rem); }
.sticker .sticker__num span { font-size: 2.4rem; }
.sticker p { margin-top: 12px; max-width: 20ch; margin-inline: auto; color: inherit; opacity: .8; font-size: .7rem; line-height: 1.5; }
.sticker__tape { position: absolute; top: -13px; left: 50%; width: 96px; height: 26px; background: rgba(216,199,154,.7); transform: translateX(-50%) rotate(-3deg); }
.numbers--stickers .sticker--label { background: #fff; padding: 34px 36px 28px; transform: rotate(-2.2deg); box-shadow: 0 16px 32px rgba(31,42,28,.14); border-radius: 0 !important; }
.numbers--stickers .sticker--round { width: 250px; height: 250px; border-radius: 50% !important; background: var(--accent); color: var(--cream); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 30px; transform: rotate(3deg); box-shadow: 0 16px 32px rgba(31,42,28,.18); border: 3px dashed rgba(239,231,214,.55); outline: 7px solid var(--accent); outline-offset: -1px; }
.numbers--stickers .sticker--kraft { background: #cdb48a; padding: 34px 36px 28px; transform: rotate(-1.4deg); box-shadow: 0 16px 32px rgba(31,42,28,.14); border-radius: 0 !important; }
.sticker--kraft .sticker__tape { background: rgba(250,246,236,.55); }
@media (max-width: 700px) {
  .numbers--stickers .numbers__grid { flex-direction: column; gap: 44px; }
  .sticker--round { width: 220px; height: 220px; }
}

/* Foto de "Nuestra historia" como lámina pegada */
.story__img.plate { max-width: 440px; justify-self: center; overflow: visible; }
.story__img.plate img { width: 100%; height: auto; aspect-ratio: 8.5/11; object-fit: cover; }
.story__img.plate.reveal.is-visible { transform: rotate(-1.6deg); }
@media (max-width: 960px) { .story__img.plate { order: -1; max-width: 360px; } }

/* Video en marco (sin inclinación, para que el reproductor quede nítido) */
.about-video__frame.plate--video { max-width: 900px; margin-inline: auto; aspect-ratio: auto; border-radius: 0; overflow: visible; background: #fff; padding: 14px 14px 46px; transform: none; box-shadow: 0 20px 40px rgba(31,42,28,.14); }
.about-video__frame.plate--video.reveal.is-visible { transform: none; }
.about-video__screen { aspect-ratio: 16 / 9; background: var(--sand); }
.about-video__screen iframe { width: 100%; height: 100%; border: 0; display: block; }
.about-video__frame.plate--video .plate__tape { top: -14px; }

/* --- Nosotros: láminas de "Así trabajamos" y de empresas --- */
.how-plates { display: grid; grid-template-columns: repeat(3, 1fr); gap: 44px; padding-top: 20px; }
.how-plate { max-width: 400px; justify-self: center; overflow: visible; }
.how-plate img { width: 100%; aspect-ratio: 8.5/11; object-fit: cover; }
.how-plate:nth-child(1).reveal.is-visible { transform: rotate(-1.8deg); }
.how-plate:nth-child(2).reveal.is-visible { transform: rotate(1.2deg); }
.how-plate:nth-child(3).reveal.is-visible { transform: rotate(-1deg); }
.how-we-work { background: var(--paper); }
.how-we-work h2, .real-clients h2 { text-align: left; }
.how-we-work__intro, .real-clients__intro { text-align: left; margin-inline: 0; }

.plates-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 34px 26px; padding-top: 12px; }
.plate--mini { padding: 8px 8px 0; overflow: visible; }
.plate--mini img { width: 100%; aspect-ratio: 8.5/11; object-fit: cover; }
.plate--mini .plate__tape { width: 70px; height: 20px; top: -10px; }
.plate--mini figcaption { position: static; display: flex; flex-direction: column; gap: 3px; padding: 10px 2px 12px; text-transform: none; }
.plate--mini figcaption strong { font-weight: 500; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; color: var(--ink); }
.plate--mini figcaption span { font-family: var(--sans); font-size: .8rem; letter-spacing: 0; line-height: 1.4; color: var(--ink-mute); }
.plates-grid .plate--mini:nth-child(4n+1).reveal.is-visible { transform: rotate(-1.2deg); }
.plates-grid .plate--mini:nth-child(4n+2).reveal.is-visible { transform: rotate(.9deg); }
.plates-grid .plate--mini:nth-child(4n+3).reveal.is-visible { transform: rotate(-.6deg); }
.plates-grid .plate--mini:nth-child(4n+4).reveal.is-visible { transform: rotate(1.3deg); }
.plates-grid .plate--mini { box-shadow: 0 10px 22px rgba(31,42,28,.12) !important; }
@media (max-width: 960px) {
  .how-plates { grid-template-columns: 1fr 1fr; }
  .plates-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .how-plates { grid-template-columns: 1fr; gap: 36px; }
  .plates-grid { grid-template-columns: 1fr 1fr; gap: 28px 16px; }
}

/* Precio y pedido mínimo: dos datos distintos, cada uno con su etiqueta */
.p-card__meta { align-items: flex-start; gap: 14px; }
.p-card__col { display: flex; flex-direction: column; gap: 3px; }
.p-card__col--min { text-align: right; align-items: flex-end; }
.p-card__lbl { font-family: var(--mono); font-size: .62rem; text-transform: uppercase; letter-spacing: .08em; color: var(--ink-mute); }
.p-card__col--min .p-card__min { font-family: var(--mono); font-size: .8rem; font-weight: 500; text-transform: none; color: var(--ink); letter-spacing: .02em; }
.p-card__note { margin: 8px 0 0; font-size: .74rem; color: var(--ink-mute); }
.pd-price-note { margin: -16px 0 26px; font-size: .84rem; color: var(--ink-mute); }
.pd-price-note a { color: var(--accent); border-bottom: 1px solid var(--accent); }

/* Etiqueta de precio más larga: que el mínimo no se parta en dos líneas */
.p-card__col--min { flex: none; }
.p-card__col--min .p-card__min { white-space: nowrap; }
.p-card__col:not(.p-card__col--min) { flex: 1 1 auto; min-width: 0; }

/* ===== Home rediseñado: mismo lenguaje que Nosotros ===== */

/* catálogo: destacados + "Ver todos" */
.products__grid .p-card--extra { display: none; }
.products__grid.is-expanded .p-card--extra { display: flex; }
.products__grid.is-expanded .p-card--extra.hidden { display: none; }
.products__more { display: flex; flex-direction: column; align-items: center; gap: 16px; margin-top: 48px; }
.products__more.is-done { display: none; }
.products__pl { font-family: var(--mono); font-size: .76rem; text-transform: uppercase; color: var(--ink); border-bottom: 1px solid var(--accent); }

/* ocasiones en láminas */
.occasions--plates .occ-card { background: #fff; padding: 10px 10px 0; border: 0; box-shadow: 0 10px 22px rgba(31,42,28,.12) !important; position: relative; }
.occasions--plates .occ-card::before { content: ""; position: absolute; top: -10px; left: 50%; width: 70px; height: 20px; background: rgba(216,199,154,.6); transform: translateX(-50%) rotate(-3deg); z-index: 2; }
.occasions--plates .occ-card__photo { height: auto; aspect-ratio: 5 / 6; margin-bottom: 16px; }
.occasions--plates .occ-card:nth-child(4n+1) { transform: rotate(-1deg); }
.occasions--plates .occ-card:nth-child(4n+2) { transform: rotate(.8deg); }
.occasions--plates .occ-card:nth-child(4n+3) { transform: rotate(-.6deg); }
.occasions--plates .occ-card:nth-child(4n+4) { transform: rotate(1.1deg); }
.occasions--plates .occ-card.reveal.is-visible:nth-child(4n+1) { transform: rotate(-1deg); }
.occasions--plates .occ-card.reveal.is-visible:nth-child(4n+2) { transform: rotate(.8deg); }
.occasions--plates .occ-card.reveal.is-visible:nth-child(4n+3) { transform: rotate(-.6deg); }
.occasions--plates .occ-card.reveal.is-visible:nth-child(4n+4) { transform: rotate(1.1deg); }
.occasions--plates .occ-card:hover { transform: rotate(0deg) !important; }
.occasions--plates .occ-card__cta { display: block; padding-bottom: 16px; }

/* cómo funciona: números como stickers */
.process--stickers .process__num { width: 64px; height: 64px; margin: 0 auto 18px; display: flex; align-items: center; justify-content: center; background: var(--accent); color: var(--cream); border: 2px dashed rgba(239,231,214,.55); outline: 5px solid var(--accent); outline-offset: -1px; border-radius: 50% !important; font-family: var(--serif); font-size: 1.7rem; transform: rotate(-4deg); }
.process--stickers .process__step:nth-of-type(2) .process__num { transform: rotate(3deg); }
.process--stickers .process__step:nth-of-type(3) .process__num { transform: rotate(-2deg); }

/* vivero: tres láminas + frase */
.vivero--plates .vivero__photos { display: flex; gap: 16px; grid-template-columns: none; grid-template-rows: none; align-items: flex-start; padding-top: 14px; }
.vivero--plates .vivero__ph { flex: 1; min-width: 0; padding: 8px; grid-row: auto; background: #fff; box-shadow: 0 10px 22px rgba(31,42,28,.12) !important; overflow: visible; position: relative; }
.vivero--plates .vivero__ph img { height: auto; aspect-ratio: 3/4; }
.vivero--plates .vivero__ph.reveal.is-visible.vivero__ph--a { transform: rotate(-1.4deg); }
.vivero--plates .vivero__ph.reveal.is-visible.vivero__ph--b { transform: rotate(1deg) translateY(18px); }
.vivero--plates .vivero__ph.reveal.is-visible.vivero__ph--c { transform: rotate(-.7deg); }
.vivero__quote { margin: 22px 0 8px; padding: 0 0 0 18px; border-left: 3px solid var(--accent); font-family: var(--serif); font-size: 1.25rem; line-height: 1.4; color: var(--ink); max-width: 44ch; }

/* trabajos + eventos: una galería de láminas */
.work--plates { padding-bottom: 96px; }
.work--plates .plates-grid { padding-top: 24px; }

/* preguntas frecuentes + agencias */
.faq--split .faq__cols { display: grid; grid-template-columns: 1.5fr 1fr; gap: 64px; align-items: start; }
.faq--split .faq__list { max-width: none; }
.faq__side { position: sticky; top: 110px; background: var(--paper); border: 1px solid var(--ink); padding: 32px 30px; }
.faq__side h3 { font-family: var(--serif); font-weight: 400; font-size: 1.5rem; line-height: 1.25; margin: 10px 0 12px; }
.faq__side p { color: var(--ink-soft); margin-bottom: 22px; font-size: .95rem; }

/* formulario corto */
.form-more { border-top: 1px dashed var(--line); padding-top: 12px; display: flex; flex-direction: column; gap: 12px; }
.form-more summary { cursor: pointer; font-family: var(--mono); font-size: .74rem; text-transform: uppercase; letter-spacing: .06em; color: var(--accent); list-style: none; margin-bottom: 4px; }
.form-more summary::-webkit-details-marker { display: none; }
.form-more summary::before { content: "+ "; }
.form-more[open] summary::before { content: "– "; }

@media (max-width: 960px) {
  .faq--split .faq__cols { grid-template-columns: 1fr; gap: 40px; }
  .faq__side { position: static; }
  .vivero--plates .vivero__photos { max-width: 560px; }
}
@media (max-width: 560px) {
  .vivero--plates .vivero__photos { gap: 10px; }
  .vivero--plates .vivero__ph { padding: 5px; }
  .vivero__quote { font-size: 1.1rem; }
}


/* ===== Fin de año: mismo lenguaje de láminas y stickers ===== */
.fda-uses--plates .fda-uses__grid { grid-template-columns: repeat(3, 1fr); gap: 40px; padding-top: 14px; }
.fda-uses--plates .fda-use.plate { padding: 10px 10px 0; overflow: visible; background: #fff; box-shadow: 0 10px 22px rgba(31,42,28,.12) !important; }
.fda-uses--plates .fda-use.plate img { aspect-ratio: 4 / 5; object-fit: cover; }
.fda-uses--plates .fda-use .plate__tape { width: 80px; height: 22px; top: -11px; }
.fda-uses--plates .fda-use figcaption { position: static; display: block; padding: 16px 8px 22px; color: var(--ink); }
.fda-uses--plates .fda-use.reveal.is-visible:nth-child(1) { transform: rotate(-1.2deg); }
.fda-uses--plates .fda-use.reveal.is-visible:nth-child(2) { transform: rotate(.9deg); }
.fda-uses--plates .fda-use.reveal.is-visible:nth-child(3) { transform: rotate(-.7deg); }
.fda-timeline--stickers .fda-timeline__steps li::before { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; background: var(--accent); color: var(--cream); border: 2px dashed rgba(239,231,214,.55); outline: 4px solid var(--accent); outline-offset: -1px; border-radius: 50% !important; font-family: var(--serif); font-size: 1.4rem; transform: rotate(-4deg); }
.fda-timeline--stickers .fda-timeline__steps li:nth-child(2)::before { transform: rotate(3deg); }
@media (max-width: 960px) { .fda-uses--plates .fda-uses__grid { grid-template-columns: 1fr; max-width: 420px; margin-inline: auto; } }
.hero--herbario .plate figcaption span:last-child { text-align: right; text-transform: none; letter-spacing: .02em; }
.hero--herbario .plate figcaption i { font-style: italic; }
.hero--herbario .plate { padding-bottom: 66px; }
.hero--herbario .plate figcaption { flex-direction: column; gap: 3px; }
.hero--herbario .plate figcaption span:last-child { text-align: left; }
/* Pie de la lámina 01 en el flujo (no encima de la foto), aunque el nombre ocupe varias líneas */
.hero--herbario .plate { padding-bottom: 14px; }
.hero--herbario .plate figcaption { position: static; padding: 12px 2px 4px; }

/* ===== Páginas de búsqueda (landings) ===== */
.lp-crumbs { padding-top: 18px; padding-bottom: 0; font-family: var(--mono); font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; color: var(--ink-mute); }
.lp-crumbs a { color: var(--ink); border-bottom: 1px solid var(--accent); }
.lp-crumbs span { margin: 0 4px; }
.fda-uses--plates .section-sub { max-width: 68ch; }
.lp-links { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.lp-links a { font-family: var(--mono); font-size: .78rem; text-transform: uppercase; letter-spacing: .04em; color: var(--ink); border-bottom: 1px solid var(--accent); }
.pd-price-note.pd-ship { margin-top: -18px; }
.pd-price-note.pd-ship:empty { display: none; }