/*
Theme Name:     Eurosport
Theme URI:      https://eurosport-bcn.com
Description:    Tema hijo de GeneratePress para Eurosport, centro de rehabilitacion y medicina del deporte en Barcelona.
Author:         Sants Web Design
Author URI:     https://santswebdesign.com
Template:       generatepress
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    eurosport
*/



:root {
  
  --eu-azul:          #6B85B6;  
  --eu-azul-texto:    #526FA6;  
  --eu-hero-bg:       #5B719A;  
  --eu-testim-bg:     #94A6C8;  
  --eu-fondo:         #F7F6F4;
  --eu-texto:         #3A3A3A;  
  --eu-texto-suave:   #6B6B6B;  
  --eu-blanco:        #FFFFFF;
  --eu-borde:         #D8D5D0;

  
  --eu-serif: 'Bodoni Moda', Didot, Georgia, serif;
  --eu-sans:  'IBM Plex Sans Condensed', system-ui, -apple-system, sans-serif;
  --eu-mono:  'IBM Plex Mono', ui-monospace, monospace;

  
  --fs-display:   clamp(2.125rem,  1.2143rem + 4.5536vw, 5.3125rem); 
  --fs-titulo:    clamp(1.5rem,    1.1429rem + 1.7857vw, 2.75rem);   
  --fs-cifra:     clamp(1.875rem,  1.5179rem + 1.7857vw, 3.125rem);  
  --fs-destacado: clamp(1.1875rem, 1.0804rem + 0.5357vw, 1.5625rem); 
  --fs-cuerpo:    clamp(1.0625rem, 1.0089rem + 0.2679vw, 1.25rem);   
  
  --fs-ui:        clamp(1rem,      0.8571rem + 0.7143vw, 1.25rem);   
  

  
  --lh-titulo: 1;     
  --lh-texto:  1.6;   
  --lh-ui:     1.3;   

  
  --paso-1: clamp(0.25rem, 0.2277rem + 0.1116vw, 0.3125rem);
  --paso-2: clamp(0.5rem,  0.4554rem + 0.2232vw, 0.625rem);
  --paso-3: clamp(0.75rem, 0.6384rem + 0.5580vw, 1.1563rem);
  --paso-4: clamp(1rem,    0.8438rem + 0.7813vw, 1.5625rem);
  --paso-5: clamp(1.5rem,  1.1875rem + 1.5625vw, 2.625rem);
  --paso-6: clamp(2rem,    1.4643rem + 2.6786vw, 3.875rem);
  --paso-7: clamp(3rem,    2.1071rem + 4.4643vw, 6.125rem);

  --esp-seccion:  var(--paso-7);  
  --esp-bloque:   var(--paso-6);  
  --esp-elemento: var(--paso-5);  
  --esp-texto:    var(--paso-4);  
  --esp-minimo:   var(--paso-3);  
  
  --esp-borde:    clamp(1.25rem, 1.0938rem + 0.7813vw, 1.5625rem);  

  
  --ancho-contenido: 1252px;  
  --ancho-texto:     68ch;    
  --objetivo-min:    24px;    
  --objetivo-comodo: 44px;    

  
  --radio:      24px;   
  --radio-pill: 999px;  

  
  --velo: 26 32 44;
}



body {
  background-color: var(--eu-fondo);
  color: var(--eu-texto);
  font-family: var(--eu-sans);
  font-size: var(--fs-cuerpo);
  line-height: var(--lh-texto);
  
  --wp--style--global--content-size: var(--ancho-contenido);
  --wp--style--global--wide-size: var(--ancho-contenido);
}

h1, h2, h3, h4 {
  font-family: var(--eu-serif);
  line-height: var(--lh-titulo);
  color: var(--eu-texto);
  text-wrap: balance;
}

h1 { font-size: var(--fs-display); }
h2 { font-size: var(--fs-display); }
h3 { font-size: var(--fs-titulo); }


p { max-inline-size: var(--ancho-texto); }
.eu-etiqueta,
.eu-h2-mutuas,
.eu-tarjeta-t,
.eu-tarjeta-b,
.eu-cifra-n,
.eu-cifra-t,
.eu-pie-marca,
.eu-descarga,
.eu-copyright { max-inline-size: none; }


