/* Portada (hero), diseño clásico. Lo que comparte con el encabezado de las
   páginas internas (.untree_co-hero, .heading, .excerpt, .dots) sigue en
   css/style.css. */

/* Tamaño del título: lo elige el dueño o sale del largo del texto
   (filtro `clase_tamano_titulo`). */
.untree_co-hero .heading.titulo-xl {
  font-size: clamp(38px, 4vw + 20px, 59px); }
.untree_co-hero .heading.titulo-lg {
  font-size: clamp(30px, 3vw + 16px, 46px); }
.untree_co-hero .heading.titulo-md {
  font-size: clamp(24px, 2.2vw + 14px, 36px); }
.untree_co-hero .heading.titulo-sm {
  font-size: clamp(20px, 1.8vw + 12px, 28px); }

.untree_co-hero .hero-media {
  max-width: 100%;
  max-height: 440px;
  height: auto;
  object-fit: contain; }
  @media (max-width: 991.98px) {
    .untree_co-hero .hero-media {
      display: block;
      max-height: 260px;
      width: auto;
      margin: 0 auto 20px; } }

/* Con encuadre elegido en el panel la foto llena su recuadro (recortada en el punto elegido)
   o se muestra entera dentro de él. Sin encuadre, queda como siempre. */
.untree_co-hero .hero-media--cover {
  width: 100%;
  height: 440px;
  object-fit: cover; }
.untree_co-hero .hero-media--contain {
  width: 100%;
  height: 440px;
  object-fit: contain; }
  @media (max-width: 991.98px) {
    .untree_co-hero .hero-media--cover,
    .untree_co-hero .hero-media--contain {
      height: 260px; } }

.untree_co-hero .hero-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 16px; }
  @media (max-width: 991.98px) {
    .untree_co-hero .hero-cta {
      justify-content: center; } }

.untree_co-hero .excerpt .tamano-sm {
  font-size: 14px; }
.untree_co-hero .excerpt .tamano-md {
  font-size: 16px; }
.untree_co-hero .excerpt .tamano-lg {
  font-size: 19px; }

.untree_co-hero .hero-trust {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 18px 0 0;
  font-size: 14px;
  color: #6b6b6b; }
  .untree_co-hero .hero-trust .icon-check-circle {
    color: var(--color-primario, #B8962E);
    font-size: 16px;
    flex-shrink: 0; }
  @media (max-width: 991.98px) {
    .untree_co-hero .hero-trust {
      justify-content: center; } }

/* Sin foto ni video, el texto va centrado y a lo ancho (ver hero/clasico.html). */
.untree_co-hero .hero--sin-imagen .excerpt {
  max-width: 46rem;
  margin-left: auto;
  margin-right: auto; }