/* inicio.css — v2 (2026-10b). Inicio idéntico al original: encabezado sobre el video, botones planos,
   cuatro banners a ancho completo, centros, «Crecemos juntos» y pie oscuro. Se carga después de phn2026.css
   y gana por orden en la cascada. */
.btn--linea { background: transparent; border-color: var(--verde-boton); color: var(--verde-boton); }
.btn--linea:hover { background: var(--verde-boton); color: #fff; }

/* Encabezado del inicio: transparente sobre el video y gris #333 con letras blancas al bajar */
.cabecera--sobre-hero { position: fixed; inset: 0 0 auto 0; background: linear-gradient(180deg, rgb(0 0 0 / 50%), rgb(0 0 0 / 0%)); border-bottom: 0; transition: background 250ms, box-shadow 250ms; }
.cabecera--sobre-hero.cabecera--solida { background: var(--gris); box-shadow: 0 4px 14px -8px rgb(0 0 0 / 55%); }
.cabecera--sobre-hero .nav__enlace, .cabecera--sobre-hero .nav__boton { color: #fff; text-shadow: 0 1px 6px rgb(0 0 0 / 55%); }
.cabecera--sobre-hero.cabecera--solida .nav__enlace, .cabecera--sobre-hero.cabecera--solida .nav__boton { text-shadow: none; }
.cabecera--sobre-hero .nav__enlace:hover, .cabecera--sobre-hero .nav__boton:hover, .cabecera--sobre-hero .nav__flecha:hover { background: rgb(255 255 255 / 14%); }
.cabecera--sobre-hero .nav__enlace[aria-current="page"] { background: transparent; border-radius: 0; box-shadow: inset 0 -3px 0 var(--verde); }
.cabecera--sobre-hero .burger { background: transparent; border-color: rgb(255 255 255 / 55%); }
.cabecera--sobre-hero .burger span { background: #fff; }
.cabecera--sobre-hero .cabecera__fila { min-height: 104px; transition: min-height 250ms; }
.cabecera--sobre-hero.cabecera--solida .cabecera__fila { min-height: var(--alto-cabecera); }
.cabecera--sobre-hero .marca img { width: 210px; transition: width 250ms; filter: drop-shadow(0 2px 8px rgb(0 0 0 / 45%)); }
.cabecera--sobre-hero.cabecera--solida .marca img { width: 150px; filter: none; }
.cabecera__fila { width: min(100% - 2 * var(--canal), 88rem); }
.nav { margin-left: auto; }
.nav__enlace, .nav__boton { font-weight: 800; font-size: .78rem; letter-spacing: .03em; white-space: nowrap; }
@media (min-width: 1081px) { .nav { gap: .35rem; } }
@media (max-width: 1240px) and (min-width: 1081px) { .nav__enlace, .nav__boton { padding-inline: .5rem; letter-spacing: .02em; } }

/* Hero del inicio (video a pantalla completa, botones centrados) */
.hero--inicio { min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 0; background: #1c2b0f; }
.hero--inicio::after { background: linear-gradient(180deg, rgb(10 20 4 / 30%), rgb(10 20 4 / 20%) 40%, rgb(10 20 4 / 35%)); }
.hero--inicio .hero__video { background: #1c2b0f center/cover no-repeat; }
.hero__centro { display: grid; justify-items: center; gap: 1.75rem; text-align: center; padding: 7rem 1rem 3rem; }
.hero__botones { display: flex; flex-wrap: wrap; gap: .35rem; justify-content: center; }
.btn-original {
  display: inline-block; padding: .75rem 1.1rem; font: 700 .8rem var(--f-titulo); letter-spacing: .02em; text-transform: uppercase;
  text-decoration: none; border: 0; cursor: pointer; transition: background 200ms, color 200ms;
}
.btn-original--blanco { background: #fff; color: #373737; }
.btn-original--verde { background: var(--verde-boton); color: #fff; }
.btn-original--verde:hover { background: var(--verde-boton-osc); color: #fff; }
.btn-original--blanco:hover { background: var(--verde-boton); color: #fff; }
.hero__aviso { display: grid; gap: .25rem; margin: 0; color: #fff; text-shadow: 0 1px 8px rgb(0 0 0 / 55%); }
.hero__aviso-tit { font: 800 clamp(1.05rem, 2.4vw, 1.5rem) var(--f-titulo); text-transform: uppercase; }
.hero__aviso-num { font: 700 1rem var(--f-titulo); }

/* Panel «Más información» */
.info { border: 0; padding: 0; width: min(92vw, 44rem); max-height: 88vh; border-radius: var(--radio); overflow: hidden; background: #fff; color: var(--tinta); box-shadow: 0 30px 80px -20px rgb(0 0 0 / 55%); }
.info::backdrop { background: rgb(10 20 4 / 72%); }
.info[open] { display: flex; flex-direction: column; }
.info__cabeza { display: flex; justify-content: space-between; align-items: center; padding: 1rem 1.25rem; background: var(--verde); }
.info__cabeza h2 { margin: 0; font-size: 1.15rem; text-transform: uppercase; }
.info__cerrar { width: 44px; height: 44px; border: 0; border-radius: 50%; background: rgb(255 255 255 / 70%); cursor: pointer; display: grid; place-items: center; }
.info__cerrar svg { width: 22px; height: 22px; }
.info__cuerpo { padding: 1.75rem 1.5rem; overflow-y: auto; min-height: 16rem; }
.info__tarjeta h3 { font-size: 1.5rem; text-transform: uppercase; }
.info__tarjeta p { color: #333; }
.info__lema { font-style: italic; color: var(--tinta-suave); margin-top: 1.5rem; }
.info__pie { display: flex; align-items: center; justify-content: space-between; padding: .75rem 1rem; border-top: 1px solid var(--linea); }
.info__flecha { width: 44px; height: 44px; border: 1px solid var(--linea); border-radius: 50%; background: #fff; cursor: pointer; display: grid; place-items: center; }
.info__flecha svg { width: 22px; height: 22px; }
.info__puntos { display: flex; gap: .5rem; }
.info__punto { width: 12px; height: 12px; padding: 0; border-radius: 50%; border: 2px solid var(--tinta); background: transparent; cursor: pointer; }
.info__punto[aria-current="true"] { background: var(--verde); border-color: var(--verde); }

/* Banners a ancho completo, uno tras otro, como en el original */
.banners { display: block; }
.banners img { width: 100%; height: auto; display: block; }

/* Empresario PHN: franja verde de marca con letra blanca */
.empresario { position: relative; isolation: isolate; background: var(--verde-boton); color: #fff; padding-block: var(--seccion); }
.empresario__fondo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; }
.empresario::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgb(52 104 8 / 62%), rgb(70 128 12 / 42%) 50%, rgb(40 88 6 / 66%)); }
.empresario__cabeza { max-width: 46rem; margin: 0 auto 2.5rem; text-align: center; }
.empresario__sobre { display: inline-block; font: 700 .8125rem var(--f-titulo); letter-spacing: .16em; text-transform: uppercase; border-bottom: 3px solid #fff; padding-bottom: .35rem; margin-bottom: 1rem; }
.empresario h2 { color: #fff; font-size: clamp(1.8rem, 4.6vw, 2.8rem); text-shadow: 0 2px 14px rgb(0 0 0 / 45%); }
.empresario__cabeza p { font-size: 1.125rem; color: #fff; margin: 0; text-shadow: 0 1px 10px rgb(0 0 0 / 50%); }
.empresario__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(13.5rem, 1fr)); }
.empresario__lista li { display: grid; justify-items: center; text-align: center; gap: .5rem; background: #fff; color: var(--tinta); border-radius: var(--radio); padding: 1.5rem 1.1rem; box-shadow: 0 18px 40px -22px rgb(0 0 0 / 45%); }
.empresario__lista .icono { display: grid; place-items: center; width: 104px; height: 104px; margin-bottom: .35rem; }
.empresario__lista .icono img { width: 96px; height: 96px; max-width: none; object-fit: contain; }
.empresario__lista strong { font: 800 1rem/1.25 var(--f-titulo); }
.empresario__lista span { color: var(--tinta-suave); font-size: .9375rem; }
.empresario__acciones { justify-content: center; margin-top: 2.25rem; }
.btn--claro { background: #fff; color: var(--verde-boton); }
.btn--claro:hover { background: var(--verde-suave); color: var(--verde-boton-osc); }
.btn--borde-claro { background: transparent; border-color: rgb(255 255 255 / 85%); color: #fff; }
.btn--borde-claro:hover { background: #fff; color: var(--verde-boton-osc); }

/* Crecemos juntos */
.mundo { position: relative; aspect-ratio: 1944 / 1010; min-height: 28rem; background: #1c2b0f url('/img/2026/banderas.webp') center / cover no-repeat; display: grid; place-items: center; color: #fff; isolation: isolate; text-align: center; padding: 4rem 1rem; }
.mundo::after { content: ""; position: absolute; inset: 0; background: radial-gradient(closest-side at 55% 50%, rgb(0 0 0 / 28%), rgb(0 0 0 / 0%)); z-index: -1; }
.mundo__cuerpo h2 { font-size: clamp(2.2rem, 7vw, 4.2rem); text-transform: uppercase; color: #fff; text-shadow: 0 2px 14px rgb(0 0 0 / 45%); margin-bottom: .25rem; }
.mundo__cuerpo p { font-size: 1.05rem; text-shadow: 0 1px 8px rgb(0 0 0 / 55%); margin-bottom: 1.25rem; }
.mundo .paises { justify-content: center; gap: .35rem; }
.pais-btn { background: #fff; color: #222; padding: .65rem 1.4rem; font: 700 .72rem var(--f-titulo); letter-spacing: .04em; text-transform: uppercase; text-decoration: none; }
.pais-btn:hover { background: var(--verde-boton); color: #fff; }

/* Pie oscuro con la disposición del original */
.pie { background: #333; color: #fff; padding: 3rem 0 1.25rem; }
.pie__rejilla { display: grid; gap: 2.5rem; grid-template-columns: 1fr; align-items: center; }
@media (min-width: 860px) { .pie__rejilla { grid-template-columns: 1fr 1fr 1fr; } .pie__col--marca, .pie__col--redes { text-align: center; } }
.pie__tit { font: 700 1.1rem var(--f-titulo); letter-spacing: 0; text-transform: none; color: #fff; margin-bottom: .75rem; }
.pie a { color: #fff; }
.pie__col--marca a { color: #8cc3ff; }
.pie__col--marca img { margin-inline: auto; margin-bottom: .75rem; filter: none; width: 190px; height: auto; }
.pie__enlaces { margin: 0 0 .75rem; font-size: .875rem; }
.pie__cookies { background: none; border: 0; padding: 0; color: #8cc3ff; font: inherit; text-decoration: underline; cursor: pointer; }
.redes { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .5rem; }
.pie__col--redes .redes { justify-content: center; }
.redes a { width: auto; height: auto; border: 0; border-radius: 50%; display: block; }
.redes a:hover { background: transparent; transform: translateY(-2px); }
.redes img { width: 47px; height: 47px; }
.redes--claras { margin-top: 1rem; }
.wa-flotante { left: 1.25rem; right: auto; bottom: 1.25rem; width: 60px; height: 60px; background: transparent; box-shadow: none; }
.wa-flotante img { width: 60px; height: 60px; filter: drop-shadow(0 6px 10px rgb(0 0 0 / 35%)); }

/* Cookies */
.cookies {
  position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 120; max-width: 62rem; margin-inline: auto; background: var(--tarjeta); color: var(--tinta);
  border: 1px solid var(--linea); border-radius: var(--radio); box-shadow: 0 20px 50px -20px rgb(0 0 0 / 45%); padding: 1rem 1.25rem; display: grid; gap: .9rem; font-size: .9375rem;
}
.cookies[hidden] { display: none; }
@media (min-width: 760px) { .cookies { grid-template-columns: 1fr auto; align-items: center; } }
.cookies__acciones { display: flex; flex-wrap: wrap; gap: .5rem; }
.cookies a { color: var(--tinta); }
.panel-cookies { border: 0; border-radius: var(--radio); padding: 1.5rem; width: min(92vw, 34rem); box-shadow: 0 30px 80px -20px rgb(0 0 0 / 55%); }
.panel-cookies::backdrop { background: rgb(10 20 4 / 60%); }
.panel-cookies h2 { font-size: 1.3rem; }
.panel-cookies__fila { display: flex; justify-content: space-between; gap: 1rem; align-items: start; padding: .9rem 0; border-top: 1px solid var(--linea); cursor: pointer; }
.panel-cookies__fila input { width: 22px; height: 22px; margin-top: .2rem; accent-color: #4a7c10; flex: none; }
.panel-cookies .cookies__acciones { margin-top: 1.25rem; }

/* Páginas interiores */
.faq { border: 1px solid var(--linea); border-radius: var(--radio-sm); background: var(--tarjeta); margin-bottom: .75rem; padding: .25rem 1rem; }
.faq summary { cursor: pointer; font: 700 1rem var(--f-titulo); padding: .8rem 0; }
.faq p { margin: 0 0 1rem; color: var(--tinta-suave); }
.tabla { width: 100%; border-collapse: collapse; font-size: .9375rem; }
.tabla th, .tabla td { text-align: left; padding: .7rem .8rem; border-bottom: 1px solid var(--linea); vertical-align: top; }
.tabla th { background: var(--verde-suave); font-family: var(--f-titulo); }

@media (max-width: 1080px) { .nav__enlace, .nav__boton { font-size: 1rem; } }
@media print { .cookies, .info { display: none; } }


/* Móvil: aviso de cookies compacto para que no tape la página, encabezado y botones cómodos al tacto */
@media (max-width: 600px) {
  .cookies { left: .5rem; right: .5rem; bottom: .5rem; padding: .85rem 1rem; gap: .65rem; font-size: .875rem; max-height: 60vh; overflow-y: auto; }
  .cookies__acciones .btn { flex: 1 1 auto; min-height: 44px; }
  .cabecera--sobre-hero .cabecera__fila { min-height: 84px; }
  .cabecera--sobre-hero .marca img { width: 160px; }
  .cabecera--sobre-hero.cabecera--solida .marca img { width: 128px; }
  .hero__botones { flex-direction: column; align-items: stretch; width: min(100%, 18rem); }
  .btn-original { text-align: center; padding-block: .9rem; }
  .hero__aviso-tit { font-size: 1rem; }
  .empresario__acciones .btn { width: 100%; }
  .mundo { min-height: 30rem; padding-block: 3rem; }
  .pais-btn { padding: .75rem 1.1rem; }
  .pie__rejilla { text-align: center; }
  .pie .redes, .pie__col--redes .redes { justify-content: center; }
}

/* Contenido: cada nota es una hoja membretada de Proher Natura (ola verde con el logo arriba a la derecha, olas abajo a la izquierda) */
.contenido-hoja { background: var(--papel-suave); padding-block: var(--seccion); }
.hojas { display: grid; gap: 2rem; grid-template-columns: repeat(auto-fit, minmax(17.5rem, 1fr)); margin-top: .5rem; }
.hoja { position: relative; isolation: isolate; display: flex; flex-direction: column; aspect-ratio: 210 / 262; min-height: 27rem; background: #fff; border-radius: 3px; overflow: hidden; text-decoration: none; box-shadow: 0 1px 0 rgb(0 0 0 / 6%), 0 26px 46px -28px rgb(0 0 0 / 45%); transition: transform 220ms, box-shadow 220ms; }
.hoja:hover { transform: translateY(-6px) rotate(-.4deg); box-shadow: 0 1px 0 rgb(0 0 0 / 6%), 0 34px 54px -26px rgb(0 0 0 / 50%); }
.hoja__ola { position: absolute; z-index: -1; pointer-events: none; background-repeat: no-repeat; background-size: 100% 100%; }
.hoja__ola--arriba {
  top: 0; right: 0; width: 62%; aspect-ratio: 360 / 220;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 220' preserveAspectRatio='none'%3E%3Cpath d='M70 0H360V176C300 150 210 130 150 80C120 55 95 28 70 0Z' fill='%2380ba26'/%3E%3Cpath d='M104 52C170 100 260 140 360 196V218C250 175 160 135 104 52Z' fill='%23bad684'/%3E%3C/svg%3E");
}
.hoja__ola--abajo {
  bottom: 0; left: 0; width: 88%; aspect-ratio: 520 / 120;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 120' preserveAspectRatio='none'%3E%3Cpath d='M0 46C60 24 140 34 210 74C250 96 300 108 340 120H0Z' fill='%2380ba26'/%3E%3Cpath d='M0 20C70 12 130 30 190 62C130 44 70 34 0 36Z' fill='%23bad684'/%3E%3Cpath d='M190 120C280 74 400 84 520 120Z' fill='%23bad684'/%3E%3C/svg%3E");
}
.hoja__logo { position: absolute; top: .8rem; right: .9rem; display: grid; place-items: center; width: 4.6rem; height: 4.6rem; border-radius: 50%; background: #fff; box-shadow: 0 5px 14px -6px rgb(0 0 0 / 35%); }
.hoja__logo img { width: 2.9rem; height: auto; }
.hoja__cuerpo { display: grid; align-content: start; gap: .45rem; padding: 8.6rem 1.5rem 4.6rem; }
.hoja__meta { font: 700 .7rem var(--f-titulo); letter-spacing: .1em; text-transform: uppercase; color: var(--tinta); }
.hoja__cuerpo strong { font: 800 1.2rem/1.25 var(--f-titulo); color: var(--tinta); }
.hoja__resumen { color: var(--tinta-suave); font-size: .9375rem; }
.hoja__leer { font: 700 .875rem var(--f-titulo); color: var(--verde-boton); text-decoration: underline; text-underline-offset: 4px; }
.hoja__pie { margin: 2.25rem 0 0; }
@media (max-width: 600px) { .hoja { aspect-ratio: auto; min-height: 23rem; } }

/* Últimos videos: carrusel grande que avanza solo */
.carrusel { position: relative; }
.carrusel__pista { display: flex; gap: 1.25rem; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding-bottom: .25rem; }
.carrusel__pista::-webkit-scrollbar { display: none; }
.carrusel__item { flex: 0 0 100%; scroll-snap-align: start; margin: 0; min-width: 0; }
@media (min-width: 900px) { .carrusel__item { flex-basis: 72%; } }
.carrusel__item .video__tit { font-size: 1.1rem; margin-top: .8rem; }
@media (min-width: 900px) { .carrusel__flecha--sig { right: calc(28% + .6rem); } }
@media (max-width: 900px) { .mundo { aspect-ratio: auto; min-height: 32rem; background-position: 12% center; } }

/* Celular: las notas y los beneficios se deslizan de lado para ahorrar espacio */
@media (max-width: 700px) {
  .hojas, .empresario__lista { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-inline: calc(var(--canal) * -1); padding: .5rem var(--canal) 1rem; scroll-padding-inline: var(--canal); }
  .hojas::-webkit-scrollbar, .empresario__lista::-webkit-scrollbar { display: none; }
  .hojas > .hoja { flex: 0 0 80%; scroll-snap-align: start; min-height: 24rem; }
  .empresario__lista li { flex: 0 0 72%; scroll-snap-align: start; }
  .hoja:hover { transform: none; }
}

/* Videos: sin flechas; puntos y aviso para deslizar con el dedo */
.carrusel__puntos { display: flex; justify-content: center; gap: .5rem; margin-top: 1rem; }
.carrusel__puntos i { width: 9px; height: 9px; border-radius: 99px; background: rgb(0 0 0 / 22%); transition: width 250ms, background 250ms; }
.carrusel__puntos i.activo { width: 26px; background: var(--verde-boton); }
.carrusel__ayuda { margin: .6rem 0 0; text-align: center; font: 600 .8125rem var(--f-titulo); color: var(--tinta-suave); }
.carrusel__ayuda::after { content: " \2192"; }

/* Visor flotante, como el del catálogo de la página original */
.visor { border: 0; padding: 0; background: transparent; width: 100vw; max-width: 100vw; height: 100dvh; max-height: 100dvh; margin: 0; color: #fff; overflow: hidden; }
.visor::backdrop { background: rgb(8 14 5 / 88%); backdrop-filter: blur(3px); }
.visor[open] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; grid-template-rows: minmax(0, 1fr) auto; align-items: center; gap: .5rem 1rem; padding: 1.25rem; }
.visor__lienzo { grid-column: 2; grid-row: 1; display: grid; place-items: center; min-height: 0; height: 100%; }
.visor__lienzo img { max-width: 100%; max-height: calc(100dvh - 7rem); width: auto; height: auto; object-fit: contain; border-radius: 6px; box-shadow: 0 30px 80px -20px rgb(0 0 0 / 70%); background: #fff; }
.visor__lienzo iframe { width: min(100%, 64rem); aspect-ratio: 16 / 9; height: auto; max-height: calc(100dvh - 8rem); border: 0; border-radius: 10px; background: #000; box-shadow: 0 30px 80px -20px rgb(0 0 0 / 70%); }
.visor__pie { grid-column: 1 / -1; grid-row: 2; margin: 0; text-align: center; font: 600 .875rem var(--f-titulo); color: rgb(255 255 255 / 85%); }
.visor__flecha, .visor__cerrar { width: 52px; height: 52px; border: 0; border-radius: 50%; background: rgb(255 255 255 / 14%); color: #fff; cursor: pointer; display: grid; place-items: center; transition: background 200ms; }
.visor__flecha:hover, .visor__cerrar:hover { background: var(--verde-boton); }
.visor__flecha svg, .visor__cerrar svg { width: 26px; height: 26px; }
.visor__flecha--ant { grid-column: 1; grid-row: 1; }
.visor__flecha--sig { grid-column: 3; grid-row: 1; }
.visor__cerrar { position: absolute; top: .9rem; right: .9rem; z-index: 3; background: rgb(0 0 0 / 45%); }
.visor__flecha[hidden] { display: none; }
@media (max-width: 700px) {
  .visor[open] { grid-template-columns: minmax(0, 1fr); padding: 3.4rem .5rem 1rem; }
  .visor__lienzo { grid-column: 1; }
  .visor__flecha { display: none; }
  .visor__pie { grid-column: 1; }
}

/* Catálogo */
.catalogo-rejilla { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(9.5rem, 1fr)); }
.catalogo-mini { padding: 0; border: 0; background: #fff; border-radius: 6px; overflow: hidden; cursor: pointer; box-shadow: var(--sombra); transition: transform 200ms, box-shadow 200ms; }
.catalogo-mini:hover, .catalogo-mini:focus-visible { transform: translateY(-4px); box-shadow: 0 18px 34px -16px rgb(0 0 0 / 40%); }
.catalogo-mini img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; }

/* Botón de respaldo para ver el video del inicio cuando el teléfono no lo arranca solo */
.hero__play { position: absolute; z-index: 3; left: 50%; bottom: 3.2rem; transform: translateX(-50%); display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; border: 3px solid rgb(255 255 255 / 90%); background: rgb(78 139 13 / 85%); color: #fff; cursor: pointer; box-shadow: 0 10px 28px -8px rgb(0 0 0 / 60%); }
.hero__play[hidden] { display: none; }
.hero__play svg { width: 30px; height: 30px; margin-left: 3px; }
.hero--inicio { position: relative; }

/* Inicio: logo del mismo tamaño que el blanco de las páginas interiores y verde de la página original (#8bab0a) */
.cabecera--sobre-hero .marca img, .cabecera--sobre-hero.cabecera--solida .marca img { height: 52px; width: auto; }
@media (max-width: 1080px) { .cabecera--sobre-hero .marca img, .cabecera--sobre-hero.cabecera--solida .marca img { height: 46px; width: auto; } }
.pag-home { --verde: #8bab0a; --verde-boton: #8bab0a; --verde-boton-osc: #76930a; --verde-texto: #5f7708; }
.pag-home .btn--linea, .pag-home .btn--claro, .pag-home .hoja__leer { color: var(--verde-texto); }
.pag-home .btn--linea { border-color: var(--verde-boton); }
.pag-home .btn--linea:hover, .pag-home .btn--claro:hover { color: #fff; }
.pag-home .btn--claro:hover { background: var(--verde-boton-osc); }