a { color: var(--eu-azul-texto); }
a:hover, a:focus { color: var(--eu-texto); }




:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--eu-azul-texto);
  outline-offset: 2px;
}


:where(a, button, input[type="submit"], input[type="button"], .wp-block-button__link) {
  min-block-size: var(--objetivo-min);
  min-inline-size: var(--objetivo-min);
}


p :where(a) {
  min-block-size: auto;
  min-inline-size: auto;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}


html, body { overflow-x: clip; }

img, video, svg { max-inline-size: 100%; block-size: auto; }


:where(table, pre) { max-inline-size: 100%; overflow-x: auto; }




.eu-etiqueta,
.eu-h2-mutuas,
.eu-tarjeta-t,
.eu-tarjeta-b,
.eu-leer-mas,
.eu-descarga a,
.eu-pie-marca,
.eu-cta a.wp-block-button__link,
.main-navigation .main-nav > ul > li > a {
  font-family: var(--eu-mono);
  font-size: var(--fs-ui);
  line-height: var(--lh-ui);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.eu-faq summary {
  font-family: var(--eu-mono);
  font-size: var(--fs-ui);
  line-height: var(--lh-ui);
}


.eu-cta a.wp-block-button__link,
.eu-leer-mas,
.eu-descarga a {
  display: inline-flex;
  align-items: center;
  gap: var(--paso-2);
  min-block-size: var(--objetivo-comodo);
  cursor: pointer;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
}


.eu-cta a.wp-block-button__link:not(.has-background) {
  line-height: var(--lh-ui);
  background: transparent;
  border: 1px solid currentColor;
  border-radius: var(--radio-pill);
  color: inherit;
  padding: var(--esp-minimo) var(--esp-elemento);
}
.eu-cta a.wp-block-button__link::after { content: '\2192'; }
.eu-cta a.wp-block-button__link:hover,
.eu-cta a.wp-block-button__link:focus-visible {
  background: var(--eu-blanco);
  color: var(--eu-hero-bg);
}


.eu-leer-mas,
.eu-descarga a {
  background: none;
  border: 0;
  border-block-end: 1px solid currentColor;
  border-radius: 0;
  padding: var(--paso-2) 0;
  text-decoration: none;
}
.eu-leer-mas:hover,
.eu-leer-mas:focus-visible,
.eu-descarga a:hover,
.eu-descarga a:focus-visible { color: var(--eu-testim-bg); }


.eu-etiqueta {
  color: var(--eu-azul-texto);
  margin-block: 0 var(--esp-texto);
}
.eu-sobre-hero .eu-etiqueta,
.eu-sobre-testim .eu-etiqueta,
.eu-proceso .eu-etiqueta { color: var(--eu-blanco); }


h2.eu-h2-mutuas {
  font-size: var(--fs-ui);
  color: var(--eu-blanco);
  margin-block: 0 var(--esp-bloque);
}


.eu-hero > .wp-block-cover__inner-container,
.eu-cifras > .wp-block-group__inner-container,
.eu-historia > .wp-block-group__inner-container,
.eu-seccion > .wp-block-group__inner-container,
.eu-servicios > .wp-block-group__inner-container,
.eu-proceso > .wp-block-cover__inner-container,
.eu-faq > .wp-block-group__inner-container,
.eu-testimonios > .wp-block-group__inner-container,
.eu-mutuas > .wp-block-group__inner-container,
.site-footer .footer-widgets-container .inside-footer-widgets,
.site-info .inside-site-info,
.site-header .inside-header {
  inline-size: 100%;
  max-inline-size: min(var(--ancho-contenido), 100% - var(--esp-borde) * 2);
  margin-inline: auto;
  
  padding: 0;
}





.eu-rejilla > .wp-block-group__inner-container,
.eu-rejilla-mutuas > .wp-block-group__inner-container,
.eu-pauta > .wp-block-group__inner-container,
.eu-faq-lista > .wp-block-group__inner-container,
.eu-columnas > .wp-block-group__inner-container,
.eu-tecnica > .wp-block-group__inner-container {
  box-sizing: border-box;
  inline-size: 100%;
  padding-inline: 0;
  margin-inline: 0;
}


.eu-rejilla > .wp-block-group__inner-container,
.eu-rejilla:not(:has(> .wp-block-group__inner-container)) {
  display: grid;
  gap: var(--paso-5);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--min-columna, 18rem)), 1fr));
  align-content: start;
}

