:root {
--wp--preset--font-size--2xl: var(--wp--preset--font-size--2-xl);
--wp--preset--font-size--3xl: var(--wp--preset--font-size--3-xl);
--wp--preset--font-size--4xl: var(--wp--preset--font-size--4-xl);
} :root {
--lolo-oro: var(--wp--preset--color--primary);
--lolo-oro-claro: var(--wp--preset--color--primary-hover);
--lolo-negro: var(--wp--preset--color--ink);
--lolo-banda: var(--wp--preset--color--band);
--lolo-tarjeta: var(--wp--preset--color--navy);
--lolo-marco: var(--wp--preset--color--frame);
--lolo-texto: var(--wp--preset--color--text);
--lolo-texto-suave: var(--wp--preset--color--text-muted);
--lolo-texto-tenue: var(--wp--preset--color--text-faint);
--lolo-claro: var(--wp--preset--color--bg-soft);
--lolo-claro-marco: var(--wp--preset--color--bg-muted);
--lolo-tinta: var(--wp--preset--color--ink);
--lolo-tinta-cuerpo: var(--wp--preset--color--ink-body);
--lolo-tinta-tenue: var(--wp--preset--color--ink-faint);
--lolo-linea: rgba(255, 255, 255, 0.08);
--lolo-linea-tarjeta: rgba(255, 255, 255, 0.09);
--lolo-linea-fuerte: rgba(255, 255, 255, 0.35);
--lolo-linea-oro: rgba(193, 159, 32, 0.45);
--lolo-linea-oro-suave: rgba(193, 159, 32, 0.5); --lolo-ancho: var(--wp--custom--sitio--ancho);
--lolo-aire-lateral: var(--wp--custom--sitio--aire-lateral);
--lolo-aire-seccion: var(--wp--custom--sitio--aire-seccion);
--lolo-radio-boton: var(--wp--custom--radius--sm);
--lolo-radio-tarjeta: var(--wp--custom--radius--md);
} body {
background: var(--lolo-negro);
color: var(--lolo-texto);
font-family: var(--wp--preset--font-family--sans);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} #lolo-main > * {
max-width: none;
} #lolo-main .entry-content > *,
#lolo-main > .entry-content {
margin-block: 0;
} .lolo-wrap,
#lolo-main [class*="wp-block-vidaytu-"] > [class*="__inner"] {
max-width: var(--lolo-ancho);
margin-inline: auto;
padding-inline: var(--lolo-aire-lateral);
} #lolo-main [class*="wp-block-vidaytu-"].alignfull > [class*="__inner"] {
max-width: var(--lolo-ancho);
padding-inline: var(--lolo-aire-lateral);
} [class*="wp-block-vidaytu-"]:not([class*="wp-block-vidaytu-lolo-"]) {
padding-block: var(--lolo-aire-seccion);
} .lolo-banda {
width: 100%;
} #lolo-main .lolo-banda {
padding-block: var(--lolo-aire-seccion);
}
#lolo-main .lolo-banda [class*="wp-block-vidaytu-"] {
background: transparent;
padding-block: 0;
}
.lolo-banda--oscura { background: var(--lolo-negro); color: var(--lolo-texto); }
.lolo-banda--profunda {
background: var(--lolo-banda);
color: var(--lolo-texto);
border-block: 1px solid var(--lolo-linea);
}
.lolo-banda--clara { background: var(--lolo-claro); color: var(--lolo-tinta); } .lolo-kicker {
margin: 0;
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: var(--wp--preset--font-size--xs);
letter-spacing: 3px;
text-transform: uppercase;
color: var(--lolo-oro);
} .lolo-foto-pendiente {
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--lolo-radio-tarjeta);
font-size: var(--wp--preset--font-size--base);
letter-spacing: 1px;
text-align: center;
padding: var(--wp--preset--spacing--40);
background: var(--lolo-marco);
border: 1px solid var(--lolo-linea-oro);
color: var(--lolo-texto-tenue);
}
.lolo-banda--clara .lolo-foto-pendiente,
.lolo-foto-pendiente.is-clara {
background: var(--lolo-claro-marco);
border-color: rgba(193, 159, 32, 0.55);
color: var(--lolo-tinta-tenue);
}
.lolo-foto-pendiente img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: inherit;
} .lolo-boton,
.wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
line-height: 1.2;
border-radius: var(--lolo-radio-boton);
text-decoration: none;
transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}
.lolo-boton--oro {
background: var(--lolo-oro);
color: var(--lolo-negro);
font-size: var(--wp--preset--font-size--lg);
padding: 18px 30px;
}
.lolo-boton--oro:hover,
.lolo-boton--oro:focus-visible {
background: var(--lolo-oro-claro);
color: var(--lolo-negro);
} .lolo-boton--oro-sm {
background: var(--lolo-oro);
color: var(--lolo-negro);
font-size: var(--wp--preset--font-size--md);
padding: 15px 24px;
}
.lolo-boton--oro-sm:hover,
.lolo-boton--oro-sm:focus-visible {
background: var(--lolo-oro-claro);
color: var(--lolo-negro);
}
.lolo-boton--contorno {
background: transparent;
border: 1px solid var(--lolo-linea-fuerte);
color: var(--lolo-texto);
font-weight: 600;
font-size: var(--wp--preset--font-size--md);
padding: 17px 26px;
}
.lolo-boton--contorno:hover,
.lolo-boton--contorno:focus-visible {
border-color: var(--lolo-oro);
color: var(--lolo-oro);
}
.lolo-boton--contorno-sm {
background: transparent;
border: 1px solid var(--lolo-linea-fuerte);
color: var(--lolo-texto);
font-weight: 600;
font-size: var(--wp--preset--font-size--md);
padding: 14px 24px;
}
.lolo-boton--contorno-sm:hover,
.lolo-boton--contorno-sm:focus-visible {
border-color: var(--lolo-oro);
color: var(--lolo-oro);
} .lolo-enlace-oro {
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: var(--wp--preset--font-size--md);
color: var(--lolo-oro);
text-decoration: none;
}
.lolo-enlace-oro:hover,
.lolo-enlace-oro:focus-visible {
color: var(--lolo-oro-claro);
text-decoration: underline;
} .wp-block-button.is-style-contorno .wp-block-button__link {
background: transparent;
border: 1px solid var(--lolo-linea-fuerte);
color: var(--lolo-texto);
font-weight: 600;
}
.wp-block-button.is-style-contorno .wp-block-button__link:hover {
border-color: var(--lolo-oro);
color: var(--lolo-oro);
}
.wp-block-button.is-style-texto-oro .wp-block-button__link {
background: transparent;
padding: 0;
color: var(--lolo-oro);
}
.wp-block-button.is-style-texto-oro .wp-block-button__link:hover {
color: var(--lolo-oro-claro);
text-decoration: underline;
}  [class*="wp-block-vidaytu-"].is-bg-default :where(
[class$="__heading"], [class$="__title"], [class$="__card-title"],
[class$="__item-title"], [class$="__name"], [class$="__author-name"],
[class$="__quote"]
) {
color: var(--lolo-texto);
}
[class*="wp-block-vidaytu-"].is-bg-default :where(
[class$="__intro"], [class$="__body"], [class$="__card-body"],
[class$="__item-desc"], [class$="__excerpt"], [class$="__subtitle"],
[class$="__meta"], [class$="__role"], [class$="__author-role"],
[class$="__date"]
) {
color: var(--lolo-texto-suave);
}
[class*="wp-block-vidaytu-"].is-bg-default :where([class$="__card"], [class$="__item"]) {
background: var(--lolo-tarjeta);
border-color: var(--lolo-linea-tarjeta);
} [class*="wp-block-vidaytu-"].is-bg-navy {
background: var(--lolo-tarjeta);
color: var(--lolo-texto);
}
[class*="wp-block-vidaytu-"].is-bg-navy :where(
[class$="__heading"], [class$="__title"], [class$="__card-title"]
) {
color: var(--lolo-texto);
}
[class*="wp-block-vidaytu-"].is-bg-navy :where(
[class$="__body"], [class$="__intro"], [class$="__subtitle"]
) {
color: var(--lolo-texto-suave);
} [class*="wp-block-vidaytu-"].is-bg-primary,
[class*="wp-block-vidaytu-"].is-bg-primary :where(
[class$="__heading"], [class$="__title"], [class$="__body"], [class$="__eyebrow"]
) {
color: var(--lolo-negro);
}  #lolo-main .lolo-banda--oscura :where(
[class$="__heading"], [class$="__title"], [class$="__card-title"],
[class$="__item-title"], [class$="__name"], [class$="__author-name"],
[class$="__quote"]
),
#lolo-main .lolo-banda--profunda :where(
[class$="__heading"], [class$="__title"], [class$="__card-title"],
[class$="__item-title"], [class$="__name"], [class$="__author-name"],
[class$="__quote"]
) {
color: var(--lolo-texto);
} #lolo-main .lolo-banda--oscura :where(
[class$="__intro"], [class$="__body"], [class$="__card-body"],
[class$="__item-desc"], [class$="__excerpt"], [class$="__subtitle"],
[class$="__meta"], [class$="__role"], [class$="__author-role"],
[class$="__date"]
),
#lolo-main .lolo-banda--profunda :where(
[class$="__intro"], [class$="__body"], [class$="__card-body"],
[class$="__item-desc"], [class$="__excerpt"], [class$="__subtitle"],
[class$="__meta"], [class$="__role"], [class$="__author-role"],
[class$="__date"]
) {
color: var(--lolo-texto-suave);
} #lolo-main .lolo-banda--oscura :where([class$="__card"], [class$="__item"], [class$="__slide"]),
#lolo-main .lolo-banda--profunda :where([class$="__card"], [class$="__item"], [class$="__slide"]) {
background: var(--lolo-tarjeta);
border-color: var(--lolo-linea-tarjeta);
} #lolo-main .lolo-banda--clara :where(
[class$="__heading"], [class$="__title"], [class$="__card-title"],
[class$="__item-title"], [class$="__name"], [class$="__author-name"],
[class$="__quote"]
) {
color: var(--lolo-tinta);
} #lolo-main .lolo-banda--clara :where(
[class$="__intro"], [class$="__body"], [class$="__card-body"],
[class$="__item-desc"], [class$="__excerpt"], [class$="__subtitle"],
[class$="__meta"], [class$="__role"], [class$="__author-role"],
[class$="__date"]
) {
color: var(--lolo-tinta-cuerpo);
} #lolo-main .lolo-banda--clara :where([class$="__card"], [class$="__item"]) {
background: #ffffff;
border-color: rgba(10, 10, 10, 0.08);
} #lolo-main .lolo-banda :where([class$="__kicker"], [class$="__eyebrow"]) {
color: var(--lolo-oro);
opacity: 1;
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--xs);
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
} #lolo-main .lolo-banda :where([class$="__heading"]) {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--3xl);
font-weight: 600;
letter-spacing: normal;
} #lolo-main .lolo-banda :where([class$="__intro"], [class$="__body"]) {
font-size: var(--wp--preset--font-size--prose);
line-height: 1.7;
} #lolo-main .lolo-banda :where([class$="__card-body"]) {
font-size: var(--wp--preset--font-size--lg);
line-height: 1.7;
}
#lolo-main .lolo-banda :where([class$="__card-title"]) {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--2xl);
font-weight: 700;
letter-spacing: normal;
} #lolo-main .lolo-banda :where([class$="__quote"]) {
font-size: var(--wp--preset--font-size--md);
line-height: 1.7;
font-style: italic;
}
#lolo-main .lolo-banda :where([class$="__item-title"]) {
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
letter-spacing: normal;
}  #lolo-main a[class*="__cta"] {
border-radius: var(--lolo-radio-boton);
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
background: var(--lolo-oro);
color: var(--lolo-negro);
}
#lolo-main a[class*="__cta"]:hover,
#lolo-main a[class*="__cta"]:focus-visible {
background: var(--lolo-oro-claro);
color: var(--lolo-negro);
}
#lolo-main a[class*="__cta--link"] {
background: transparent;
padding: 0;
color: var(--lolo-oro);
}
#lolo-main a[class*="__cta--link"]:hover {
background: transparent;
color: var(--lolo-oro-claro);
text-decoration: underline;
} #lolo-main .lolo-cta-enlace a[class*="__cta"] {
background: transparent;
padding: 0;
color: var(--lolo-oro);
font-size: var(--wp--preset--font-size--md);
}
#lolo-main .lolo-cta-enlace a[class*="__cta"]:hover,
#lolo-main .lolo-cta-enlace a[class*="__cta"]:focus-visible {
background: transparent;
color: var(--lolo-oro-claro);
text-decoration: underline;
} #lolo-main .lolo-banda :where([class$="__icon"]),
[class*="wp-block-vidaytu-"].is-bg-default :where([class$="__icon"]) {
color: var(--lolo-oro);
}  .lolo-seccion-titulo {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--3xl);
font-weight: 600;
line-height: 1.2;
letter-spacing: normal;
text-wrap: balance;
margin-block: 0 var(--wp--preset--spacing--60);
} #lolo-main .lolo-caminos [class$="__card"]:first-child {
border-top: 3px solid var(--lolo-oro);
}
#lolo-main .lolo-caminos [class$="__card"]:nth-child(2) {
border-top: 3px solid var(--lolo-texto-suave);
} #lolo-main .lolo-como-trabajamos .vidaytu-texto-numbered-list.is-layout-split [class$="__list"] {
grid-column: 2;
} #lolo-main .lolo-pruebas [class$="__list"] {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 28px;
}
#lolo-main .lolo-pruebas [class$="__item"] {
background: transparent;
border: 0;
border-top: 1px solid var(--lolo-linea-oro-suave);
border-radius: 0;
padding: 22px 0 0;
display: flex;
flex-direction: column;
gap: 12px;
}
#lolo-main .lolo-pruebas [class$="__marker"] {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
font-weight: 800;
color: var(--lolo-oro);
background: transparent;
width: auto;
height: auto;
padding: 0;
}
#lolo-main .lolo-pruebas [class$="__item-title"] {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--xl);
font-weight: 700;
letter-spacing: normal;
}
#lolo-main .lolo-pruebas [class$="__item-desc"] {
font-size: var(--wp--preset--font-size--md);
line-height: 1.65;
} #lolo-main .lolo-faldon {
padding-block: 56px;
}
#lolo-main .lolo-faldon [class$="__item"] {
background: transparent;
border: 0;
padding: 0;
}
#lolo-main .lolo-faldon [class$="__title"] {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--md);
font-weight: 700;
letter-spacing: normal;
}
#lolo-main .lolo-faldon [class$="__subtitle"] {
font-size: var(--wp--preset--font-size--sm);
line-height: 1.5;
color: var(--lolo-texto-tenue);
} .lolo-blog__todas {
margin: 0;
text-align: right;
}
#lolo-main .lolo-blog {
position: relative;
}
#lolo-main .lolo-blog .lolo-blog__todas {
position: absolute;
top: var(--lolo-aire-seccion);
right: var(--lolo-aire-lateral);
margin: 0;
}
#lolo-main .lolo-blog .lolo-blog__todas .lolo-enlace-oro {
display: inline-block;
border: 1px solid rgba(10, 10, 10, 0.4);
border-radius: var(--lolo-radio-boton);
padding: 14px 22px;
font-size: var(--wp--preset--font-size--base);
font-weight: 600;
color: var(--lolo-tinta);
white-space: nowrap;
}
#lolo-main .lolo-blog .lolo-blog__todas .lolo-enlace-oro:hover {
border-color: var(--lolo-oro);
color: var(--lolo-oro);
text-decoration: none;
} #lolo-main .lolo-blog [class*="__image"],
#lolo-main .lolo-blog [class$="__media"] {
aspect-ratio: auto;
height: 190px;
} #lolo-main .lolo-cta-final {
position: relative;
overflow: hidden;
padding-block: 110px;
}
#lolo-main .lolo-cta-final::before {
content: "";
position: absolute;
left: -70px;
bottom: -110px; width: 380px;
height: 796px;
background: url(//lolodrago.com/wp-content/themes/vidaytu-lolodrago/assets/img/dragon-oro.png) no-repeat center / contain;
opacity: 0.1;
transform: rotate(-10deg);
pointer-events: none;
} #lolo-main .lolo-cta-final > * {
position: relative;
}
#lolo-main .lolo-cta-final [class$="__title"] {
font-weight: 600;
letter-spacing: normal;
text-wrap: balance;
}
.lolo-cta-final__nota {
margin: var(--wp--preset--spacing--40) auto 0;
max-width: 720px;
font-size: var(--wp--preset--font-size--base);
color: var(--lolo-texto-tenue);
}
@media (max-width: 1000px) {
#lolo-main .lolo-pruebas [class$="__list"] {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
#lolo-main .lolo-como-trabajamos .vidaytu-texto-numbered-list.is-layout-split [class$="__list"] {
grid-column: auto;
}
}
@media (max-width: 640px) {
#lolo-main .lolo-pruebas [class$="__list"] {
grid-template-columns: minmax(0, 1fr);
}
.lolo-blog__todas {
text-align: left;
}
} .skip-link {
position: absolute;
left: -9999px;
top: 0;
z-index: 999;
padding: 12px 20px;
background: var(--lolo-oro);
color: var(--lolo-negro);
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
}
.skip-link:focus {
left: 0;
}
:focus-visible {
outline: 2px solid var(--lolo-oro);
outline-offset: 2px;
} @media (max-width: 1100px) {
:root {
--lolo-aire-lateral: 2.5rem;
--lolo-aire-seccion: 4.5rem;
}
}
@media (max-width: 640px) {
:root {
--lolo-aire-lateral: 1.25rem;
--lolo-aire-seccion: 3.5rem;
}
}  #lolo-main .lolo-quien-soy [class$="__inner"] {
display: grid;
grid-template-columns: 400px minmax(0, 1fr);
grid-template-rows: auto auto auto 1fr;
column-gap: 72px;
row-gap: 20px;
align-items: start;
}
#lolo-main .lolo-quien-soy [class$="__content"] {
display: contents;
}
#lolo-main .lolo-quien-soy [class$="__kicker"]  { grid-column: 1; grid-row: 1; }
#lolo-main .lolo-quien-soy [class$="__heading"] { grid-column: 1; grid-row: 2; }
#lolo-main .lolo-quien-soy [class$="__media"]   { grid-column: 1; grid-row: 3 / 5; }
#lolo-main .lolo-quien-soy [class$="__body"]    { grid-column: 2; grid-row: 1 / 4; padding-top: 44px; }
#lolo-main .lolo-quien-soy [class$="__cta-wrap"]{ grid-column: 2; grid-row: 4; margin: 0; } #lolo-main .lolo-quien-soy [class*="__image"] {
height: 100%;
object-fit: cover;
object-position: center 20%;
} #lolo-main .lolo-caminos [class$="__card"]:nth-child(2) a[class*="__cta"] {
background: transparent;
border: 1px solid var(--lolo-linea-fuerte);
color: var(--lolo-texto);
font-weight: 600;
}
#lolo-main .lolo-caminos [class$="__card"]:nth-child(2) a[class*="__cta"]:hover {
background: transparent;
border-color: var(--lolo-oro);
color: var(--lolo-oro);
} #lolo-main .lolo-como-trabajamos {
display: grid;
grid-template-columns: 520px minmax(0, 704px);
column-gap: 72px;
row-gap: 24px;
justify-content: center;
align-items: start;
padding-inline: var(--lolo-aire-lateral);
}
#lolo-main .lolo-como-trabajamos > [class*="wp-block-vidaytu-"],
#lolo-main .lolo-como-trabajamos [class$="__inner"] {
display: contents;
}
#lolo-main .lolo-como-trabajamos [class$="__content"] {
grid-column: 1;
grid-row: 1 / 3;
align-self: center;
display: flex;
flex-direction: column;
gap: 20px;
}
#lolo-main .lolo-como-trabajamos [class$="__media"] {
grid-column: 2;
grid-row: 1; align-self: start;
aspect-ratio: auto;
height: auto;
}
#lolo-main .lolo-como-trabajamos [class$="__list"] {
grid-column: 2;
grid-row: 2;
margin: 0;
} #lolo-main .lolo-como-trabajamos [class*="__image"] {
aspect-ratio: auto;
height: 240px;
min-height: 0;
box-sizing: border-box;
} #lolo-main .lolo-como-trabajamos [class$="__item"] {
background: transparent;
border: 0;
padding: 0;
} #lolo-main .lolo-pruebas [class$="__heading"] {
text-align: center;
margin-inline: auto; max-width: none;
} #lolo-main .lolo-testimonios [class$="__viewport"] {
padding-inline: 0;
margin-inline: 0; overflow: hidden;
}
#lolo-main .lolo-testimonios [class$="__track"] {
gap: 28px;
}
#lolo-main .lolo-testimonios [class$="__slide"] {
background: transparent;
border: 0;
padding: 0;
}
#lolo-main .lolo-testimonios [class$="__card"] {
padding: 32px;
height: 100%;
} #lolo-main .lolo-blog a[class*="__cta"] {
background: transparent;
padding: 0;
color: var(--lolo-oro);
font-size: var(--wp--preset--font-size--md);
}
#lolo-main .lolo-blog a[class*="__cta"]:hover {
background: transparent;
color: var(--lolo-oro-claro);
text-decoration: underline;
} #lolo-main .lolo-cta-final a[class*="__cta-secondary"],
#lolo-main .lolo-cta-final [class$="__actions"] a:last-child:not(:first-child) {
background: transparent;
border: 1px solid var(--lolo-linea-fuerte);
color: var(--lolo-texto);
font-weight: 600;
padding: 17px 26px;
border-radius: var(--lolo-radio-boton);
}
#lolo-main .lolo-cta-final a[class*="__cta-secondary"]:hover,
#lolo-main .lolo-cta-final [class$="__actions"] a:last-child:not(:first-child):hover {
border-color: var(--lolo-oro);
color: var(--lolo-oro);
} #lolo-main .lolo-testimonios [class$="__card"] {
display: flex;
flex-direction: column;
gap: 16px;
}
#lolo-main .lolo-testimonios [class$="__card"]::before {
content: "“";
font-family: var(--wp--preset--font-family--display);
font-weight: 800;
font-size: 34px;
line-height: 1;
color: var(--lolo-oro);
}
#lolo-main .lolo-testimonios [class$="__quote"] {
flex-grow: 1;
}
#lolo-main .lolo-testimonios [class$="__author-name"] {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--base);
font-weight: 700;
}
#lolo-main .lolo-testimonios [class$="__author-role"] {
font-weight: 400;
color: var(--lolo-texto-tenue);
} @media (max-width: 1100px) { #lolo-main .lolo-quien-soy [class$="__inner"] {
display: flex;
flex-direction: column;
gap: 24px;
}
#lolo-main .lolo-quien-soy [class$="__content"] {
display: flex;
flex-direction: column;
gap: 20px;
}
#lolo-main .lolo-quien-soy :where(
[class$="__kicker"], [class$="__heading"], [class$="__media"],
[class$="__body"], [class$="__cta-wrap"]
) {
grid-column: auto;
grid-row: auto;
padding-top: 0;
} #lolo-main .lolo-quien-soy [class$="__media"] {
width: 100%;
max-width: 420px;
} #lolo-main .lolo-quien-soy [class$="__media"] {
order: 1;
} #lolo-main .lolo-como-trabajamos {
display: block;
padding-inline: 0;
}
#lolo-main .lolo-como-trabajamos > [class*="wp-block-vidaytu-"] {
display: block;
}
#lolo-main .lolo-como-trabajamos [class$="__inner"] {
display: flex;
flex-direction: column;
gap: 24px;
}
#lolo-main .lolo-como-trabajamos [class$="__content"] {
display: flex;
flex-direction: column;
gap: 20px;
}
#lolo-main .lolo-como-trabajamos :where(
[class$="__content"], [class$="__media"], [class$="__list"]
) {
grid-column: auto;
grid-row: auto;
align-self: auto;
}
#lolo-main .lolo-como-trabajamos [class*="__image"] {
height: 200px;
} #lolo-main .lolo-blog .lolo-blog__todas {
position: static;
text-align: left;
margin-top: var(--wp--preset--spacing--40);
} #lolo-main .lolo-cta-final {
padding-block: 72px;
}
#lolo-main .lolo-cta-final::before {
display: none;
}
} .lolo-oro {
color: var(--lolo-oro);
} #lolo-main .lolo-cta-final [class$="__title"] {
font-size: 44px;
font-weight: 700;
line-height: 1.15;
max-width: 820px;
margin-inline: auto;
}
#lolo-main .lolo-cta-final [class$="__body"] {
max-width: 700px;
margin-inline: auto;
}
@media (max-width: 640px) {
#lolo-main .lolo-cta-final [class$="__title"] {
font-size: 30px;
}
}  #lolo-main .lolo-cita {
position: relative;
overflow: hidden;
padding-block: 100px;
}
#lolo-main .lolo-cita::before {
content: "";
position: absolute;
left: -70px;
bottom: -110px; width: 360px;
height: 754px;
background: url(//lolodrago.com/wp-content/themes/vidaytu-lolodrago/assets/img/dragon-oro.png) no-repeat center / contain;
opacity: 0.1;
transform: rotate(-10deg);
pointer-events: none;
}
#lolo-main .lolo-cita > * {
position: relative;
}
#lolo-main .lolo-cita [class$="__mark"] {
font-family: var(--wp--preset--font-family--display);
font-weight: 800;
font-size: 44px;
line-height: 1;
color: var(--lolo-oro);
}
#lolo-main .lolo-cita [class$="__body"],
#lolo-main .lolo-cita [class$="__body"] p {
font-family: var(--wp--preset--font-family--display);
font-weight: 600;
font-size: 30px;
line-height: 1.45;
max-width: 940px;
margin-inline: auto;
color: var(--lolo-texto);
text-wrap: balance;
font-style: normal;
} #lolo-main .lolo-cierre [class$="__title"] {
font-size: 40px;
font-weight: 700;
line-height: 1.2;
max-width: 760px;
margin-inline: auto;
letter-spacing: normal;
text-wrap: balance;
} #lolo-main .lolo-cierre a[class*="__cta-secondary"],
#lolo-main .lolo-cierre [class$="__actions"] a:last-child:not(:first-child) {
background: transparent;
border: 1px solid var(--lolo-linea-fuerte);
color: var(--lolo-texto);
font-weight: 600;
padding: 17px 26px;
border-radius: var(--lolo-radio-boton);
}
#lolo-main .lolo-cierre a[class*="__cta-secondary"]:hover,
#lolo-main .lolo-cierre [class$="__actions"] a:last-child:not(:first-child):hover {
border-color: var(--lolo-oro);
color: var(--lolo-oro);
}
@media (max-width: 900px) {
#lolo-main .lolo-cita {
padding-block: 64px;
}
#lolo-main .lolo-cita::before {
display: none;
}
#lolo-main .lolo-cita [class$="__body"],
#lolo-main .lolo-cita [class$="__body"] p {
font-size: 22px;
}
#lolo-main .lolo-cierre [class$="__title"] {
font-size: 28px;
}
}  .lolo-insignia {
display: inline-block;
margin-left: 10px;
vertical-align: middle;
background: rgba(193, 159, 32, 0.15);
color: var(--lolo-oro);
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: 11px;
letter-spacing: 1px;
padding: 5px 10px;
border-radius: 99px;
white-space: nowrap;
} #lolo-main .lolo-que-tratamos [class$="__card"] {
border-top: 3px solid var(--lolo-oro);
} #lolo-main .lolo-modalidades [class$="__card"]:nth-child(2) {
border-color: var(--lolo-linea-oro);
} #lolo-main .lolo-fases { margin: var(--wp--preset--spacing--40) 0 0;
padding: 28px 34px;
display: flex;
align-items: center;
gap: 24px;
background: var(--lolo-banda);
border: 1px solid var(--lolo-linea);
border-radius: var(--lolo-radio-tarjeta);
}
.lolo-fases__rotulo {
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: var(--wp--preset--font-size--lg);
color: var(--lolo-oro);
white-space: nowrap;
}
.lolo-fases__lista {
font-size: var(--wp--preset--font-size--base);
line-height: 1.7;
color: var(--lolo-texto-suave);
} .lolo-fase {
display: inline;
}
.lolo-fase b {
font-weight: 400;
}
.lolo-fase b::after {
content: ". ";
} .lolo-fase + .lolo-fase::before {
content: " · ";
color: var(--lolo-texto-tenue);
}
@media (max-width: 900px) {
#lolo-main .lolo-fases {
flex-direction: column;
align-items: flex-start;
gap: 10px;
padding: 24px;
}
.lolo-fases__rotulo {
white-space: normal;
}
} #lolo-main .lolo-faqs [class$="__card"] {
padding: 28px;
gap: 10px;
}
#lolo-main .lolo-faqs [class$="__card-title"] {
font-size: var(--wp--preset--font-size--lg);
}
#lolo-main .lolo-faqs [class$="__card-body"] {
font-size: var(--wp--preset--font-size--md);
line-height: 1.65;
}
@media (max-width: 900px) {
.lolo-insignia {
display: inline-block;
margin: 6px 0 0;
}
} #lolo-main .lolo-escribir {
border-block: 1px solid var(--lolo-linea);
padding-block: 0;
}
#lolo-main .lolo-escribir [class$="__content"] {
background: var(--lolo-banda);
padding: 72px;
gap: 16px;
} #lolo-main .lolo-escribir [class$="__media"],
#lolo-main .lolo-escribir [class*="__image"] {
aspect-ratio: auto;
height: 100%;
min-height: 0;
}
#lolo-main .lolo-escribir [class$="__title"] {
font-family: var(--wp--preset--font-family--display);
font-weight: 600;
font-size: 26px;
line-height: 1.3;
letter-spacing: normal;
color: var(--lolo-texto);
}
#lolo-main .lolo-escribir [class$="__body"] {
font-size: var(--wp--preset--font-size--lg);
line-height: 1.7;
color: var(--lolo-texto-suave);
}
@media (max-width: 900px) {
#lolo-main .lolo-escribir [class$="__content"] {
padding: 44px var(--lolo-aire-lateral);
}
}  #lolo-main .lolo-contacto-form {
display: grid;
grid-template-columns: minmax(0, 720px) 380px;
column-gap: 72px;
justify-content: center;
align-items: start;
padding-inline: var(--lolo-aire-lateral);
}
#lolo-main .lolo-contacto-form > * {
min-width: 0;
} #lolo-main .lolo-lateral [class$="__inner"] {
max-width: none;
padding-inline: 0;
}
#lolo-main .lolo-lateral [class$="__grid"] {
grid-template-columns: minmax(0, 1fr);
gap: 24px;
}
#lolo-main .lolo-lateral [class$="__card"] {
padding: 30px;
border-radius: 6px;
gap: 14px;
}
#lolo-main .lolo-lateral [class$="__card-title"] {
font-size: var(--wp--preset--font-size--prose);
font-weight: 700;
}
#lolo-main .lolo-lateral [class$="__card-body"] {
font-size: var(--wp--preset--font-size--base);
line-height: 1.6;
} .lolo-paso {
display: flex;
gap: 14px;
align-items: flex-start;
margin-top: 14px;
}
.lolo-paso b {
font-family: var(--wp--preset--font-family--display);
font-weight: 800;
font-size: var(--wp--preset--font-size--base);
color: #9a7d14;
flex-shrink: 0;
}
.lolo-perfiles {
display: block;
margin-top: 10px;
line-height: 1.9;
}
.lolo-perfiles b {
color: #9a7d14;
font-weight: 600;
} #lolo-main .lolo-canales [class$="__card"] {
border-color: var(--lolo-linea-oro-suave);
border-radius: 6px;
padding: 34px;
} .lolo-emergencia {
max-width: 1000px;
margin-inline: auto;
text-align: center;
font-size: var(--wp--preset--font-size--md);
line-height: 1.7;
color: var(--lolo-texto-suave);
}
.lolo-emergencia strong {
color: var(--lolo-oro);
}
#lolo-main .lolo-emergencia-banda {
padding-block: 48px;
}
@media (max-width: 1100px) {
#lolo-main .lolo-contacto-form {
display: block;
padding-inline: 0;
}
#lolo-main .lolo-lateral {
margin-top: 40px;
}
#lolo-main .lolo-lateral [class$="__inner"] {
padding-inline: var(--lolo-aire-lateral);
}
#lolo-main .lolo-contacto-form .lolo-form {
margin-inline: auto;
padding-inline: var(--lolo-aire-lateral);
max-width: none;
}
} #lolo-main .lolo-donde {
display: grid;
grid-template-columns: minmax(0, 520px) minmax(0, 704px);
column-gap: 72px;
justify-content: center;
align-items: start;
padding-inline: var(--lolo-aire-lateral);
}
#lolo-main .lolo-donde > [class*="wp-block-vidaytu-"] {
grid-column: 1;
}
#lolo-main .lolo-donde [class$="__inner"] {
max-width: none;
padding-inline: 0;
}
#lolo-main .lolo-donde [class$="__grid"] {
grid-template-columns: minmax(0, 1fr);
gap: 16px;
} #lolo-main .lolo-donde .lolo-mapa {
grid-column: 2;
grid-row: 1;
margin: 0;
align-self: stretch;
} @media (min-width: 1101px) {
#lolo-main .lolo-donde .lolo-mapa__marco {
height: 100%;
min-height: var(--lolo-mapa-alto, 460px);
}
} #lolo-main .lolo-emergencia-banda .lolo-emergencia {
max-width: var(--lolo-ancho);
margin-inline: auto;
padding: 20px 24px 20px 22px;
border-left: 3px solid var(--lolo-oro);
background: rgba(193, 159, 32, 0.06);
text-align: left;
}
@media (max-width: 1100px) {
#lolo-main .lolo-donde {
display: block;
padding-inline: 0;
}
#lolo-main .lolo-donde [class$="__inner"] {
padding-inline: var(--lolo-aire-lateral);
}
#lolo-main .lolo-donde [class$="__grid"] {
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
#lolo-main .lolo-donde .lolo-mapa {
margin: 32px var(--lolo-aire-lateral) 0;
}
}  #lolo-main .lolo-selector {
border-bottom: 0;
}
#lolo-main .lolo-selector .lolo-anclas__inner {
flex-direction: column;
align-items: center;
gap: 14px;
padding-top: 0;
padding-bottom: 72px;
}
#lolo-main .lolo-selector .lolo-anclas__lista {
justify-content: center;
}
#lolo-main .lolo-selector .lolo-anclas__pildora {
border-color: var(--lolo-linea-oro-suave);
color: var(--lolo-texto);
font-size: var(--wp--preset--font-size--base);
padding: 13px 20px;
} .lolo-publico {
display: block;
margin-bottom: 8px;
font-size: var(--wp--preset--font-size--xs);
font-weight: 700;
letter-spacing: 3px;
color: var(--lolo-oro);
}
.lolo-gratuita {
display: inline-block;
margin-top: 12px;
background: rgba(193, 159, 32, 0.15);
color: var(--lolo-oro);
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
font-size: 11px;
letter-spacing: 1px;
padding: 5px 10px;
border-radius: 99px;
}
#lolo-main .lolo-ponencias-lista [class$="__card-title"] {
font-size: var(--wp--preset--font-size--xl);
line-height: 1.35;
} #lolo-main .lolo-dossier {
margin-top: var(--wp--preset--spacing--50);
}
#lolo-main .lolo-dossier [class$="__inner"] {
padding-inline: 0;
max-width: none;
}  #lolo-main .lolo-desglose [class$="__list"] {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 40px;
row-gap: 22px;
}
#lolo-main .lolo-desglose [class$="__item"] {
background: transparent;
border: 0;
padding: 0;
} #lolo-main .lolo-argumentos [class$="__etiqueta"]:empty {
display: none;
}
@media (max-width: 900px) {
#lolo-main .lolo-desglose [class$="__list"] {
grid-template-columns: minmax(0, 1fr);
}
}  #lolo-main .lolo-filtros {
padding-block: 0;
border-bottom: 1px solid var(--lolo-linea);
}
#lolo-main .lolo-filtros__lista {
max-width: var(--lolo-ancho);
margin-inline: auto;
padding: 0 var(--lolo-aire-lateral) 40px;
display: flex;
flex-wrap: wrap;
gap: 12px;
list-style: none;
}
#lolo-main .lolo-filtros__lista li {
margin: 0;
}
#lolo-main .lolo-filtros__lista a {
display: inline-block;
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 99px;
padding: 9px 18px;
font-family: var(--wp--preset--font-family--display);
font-weight: 600;
font-size: var(--wp--preset--font-size--sm);
color: var(--lolo-texto-suave);
text-decoration: none;
}
#lolo-main .lolo-filtros__lista a:hover,
#lolo-main .lolo-filtros__lista a:focus-visible {
border-color: var(--lolo-oro);
color: var(--lolo-oro);
} #lolo-main .lolo-filtros__lista .post-count {
display: none;
} #lolo-main .lolo-listado .wp-block-query {
max-width: var(--lolo-ancho);
margin-inline: auto;
padding-inline: var(--lolo-aire-lateral);
}
#lolo-main .lolo-listado__rejilla {
gap: 28px;
}
#lolo-main .lolo-listado__imagen img {
border-radius: var(--lolo-radio-tarjeta);
}
#lolo-main .lolo-listado__titulo {
font-family: var(--wp--preset--font-family--display);
font-size: var(--wp--preset--font-size--2xl);
font-weight: 700;
line-height: 1.3;
letter-spacing: normal;
margin-block: 10px 8px;
}
#lolo-main .lolo-listado__titulo a {
color: var(--lolo-tinta);
text-decoration: none;
}
#lolo-main .lolo-listado__titulo a:hover {
color: var(--lolo-oro);
}
#lolo-main .lolo-listado__extracto {
font-size: var(--wp--preset--font-size--md);
line-height: 1.65;
color: var(--lolo-tinta-cuerpo);
}
#lolo-main .lolo-listado__paginacion {
margin-top: var(--wp--preset--spacing--60);
gap: 10px;
}
#lolo-main .lolo-listado__paginacion a,
#lolo-main .lolo-listado__paginacion span {
font-family: var(--wp--preset--font-family--display);
font-weight: 600;
font-size: var(--wp--preset--font-size--md);
color: var(--lolo-tinta-cuerpo);
text-decoration: none;
padding: 8px 12px;
border-radius: var(--lolo-radio-boton);
}
#lolo-main .lolo-listado__paginacion .current {
background: var(--lolo-oro);
color: var(--lolo-negro);
} #lolo-main .lolo-suscripcion [class$="__inner"] {
max-width: 820px;
text-align: center;
} #lolo-main .lolo-desglose [class$="__item"] {
background: #ffffff;
border: 1px solid rgba(10, 10, 10, 0.1);
border-radius: var(--lolo-radio-tarjeta);
padding: 20px 22px;
gap: 12px;
}
#lolo-main .lolo-desglose [class$="__marker"] {
font-family: var(--wp--preset--font-family--display);
font-weight: 800;
font-size: var(--wp--preset--font-size--sm);
color: var(--lolo-oro);
background: transparent;
width: auto;
height: auto;
padding: 0;
}
#lolo-main .lolo-desglose [class$="__item-title"] {
display: inline;
font-size: var(--wp--preset--font-size--lg);
}
#lolo-main .lolo-desglose [class$="__item-desc"] {
display: inline;
font-size: var(--wp--preset--font-size--md);
line-height: 1.6;
} #lolo-main .lolo-argumentos .lolo-actos__inner {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 72px;
}
#lolo-main .lolo-argumentos .lolo-actos__acto {
display: flex;
flex-direction: column;
gap: 18px;
}
#lolo-main .lolo-argumentos .lolo-actos__acto + .lolo-actos__acto {
border-top: 0;
padding-top: 0;
}
@media (max-width: 900px) {
#lolo-main .lolo-argumentos .lolo-actos__inner {
grid-template-columns: minmax(0, 1fr);
gap: 44px;
}
} #lolo-main .lolo-banda--profunda [class$="__panel"],
#lolo-main .lolo-banda--oscura [class$="__panel"] {
background: var(--lolo-tarjeta);
border: 1px solid var(--lolo-linea-tarjeta);
border-radius: var(--lolo-radio-tarjeta);
} #lolo-main .lolo-banda [class*="newsletter"] :where(input[type="email"], input[type="text"]) {
background: #ffffff;
color: var(--lolo-tinta);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: var(--lolo-radio-boton);
padding: 15px 16px;
}
#lolo-main .lolo-banda [class*="newsletter"] :where(label, [class$="__consent"], [class$="__option"]) {
color: var(--lolo-texto-suave);
}
#lolo-main .lolo-banda [class*="newsletter"] [class$="__submit"] {
background: var(--lolo-oro);
color: var(--lolo-negro);
border-radius: var(--lolo-radio-boton);
font-family: var(--wp--preset--font-family--display);
font-weight: 700;
} #lolo-main .lolo-fases-wrap.es-pasos .lolo-fases {
display: block;
background: transparent;
border: 0;
padding: 0;
}
#lolo-main .lolo-fases-wrap.es-pasos .lolo-fases__rotulo {
display: block;
margin-bottom: 22px;
font-size: var(--wp--preset--font-size--xs);
letter-spacing: 3px;
text-transform: uppercase;
white-space: normal;
}
#lolo-main .lolo-fases-wrap.es-pasos .lolo-fases__lista {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 24px;
font-size: var(--wp--preset--font-size--md);
line-height: 1.55;
color: var(--lolo-texto-suave);
}
#lolo-main .lolo-fases-wrap.es-pasos .lolo-fase {
display: block;
border-top: 1px solid var(--lolo-linea-oro-suave);
padding-top: 16px;
}
#lolo-main .lolo-fases-wrap.es-pasos .lolo-fase + .lolo-fase::before {
content: none;
}
#lolo-main .lolo-fases-wrap.es-pasos .lolo-fase b::after {
content: none;
}
#lolo-main .lolo-fases-wrap.es-pasos .lolo-fase b {
display: block;
margin-bottom: 8px;
font-family: var(--wp--preset--font-family--display);
font-weight: 800;
font-size: var(--wp--preset--font-size--md);
color: var(--lolo-oro);
}
@media (max-width: 1000px) {
#lolo-main .lolo-fases-wrap.es-pasos .lolo-fases__lista {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
#lolo-main .lolo-fases-wrap.es-pasos .lolo-fases__lista {
grid-template-columns: minmax(0, 1fr);
}
} #lolo-main .lolo-en-la-sala [class$="__etiqueta"]:empty {
display: none;
} .lolo-seccion-titulo--izq {
text-align: left;
margin-inline: 0;
max-width: 820px;
}
#lolo-main .lolo-en-la-sala .lolo-seccion-titulo {
max-width: var(--lolo-ancho);
margin-inline: auto;
padding-inline: var(--lolo-aire-lateral);
box-sizing: border-box;
}  @media (max-width: 900px) {
#lolo-main .lolo-selector .lolo-anclas__lista {
max-width: 100%;
flex-wrap: wrap;
justify-content: center;
overflow-x: visible;
}
} @media (max-width: 640px) { #lolo-main [class*="cta-banner"] a[class*="__cta"] {
white-space: normal;
text-align: center;
}
} @media (max-width: 480px) {
#lolo-main .lolo-reserva__titulo {
font-size: clamp(1.75rem, 8.4vw, 2.5rem);
}
} @media (max-width: 600px) {
#lolo-main,
.lolo-footer {
overflow-wrap: anywhere;
} #lolo-main [class*="icon-cards"] [class$="__grid"] {
grid-template-columns: minmax(0, 1fr);
}
} @media (max-width: 782px) {
#lolo-main :where(input, select, textarea):not([type="checkbox"]):not([type="radio"]),
.lolo-footer :where(input, select, textarea) {
font-size: 1rem;
}
} @media (max-width: 600px) {
#lolo-main :where([class*="icon-cards"], [class*="latest-grid"]) a[class*="__cta"],
#lolo-main .lolo-comparativa__enlace,
#lolo-main [class*="__read-more"] {
min-height: 44px;
align-items: center;
} .lolo-footer :where(.lolo-footer__lista, ul) a {
display: inline-block;
padding-block: 5px;
}
} #lolo-main :where(.lolo-entrada__cabecera, .lolo-entrada__portada, .lolo-entrada__cuerpo, .lolo-texto-corrido) {
padding-inline: var(--lolo-aire-lateral);
} #lolo-main .lolo-banda--clara > :where(h1, h2, h3, h4, h5, h6),
#lolo-main .lolo-banda--clara .entry-content :where(h1, h2, h3, h4, h5, h6) {
color: var(--lolo-tinta);
}
#lolo-main .lolo-banda--clara > :where(p, ul, ol, dl, blockquote, table),
#lolo-main .lolo-banda--clara .entry-content :where(p, ul, ol, dl, blockquote, table) {
color: var(--lolo-tinta-cuerpo);
} #lolo-main > * {
margin-block: 0;
} @media (max-width: 1024px) {
#lolo-main [class*="testimonials"] [class$="__viewport"] {
overflow: visible;
} #lolo-main [class*="testimonials"] [class$="__track"] {
grid-auto-flow: row;
grid-template-columns: repeat(2, minmax(0, 1fr));
transform: none;
}
}
@media (max-width: 640px) {
#lolo-main [class*="testimonials"] [class$="__track"] {
grid-template-columns: minmax(0, 1fr);
}
} @media (max-width: 900px) {
#lolo-main .lolo-anclas:not(.lolo-selector) .lolo-anclas__inner {
position: relative;
}
#lolo-main .lolo-anclas:not(.lolo-selector) .lolo-anclas__inner::after {
content: "";
position: absolute;
inset-block: 0;
right: 0;
width: 36px;
pointer-events: none;
background: linear-gradient(to right, rgba(10, 10, 10, 0), var(--lolo-negro));
}
} #lolo-main .lolo-cabecera.is-editorial .lolo-cabecera__media {
align-items: flex-end;
justify-content: flex-end;
}
#lolo-main .lolo-cabecera.is-editorial .lolo-cabecera__marcador {
margin: 0 16px 8px;
max-width: 60%;
text-align: right;
font-size: 0.625rem;
} @media (max-width: 640px) {
#lolo-main .lolo-cabecera.is-editorial .lolo-cabecera__marcador {
display: none;
}
} @media (max-width: 900px) {
#lolo-main .lolo-cabecera.is-editorial .lolo-cabecera__velo {
position: relative;
z-index: 1;
}
}  #lolo-main .lolo-entrada__cabecera {
padding-block: 72px 44px;
}
#lolo-main .lolo-entrada__categoria a {
color: var(--lolo-oro);
text-decoration: none;
}
#lolo-main .lolo-entrada__categoria a:hover {
text-decoration: underline;
text-underline-offset: 3px;
}
#lolo-main .lolo-entrada__titulo {
margin-block: 18px 22px;
color: var(--lolo-texto);
font-size: clamp(2rem, 1.25rem + 2.6vw, 3.125rem);
font-weight: 700;
line-height: 1.1;
letter-spacing: normal;
text-wrap: balance;
}  #lolo-main .lolo-entrada__portada {
padding-block: 0 0;
}
#lolo-main .lolo-entrada__portada:has(img) {
padding-bottom: 56px;
}
#lolo-main .lolo-entrada__imagen img {
width: 100%;
height: auto;
border-radius: var(--lolo-radio-tarjeta, 4px);
display: block;
} #lolo-main .lolo-entrada__cuerpo {
padding-block: 64px 72px;
} #lolo-main .lolo-entrada__cuerpo .entry-content {
color: var(--lolo-tinta-cuerpo);
font-size: 1.0625rem;
line-height: 1.75;
}
#lolo-main .lolo-entrada__cuerpo .entry-content > * {
margin-block: 0 1.4em;
} #lolo-main .lolo-entrada__cuerpo .entry-content > p:first-child {
color: var(--lolo-tinta);
font-size: 1.3125rem;
line-height: 1.6;
margin-bottom: 1.5em;
}
#lolo-main .lolo-entrada__cuerpo .entry-content :where(h2, h3, h4) {
color: var(--lolo-tinta);
font-family: var(--wp--preset--font-family--display);
letter-spacing: normal;
line-height: 1.2;
text-wrap: balance;
}
#lolo-main .lolo-entrada__cuerpo .entry-content h2 {
margin-block: 2em 0.7em;
font-size: 1.75rem;
font-weight: 700;
}
#lolo-main .lolo-entrada__cuerpo .entry-content h3 {
margin-block: 1.8em 0.6em;
font-size: 1.3125rem;
font-weight: 700;
}
#lolo-main .lolo-entrada__cuerpo .entry-content h4 {
margin-block: 1.6em 0.5em;
font-size: 1.0625rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
#lolo-main .lolo-entrada__cuerpo .entry-content :where(ul, ol) {
padding-left: 1.35em;
margin-bottom: 1.5em;
}
#lolo-main .lolo-entrada__cuerpo .entry-content li {
margin-bottom: 0.5em;
padding-left: 0.25em;
}
#lolo-main .lolo-entrada__cuerpo .entry-content li::marker {
color: var(--lolo-oro);
font-weight: 700;
}
#lolo-main .lolo-entrada__cuerpo .entry-content strong {
color: var(--lolo-tinta);
font-weight: 700;
}
#lolo-main .lolo-entrada__cuerpo .entry-content a:not(.wp-block-button__link) {
color: #7a6310;
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
}
#lolo-main .lolo-entrada__cuerpo .entry-content a:not(.wp-block-button__link):hover {
text-decoration-thickness: 2px;
} #lolo-main .lolo-entrada__cuerpo .entry-content blockquote {
margin-block: 2em;
padding: 4px 0 4px 26px;
border-left: 2px solid var(--lolo-oro);
color: var(--lolo-tinta);
font-size: 1.1875rem;
font-style: italic;
line-height: 1.6;
}
#lolo-main .lolo-entrada__cuerpo .entry-content blockquote p:last-child {
margin-bottom: 0;
}
#lolo-main .lolo-entrada__cuerpo .entry-content blockquote cite {
display: block;
margin-top: 12px;
color: var(--lolo-tinta-suave, #4a4842);
font-size: 0.875rem;
font-style: normal;
} #lolo-main .lolo-entrada__cuerpo .entry-content :where(figure, .wp-block-image) img {
width: 100%;
height: auto;
border-radius: var(--lolo-radio-tarjeta, 4px);
display: block;
}
#lolo-main .lolo-entrada__cuerpo .entry-content figcaption {
margin-top: 10px;
color: var(--lolo-tinta-suave, #4a4842);
font-size: 0.8125rem;
line-height: 1.5;
} #lolo-main .lolo-entrada__cuerpo .entry-content hr {
width: 100%;
max-width: none;
margin-block: 2.5em;
border: 0;
border-top: 1px solid rgba(10, 10, 10, 0.12);
} @media (max-width: 640px) {
#lolo-main .lolo-breadcrumb__item:last-child {
max-width: 62vw;
overflow: hidden;
} #lolo-main .lolo-breadcrumb__item:last-child > :last-child {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
}
}
#lolo-main .lolo-entrada__cuerpo .entry-content :where(code, kbd, samp) {
padding: 2px 6px;
border-radius: 3px;
background: rgba(10, 10, 10, 0.06);
font-size: 0.9em;
}
#lolo-main .lolo-entrada__cuerpo .entry-content pre {
padding: 18px 20px;
border-radius: var(--lolo-radio-tarjeta, 4px);
background: rgba(10, 10, 10, 0.06);
overflow-x: auto;
font-size: 0.875rem;
line-height: 1.6;
} #lolo-main .lolo-entrada__firma {
display: grid;
grid-template-columns: 84px minmax(0, 1fr);
gap: 22px;
align-items: start;
max-width: 720px;
margin: 56px auto 0;
padding-top: 32px;
border-top: 1px solid rgba(10, 10, 10, 0.12);
} #lolo-main .lolo-entrada__firma-foto {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1;
margin: 0;
padding: 0;
overflow: hidden;
border-radius: 50%;
font-size: 0.5rem;
letter-spacing: 0.08em;
white-space: nowrap;
}
#lolo-main .lolo-entrada__firma-texto > * {
margin-block: 0;
}
#lolo-main .lolo-entrada__firma-nombre {
color: var(--lolo-tinta);
font-family: var(--wp--preset--font-family--display);
font-size: 1.0625rem;
font-weight: 700;
line-height: 1.3;
}
#lolo-main .lolo-entrada__firma-bio {
margin-top: 8px;
color: var(--lolo-tinta-cuerpo);
font-size: 0.9375rem;
line-height: 1.6;
}
#lolo-main .lolo-entrada__firma-enlace {
margin-top: 12px;
font-size: 0.9375rem;
} @media (max-width: 640px) {
#lolo-main .lolo-entrada__cabecera {
padding-block: 44px 32px;
}
#lolo-main .lolo-entrada__cuerpo {
padding-block: 44px 52px;
}
#lolo-main .lolo-entrada__cuerpo .entry-content > p:first-child {
font-size: 1.1875rem;
}
#lolo-main .lolo-entrada__firma {
grid-template-columns: 64px minmax(0, 1fr);
gap: 16px;
margin-top: 44px;
}
} #lolo-main .lolo-banda .lolo-firma {
margin-top: 64px;
padding-top: 36px;
}
@media (max-width: 640px) {
#lolo-main .lolo-banda .lolo-firma {
margin-top: 48px;
padding-top: 28px;
}
}