.eu-seccion {
  padding-block: var(--esp-seccion);
  }

.eu-contenedor {
  max-inline-size: var(--ancho-contenido);
  margin-inline: auto;
}




.eu-sobre-hero   { background-color: var(--eu-hero-bg); color: var(--eu-blanco); }
.eu-sobre-hero :where(h1, h2, h3, p) { color: var(--eu-blanco); }

.eu-sobre-testim { background-color: var(--eu-hero-bg); color: var(--eu-blanco); }
.eu-sobre-testim :where(h1, h2, h3, p, cite, blockquote) { color: var(--eu-blanco); }

.eu-etiqueta {
  color: var(--eu-azul-texto);
  margin-block-end: var(--esp-texto);
}






.site-header {
  background-color: var(--eu-hero-bg);
  padding-block: 0;
}
.site-header .inside-header { padding-block: var(--paso-5); }

.site-header .inside-header { align-items: center; }
.site-logo img, .custom-logo { max-block-size: 3.25rem; inline-size: auto; }

.site-logo a {
  display: inline-flex;
  align-items: center;
  min-block-size: var(--objetivo-comodo);
}


@media (max-width: 768px) {
  .site-header { position: relative; text-align: start; }
  .site-header .inside-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    padding-block: var(--paso-3);
  }
  
  .site-header .inside-header > :not(:last-child):not(.main-navigation) {
    margin-bottom: 0;
  }
  .site-header .main-navigation { margin-inline-start: auto; }
  .main-navigation button.menu-toggle {
    inline-size: auto;
    padding-inline: 0;
    text-align: end;
  }
  
  .main-navigation,
  .main-navigation .inside-navigation { position: static; }
  .main-navigation.toggled .main-nav {
    position: absolute;
    inset-inline: 0;
    inset-block-start: 100%;
    background-color: var(--eu-hero-bg);
    padding: var(--paso-3) var(--esp-borde) var(--paso-5);
    z-index: 20;
  }
}

.main-navigation,
.main-navigation .inside-navigation { background: transparent; }
.main-navigation .main-nav > ul > li > a {
  color: var(--eu-blanco);
  font-family: var(--eu-mono);
  font-size: var(--fs-ui);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  min-block-size: var(--objetivo-comodo);
  display: flex;
  align-items: center;
}
.main-navigation .main-nav > ul > li > a:hover,
.main-navigation .main-nav > ul > li.current-menu-item > a {
  color: var(--eu-blanco);
  text-decoration: underline;
  text-underline-offset: 0.4em;
  background: transparent;
}
.menu-toggle { color: var(--eu-blanco); min-block-size: var(--objetivo-comodo); }


.generate-columns-container,
.full-width-content .site-content .content-area { padding: 0; }





.entry-content > .eu-hero,
.entry-content > .eu-cifras,
.entry-content > .eu-historia,
.entry-content > .eu-seccion,
.entry-content > .eu-servicios,
.entry-content > .eu-proceso,
.entry-content > .eu-faq,
.entry-content > .eu-testimonios,
.entry-content > .eu-mutuas {
  margin-block: 0 !important;
}



.eu-hero {
  padding-block: var(--esp-seccion);
  
  padding-inline: 0;
  text-align: center;
  
  align-items: center;
}
.eu-hero .wp-block-cover__background {
  background-color: var(--eu-hero-bg) !important;
  mix-blend-mode: multiply;
  opacity: 1 !important;
}

.eu-hero {
  background-color: var(--eu-blanco);
  
  isolation: isolate;
}


.eu-hero img.wp-block-cover__image-background {
  filter: grayscale(1) contrast(1.05);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 var(--paso-8));
  mask-image: linear-gradient(to bottom, transparent 0, #000 var(--paso-8));
}
.eu-hero .wp-block-cover__inner-container {
  
  display: flex;
  flex-direction: column;
  align-items: center;
}
.eu-hero .wp-block-cover__inner-container > * {
  align-self: center;
  max-inline-size: 100%;
  margin-inline: auto;
}
.eu-hero .wp-block-buttons { justify-content: center; }
.eu-hero .eu-display {
  font-style: italic;             
  max-inline-size: 18ch;
  margin-block: var(--paso-4);
}
.eu-hero .eu-subtitulo {
  font-family: var(--eu-serif);
  font-size: var(--fs-destacado);
  max-inline-size: 52ch;
  margin-block-end: var(--paso-5);
}


.eu-cta a.wp-block-button__link:not(.has-background) {
  background: transparent;
  border: 1px solid currentColor;
  border-radius: var(--radio-pill);
  color: inherit;
  font-family: var(--eu-mono);
  font-size: var(--fs-ui);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: var(--paso-3) var(--paso-5);
  min-block-size: var(--objetivo-comodo);           
  display: inline-flex;
  align-items: center;
  gap: var(--paso-2);
}


.eu-cifras {
  padding-block: var(--esp-seccion);
}

.eu-cifras > .wp-block-group__inner-container,
.eu-cifras:not(:has(> .wp-block-group__inner-container)) {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--paso-5);
  
}
@media (min-width: 768px) {
  .eu-cifras > .wp-block-group__inner-container,
  .eu-cifras:not(:has(> .wp-block-group__inner-container)) {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .eu-cifras > .wp-block-group__inner-container,
  .eu-cifras:not(:has(> .wp-block-group__inner-container)) {
    grid-template-columns: repeat(4, 1fr);
  }
}

.eu-cifra > .wp-block-group__inner-container,
.eu-cifra:not(:has(> .wp-block-group__inner-container)) {
  display: flex;
  
  align-items: last baseline;
  gap: var(--paso-2);
  padding: 0;
}
.eu-cifra-n {
  font-family: var(--eu-sans);
  font-size: var(--fs-cifra);
  font-weight: 500;
  line-height: var(--lh-titulo);
  margin: 0;
}

@media (max-width: 1023px) {
  .eu-cifra-n { min-inline-size: 3.7em; }
}
.eu-cifra-t {
  font-family: var(--eu-serif);
  font-size: var(--fs-ui);
  margin: 0;
  
  max-inline-size: 14ch;
  line-height: var(--lh-ui);
}




.eu-cabecera .eu-display { max-inline-size: 24ch; }
.eu-cabecera .eu-entradilla {
  font-family: var(--eu-serif);
  font-size: var(--fs-destacado);
  line-height: var(--lh-texto);
  max-inline-size: 58ch;
  margin-block: 0;
}


.eu-columnas > .wp-block-group__inner-container,
.eu-columnas:not(:has(> .wp-block-group__inner-container)) {
  columns: var(--min-columna, 18rem) auto;
  column-gap: var(--paso-6);
}



.eu-tecnicas .eu-columnas { --min-columna: 26rem; }
.eu-tecnica {
  
  break-inside: avoid-column;
  
  margin-block-end: var(--esp-elemento);
}
.eu-tecnica h3 {
  font-size: var(--fs-destacado);
  font-family: var(--eu-serif);
  color: var(--eu-hero-bg);
  margin-block: 0 var(--esp-texto);
}
.eu-tecnica p { margin-block: 0 var(--esp-texto); }
.eu-tecnica p:last-child { margin-block-end: 0; }

.eu-tecnica ul {
  margin-block: 0;
  padding-inline-start: var(--paso-5);
}
.eu-tecnica li { margin-block-end: var(--esp-minimo); }


.eu-equipo ul,
.eu-areas ul {
  list-style: none;
  margin: 0;
  padding: 0;
  
  columns: 20rem auto;
  column-gap: var(--paso-6);
}
.eu-equipo li,
.eu-areas li {
  
  break-inside: avoid-column;
  padding-block: var(--esp-minimo);
  border-block-end: 1px solid rgb(var(--velo) / 0.15);
}
.eu-sobre-testim .eu-equipo li,
.eu-equipo.eu-sobre-testim li { border-block-end-color: rgb(255 255 255 / 0.2); }


.eu-historia { padding-block-start: var(--esp-seccion); }

.eu-historia + .eu-servicios { padding-block-start: var(--esp-seccion); }
.eu-historia-t {
  
  color: var(--eu-hero-bg);
  font-family: var(--eu-serif);
  
  font-size: calc(var(--fs-destacado) + 2px);
  line-height: var(--lh-texto);
  text-align: center;
  max-inline-size: var(--ancho-texto);
  
  margin-block: 0;
  margin-inline: auto;
}


.eu-servicios { padding-block: var(--esp-seccion); }


@media (min-width: 1024px) {
  
  .eu-servicios > .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: 1fr 640px;
    column-gap: var(--paso-6);
    align-items: start;
    align-content: start;
  }
  .eu-servicios > .wp-block-group__inner-container > :not(.eu-rejilla) {
    grid-column: 1;
  }
  
  .eu-servicios .eu-rejilla {
    grid-column: 2;
    grid-row: 1 / span 3;
    align-self: start;
  }
  
  .eu-servicios .eu-rejilla > .wp-block-group__inner-container,
  .eu-servicios .eu-rejilla:not(:has(> .wp-block-group__inner-container)) {
    grid-template-columns: repeat(2, 1fr);
  }
}
.eu-h2-azul { color: var(--eu-azul); font-style: italic; }   

.eu-servicios .eu-etiqueta { margin-block-end: var(--paso-4); }

.eu-h2-azul,
.eu-proceso-t,
.eu-testimonios h2 { margin-block: 0 var(--esp-elemento); }


.eu-tarjeta {
  aspect-ratio: 306 / 414;
  align-items: stretch;
  padding: var(--paso-4);
  min-block-size: 0;
}

@media (max-width: 768px) {
  .eu-tarjeta { aspect-ratio: 4 / 3; }
}
.eu-tarjeta .wp-block-cover__inner-container {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--paso-4);
}




.eu-tarjeta .wp-block-cover__background {
  background: linear-gradient(to bottom, rgb(var(--velo) / 0.80) 0%, rgb(var(--velo) / 0.80) 22%, rgb(var(--velo) / 0.22) 42%, rgb(var(--velo) / 0.22) 58%, rgb(var(--velo) / 0.80) 78%, rgb(var(--velo) / 0.80) 100%) !important;
  opacity: 1 !important;
}
.eu-tarjeta-t,
.eu-tarjeta-b {
  margin: 0;
  color: var(--eu-blanco);
  text-align: center;
  max-inline-size: none;
}


.eu-tarjeta { position: relative; }
.eu-tarjeta-t a {
  color: inherit;
  text-decoration: none;
  
  min-block-size: 0;
}
.eu-tarjeta-t a::after {
  content: '';
  position: absolute;
  
  inset: calc(var(--paso-4) * -1);
  border-radius: var(--radio);
}

.eu-tarjeta:has(a:focus-visible) {
  outline: 3px solid var(--eu-azul-texto);
  outline-offset: 3px;
}
.eu-tarjeta-t a:focus-visible { outline: none; }

.eu-tarjeta:has(a:hover) .eu-tarjeta-t,
.eu-tarjeta:has(a:focus-visible) .eu-tarjeta-t {
  text-decoration: underline;
  text-underline-offset: 0.3em;
}



.eu-proceso {
  border-radius: var(--radio);
  margin-inline: var(--paso-5);
  padding: var(--paso-6);
  min-block-size: clamp(26rem, 45vw, 41rem);
  
  align-items: stretch;
}

@media (max-width: 768px) {
  .eu-proceso {
    min-block-size: 0;
    padding: var(--paso-5);
  }
}
.eu-proceso .wp-block-cover__inner-container {
  inline-size: 100%;
  max-inline-size: var(--ancho-contenido);
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: var(--paso-4);
}
.eu-proceso :where(h2, p) { color: var(--eu-blanco); }
.eu-proceso .eu-etiqueta { margin-block-end: 0; }
.eu-proceso-t {
  font-style: italic;
  max-inline-size: 16ch;
  margin-block: 0;
}
.eu-proceso-texto { max-inline-size: 46ch; margin-block: 0; }


@media (min-width: 1024px) {
  .eu-proceso .wp-block-cover__inner-container {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto 1fr auto;
    column-gap: var(--paso-6);
    row-gap: var(--paso-3);
  }
  .eu-proceso .eu-etiqueta      { grid-area: 1 / 1; }
  .eu-proceso .eu-proceso-t     { grid-area: 2 / 1; }
  .eu-proceso .eu-proceso-texto { grid-area: 4 / 1; align-self: end; }
  .eu-proceso .eu-proceso-cta   { grid-area: 4 / 2; align-self: end; justify-content: flex-end; }
}


.eu-faq { padding-block: var(--esp-seccion); }
.eu-faq-lista { margin-block-start: var(--paso-6); }

@media (min-width: 1024px) {
  
  .eu-faq > .wp-block-group__inner-container {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    column-gap: var(--paso-6);
    align-items: start;
    align-content: start;
  }
  .eu-faq > .wp-block-group__inner-container > :not(.eu-faq-lista) { grid-column: 1; }
  .eu-faq .eu-faq-lista {
    grid-column: 2;
    grid-row: 1 / span 3;
    margin-block-start: 0;
  }
}
.eu-faq details {
  border-block-end: 1px solid var(--eu-borde);
  padding-block: var(--paso-4);
}

.eu-faq summary {
  cursor: pointer;
  font-family: var(--eu-mono);
  font-size: var(--fs-ui);
  letter-spacing: 0.01em;
  color: var(--eu-azul-texto);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--paso-4);
  min-block-size: var(--objetivo-comodo);
  list-style: none;
}
.eu-faq summary::-webkit-details-marker { display: none; }
.eu-faq summary::after { content: '+'; font-size: 1.4em; line-height: 1; }
.eu-faq details[open] summary::after { content: '\2212'; }
.eu-faq details p { margin-block-start: var(--paso-3); }


.eu-testimonios { padding-block: var(--esp-seccion); text-align: center; }
.eu-testimonios h2 { font-style: italic; max-inline-size: 18ch; margin-inline: auto; }

.eu-testimonios p,
.eu-testimonios .eu-etiqueta,
.eu-mutuas p,
.eu-mutuas .eu-etiqueta { margin-inline: auto; }

.eu-testimonios .eu-rejilla { --min-columna: 16rem; }
.eu-testimonios .eu-rejilla,
.eu-testimonios .eu-rejilla > .wp-block-group__inner-container {
  margin-block-start: var(--paso-6);
  text-align: start;
  align-items: stretch;
}
.eu-testimonio {
  display: flex;
  flex-direction: column;
}
.eu-testimonio blockquote {
  display: flex;
  flex-direction: column;
  block-size: 100%;
}

.eu-testimonio cite { margin-block-start: auto; }
.eu-testimonio blockquote {
  margin: 0;
  border: 0;
  padding: 0;
  color: var(--eu-blanco);
  
  font-style: normal;
}
.eu-testimonio blockquote p { font-style: normal; }
.eu-testimonio blockquote::before {
  content: '\201C';
  display: block;
  font-family: var(--eu-serif);
  font-size: var(--fs-display);
  line-height: 0.8;
  color: var(--eu-blanco);        
  margin-block-end: var(--paso-3);
}
.eu-testimonio blockquote p { font-size: var(--fs-cuerpo); max-inline-size: none; }


.eu-cita-recortada {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.eu-leer-mas { align-self: flex-start; margin-block-start: var(--esp-minimo); color: var(--eu-blanco); }
.eu-leer-mas:hover,
.eu-leer-mas:focus-visible { color: var(--eu-testim-bg); }
.eu-testimonio cite {
  display: block;
  margin-block-start: var(--paso-4);
  font-family: var(--eu-serif);
  font-style: italic;
  font-size: var(--fs-ui);
  line-height: var(--lh-ui);
}


.eu-mutuas {
  padding-block: 0 var(--esp-seccion);
    text-align: center;
}

.eu-mutua {
  display: flex;
  align-items: center;
  justify-content: center;
  min-block-size: 4.5rem;
}
.eu-rejilla-mutuas { margin-block-start: var(--paso-6); }
.eu-rejilla-mutuas > .wp-block-group__inner-container,
.eu-rejilla-mutuas:not(:has(> .wp-block-group__inner-container)) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 7rem), 1fr));
  gap: var(--paso-6) var(--paso-5);
  align-items: center;
}
.eu-mutua { margin: 0; }
.eu-mutua img {
  max-block-size: 3.25rem;
  inline-size: auto;
  margin-inline: auto;
  object-fit: contain;
}



.site-footer { background-color: var(--eu-hero-bg); }



.site-footer .footer-widgets {
  background-color: transparent;
  padding-block: var(--esp-bloque) var(--esp-elemento);
  padding-inline: 0;
  max-inline-size: none;
}

.site-footer .footer-widgets-container {
  max-inline-size: none;
  margin-inline: 0;
  padding-inline: 0;
}

.site-footer .footer-widgets-container .inside-footer-widgets .widget,
.site-footer .footer-widgets-container .inside-footer-widgets .inner-padding {
  padding: 0;
}

.site-footer .footer-widgets .footer-widgets-container .inside-footer-widgets,
.site-footer .footer-widgets-container .inside-footer-widgets {
  margin-inline: auto !important;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--esp-elemento);
}
@media (min-width: 768px) {
  .site-footer .inside-footer-widgets {
    grid-template-columns: 1fr auto;
    align-items: end;
  }
  
  .site-footer .footer-widget-2,
  .site-footer .footer-widget-2 p { text-align: end; }
}

.site-footer .inside-footer-widgets > div {
  float: none;
  padding: 0;
  margin: 0;
  width: auto;
}
.site-footer :where(p, li, a) { color: var(--eu-blanco); }
.eu-pie-titulo {
  font-family: var(--eu-serif);
  font-size: var(--fs-titulo);
  margin-block: 0 var(--paso-3);
}
.site-footer .footer-widgets p { margin-block: 0 var(--paso-3); max-inline-size: none; }
.eu-pie-contacto a { text-decoration: underline; text-underline-offset: 0.25em; }
.eu-pie-contacto a:hover, .eu-pie-contacto a:focus-visible { color: var(--eu-testim-bg); }


.site-info {
  background-color: var(--eu-hero-bg);
  color: var(--eu-blanco);
  padding-block: var(--paso-5);
  padding-inline: 0;
  font-size: var(--fs-ui);
}

.site-info .inside-site-info {
  padding-inline: 0 !important;
  border-block-start: 1px solid rgb(255 255 255 / 0.35);
  padding-block-start: var(--paso-4);
  text-align: start;
}

.site-info .copyright-bar { text-align: start !important; }
@media (max-width: 768px) {
  .site-info,
  .site-info .inside-site-info { text-align: start; }
}
.eu-copyright { margin: 0; max-inline-size: none; }
.site-info a { color: var(--eu-blanco); text-decoration: underline; text-underline-offset: 0.25em; }
.site-info a:hover, .site-info a:focus-visible { color: var(--eu-testim-bg); }



.eu-aviso {
  border-inline-start: 3px solid var(--eu-azul);
  padding-inline-start: var(--paso-4);
  color: var(--eu-texto-suave);
  font-size: var(--fs-ui);
}



.eu-pautas .eu-rejilla { --min-columna: 18rem; margin-block-start: var(--paso-6); }
.eu-pauta {
  border: 1px solid var(--eu-borde);
  padding: var(--paso-5);
}

.eu-pauta > .wp-block-group__inner-container { padding: 0; }

.eu-pauta h2 { font-size: var(--fs-destacado); margin-block: 0 var(--paso-3); }
.eu-descarga { margin: 0; max-inline-size: none; }
.eu-descarga a {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--paso-2);
  min-block-size: var(--objetivo-comodo);
  font-family: var(--eu-mono);
  font-size: var(--fs-ui);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.eu-peso {
  color: var(--eu-texto-suave);
  text-transform: none;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .eu-display,
  .eu-h2-azul,
  .eu-proceso-t,
  .eu-testimonios h2 { line-height: 1.1; }
}

@media (max-width: 429px) {
  .eu-proceso {
    margin-inline: var(--paso-3);
    padding-inline: var(--paso-4);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .site-footer .footer-widget-2,
  .site-footer .footer-widget-2 p { text-align: start; }
}

.eu-legal :where(ul, ol) { max-inline-size: var(--ancho-texto); }
.eu-legal li { margin-block-end: var(--esp-minimo); }
