/* latin-ext */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librebaskerville/v14/kmKhZrc3Hgbbcjq75U4uslyuy4kn0qNcWx8QDO-WyrubOA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librebaskerville/v14/kmKhZrc3Hgbbcjq75U4uslyuy4kn0qNcWxEQDO-Wyrs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librebaskerville/v14/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNXaxMaC82U-ro.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librebaskerville/v14/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxMaC82U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librebaskerville/v14/kmKiZrc3Hgbbcjq75U4uslyuy4kn0qviTgY5KcC-wLOjAUw.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/librebaskerville/v14/kmKiZrc3Hgbbcjq75U4uslyuy4kn0qviTgY3KcC-wLOj.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

section {
    z-index: 0;
}

.hero-default-image {
    height: 100%;
}

.hero-default-image img {
    min-width: 100vw;
    height: 100%;
}

main ol {
    list-style: auto;
}

main li:not(nav li) {
    margin-left: 35px;
}

.top-banner a {
    text-decoration: underline;
}

.text-with-image-default .text a {
	text-decoration: none!important;
}

.title * {
	color: var(--color-brand-1);
}

@media (min-width: 640px) {
  h3, h3 em, h3 strong {
    font-size: 1.3rem;
  }
}

header img {
	max-height: 75px!important;
        padding: 5px 0;
}

header .brand-button {
	min-width: 145px;
	padding-left: 50px;
	border-radius: 12px;
        z-index: 0;
        border: 1px solid var(--color-brand-3)!important;
        color: var(--color-brand-neutral)!important;
}

header .brand-button:hover {
        background-color: var(--color-brand-2)!important;
        color: var(--color-brand-neutral)!important;
}

header .brand-button-desktop {
	display: block;
        --tw-ring-offset-shadow: 0;
        --tw-ring-shadow: 0;
         box-shadow: 0;
         background-color: var(--color-brand-1);
         border-radius: 12px;
         margin-right: 10px;
}

header .brand-button-desktop a {
	border: 0;
	margin-right: -20px;
	display: block;
        background-color: var(--color-brand-1)!important;
	--tw-ring-color: transparent !important;
}

header .brand-button-desktop a::before {
        visibility: visible;
}

header .brand-button-desktop a:hover {
	border: 0;
        background-color: var(--color-brand-2)!important;
	--tw-ring-color: transparent !important;
}

header .brand-button::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 18px;
	width: 100%;
	height: 2.7rem;
	display: inline-block;
	background: url(https://clinicaolea.cdn.prismic.io/clinicaolea/aINPGVGsbswqTPsf_icono-telefono-olea.svg) no-repeat left;
	z-index: -1;
}

header .brand-button:hover::before {
	background: url(https://clinicaolea.cdn.prismic.io/clinicaolea/aINPGVGsbswqTPsf_icono-telefono-olea.svg) no-repeat left;
}

.mobile-navbar-real .brand-button {
	min-width: 145px;
	padding-left: 50px;
	border-radius: 12px;
}

.mobile-navbar-real .brand-button::before {
	content: "";
	position: absolute;
	top: -2px;
	left: 18px;
	width: 100%;
	height: 2.7rem;
	display: inline-block;
	background: url(https://clinicaolea.cdn.prismic.io/clinicaolea/aINPGVGsbswqTPsf_icono-telefono-olea.svg) no-repeat left
	center;
	z-index: -1;
}

footer * {
    color: var(--color-brand-3);
}

footer .container {
    position: relative;
}

footer .column-header {
	font-weight: 400;
	opacity: 0.9;
}

footer .column-item {
	font-weight: 500;
}

footer .social-icon {
    fill: white!important;
}

.subfooter {
	border-top-width: 0;
}

.subfooter .social-icons {
    position: absolute;
    top: 0;
    right: 0;
}

.hero-default-content {
	align-items: flex-start;
	justify-content: flex-start;
        min-height: 100%!important;
}

@media (max-width: 420px) {
.hero-default .brand-button:first-of-type.show-btn {
		position: fixed;
		bottom: 10px;
		left: 10px!important;
                 transform: none!important;
		z-index: 999;
		display: block;
                text-wrap: nowrap;
	}
}

@media (max-width: 640px) {
	.hero-default .brand-button:first-of-type.show-btn {
		position: fixed;
		bottom: 10px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 999;
		display: block;
                text-wrap: nowrap;
	}

	.hero-default .brand-button:hover {
		--tw-ring-color: var(--color-brand-neutral) !important;
	}

        .hero-default-content {
	    padding-top: 0!important;
        }
}

.hero-default-inner {
	min-height: calc(100vh - var(--navbar-height) - 250px)!important;
	margin-top: 250px;
	background-position: center top !important;
}

.hero-default-content-inner {
	/*margin-top: -200px;*/
	text-align: left;
	align-items: flex-start;
	justify-content: flex-start;
}

.hero-default * {
	color: var(--color-brand-1);
	text-shadow: none;
}

.hero-default h1 {
  font-family: 'Libre Baskerville';
}

.hero-default-layer-inner {
	background-color: white;
}

.hero-default-content-inner .button a {
	border-radius: 12px;
	text-wrap: nowrap;
}

.hero-default-content-inner p:has(a) {
	margin-top: 20px;
}

.hero-default-content-inner .bottom-text {
	text-align: left;
	align-items: flex-start;
	max-width: 265px;
}

.hero-default-content-inner .bottom-text * {
	font-size: 14px;
}

.hero-default-content-inner .bottom-text .block-img {
	margin: -20px 0 0 -20px;
	max-width: 200px;
}

.section-container {
	align-items: flex-start;
}

.title {
	text-align: left;
	align-items: flex-start;
}

.productos-section.flexible-component-default,
.productos-section.flexible-component-default .flexible-component-default-container {
	background-color: var(--color-brand-1);
}

.productos-section.flexible-component-default .flexible-component-default-container {
	background-color: var(--color-brand-1);
	align-items: flex-start;
}

.productos-section.flexible-component-default .title * {
	color: var(--color-brand-neutral);
}

.productos-section.flexible-component-item .block-img {
	margin-top: 10px;
}

.productos-section .flexible-component-item {
    position: relative;
}

.productos-section .flexible-component-item .text a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
}

.productos-section .flexible-component-item .text p:has(a) {
    margin-top: 0;
}

.flexible-component-default .bottom-text, .blog-posts-default .bottom-text {
        position: relative;
	max-width: 100%;
}

.productos-section.flexible-component-default .bottom-text p {
	color: var(--color-brand-neutral);
	text-align: center;
	font-weight: 500;
	font-size: 22px;
}

.productos-section.flexible-component-default .flexible-component-item {
	background-color: var(--color-brand-3);
	padding: 30px 24px;
	border-radius: 16px;
}

.flexible-component-default .flexible-component-item .text {
	align-items: flex-start;
}

.equipo.flexible-component-default .flexible-component-item .text {
    row-gap: 0.75rem;
    align-items: center;
justify-content: flex-start;
max-width: 420px;
text-align: center;
margin-bottom: 30px;
}

.productos-section.flexible-component-default .flexible-component-item .text > p:last-child {
    /* margin-top: -20px!important;*/
}

.flexible-component-default .flexible-component-item .text *:not(a):not(h3)  {
	color: var(--color-brand-1);
        text-align: center;
}

.productos-section.flexible-component-default .flexible-component-item .text h4 {
	margin-top: -6px;
}

.productos-section.flexible-component-default .flexible-component-item img {
	-webkit-filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.23));
	filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.23));
        max-height: 150px;
}

.productos-section.flexible-component-default .flexible-component-item .text > p:first-child {
	color: var(--color-brand-6);
	border: 1px solid var(--color-brand-6);
	border-radius: 5px;
	padding: 2px 10px;
}

.productos-section.flexible-component-default .flexible-component-item .text h3 {
	font-size: 22px;
	font-weight: 700;
        margin-top: 10px;
}

.productos-section.flexible-component-default .flexible-component-item .text h4 {
	font-size: 16px;
	font-weight: 600;
}

.productos-section.flexible-component-default .flexible-component-item .text {
	row-gap: 0.2rem;
}

.pricing {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 30px 0 10px 0;
        flex-wrap: wrap;
}

.price-discount {
	color: var(--color-brand-2)!important;
	font-family: var(--primary-font);
	font-size: 46px!important;
        margin-bottom: -5px;
}

.price {
	font-family: var(--primary-font);
	font-size: 22px;
	text-decoration: line-through;
        margin-top: 20px;
}

.offers-dark {
    background-color: var(--color-brand-1)!important;
}

.offers-dark-container {
    background-color: var(--color-brand-1)!important;
}

.offers-dark .offers-box-with-icon-container {
    background-color: var(--color-brand-1) !important;
}

.offers-dark .title * {
    color: var(--color-brand-neutral)!important;
}

.offers-dark .bottom-text {
    max-width: 80rem;
}

.offers-dark .brand-button {
    cursor: pointer;
    border: 0;
    margin-top: 30px;
    margin-bottom: 20px;
    color: var(--color-brand-neutral);
    background-color: var(--color-brand-2);
    padding: 12px 48px;
    border-radius: 12px;
    max-width: 425px;
    text-align: center;
    text-wrap: nowrap;
}

.offers-dark .brand-button:hover {
    color: var(--color-brand-neutral);
    background-color: var(--color-brand-1);
}

.offers-dark .bottom-text .brand-button {
    font-size: 16px;
}

.offers-dark .bottom-text .brand-button:hover {
    color: var(--color-brand-1);
    background-color: var(--color-brand-neutral);
}

.offer-box {
	box-shadow: none;
}

.offer-box-inner {
    position: relative;
}

.offer-box-inner h3 {
    position: absolute;
    top: 14px;
    left: 56px;
}

.offer-box-inner h4 {
    font-weight: 600;
}

.tratamiento-varices-section .offer-box-image {
	width: 72px;
	height: 72px;
	margin-bottom: 10px;
}

.tratamiento-varices-section .offer-box-inner {
	background-color: white!important;
}

.tratamiento-varices-section .offer-box-image .icon {
	width: 72px;
	height: 72px;
}

.text-with-image-default:not(.hero-secondary) .bottom-text, .text-with-image-default .title {
    color: var(--color-brand-1)!important;
}

.hero-secondary.text-with-image-default .title * {
	color: var(--color-brand-neutral)!important;
}

.text-with-image-default .image {
	max-width: 570px;
        border-radius: 25px;
}

.text-with-image-default .text p {
	font-size: 16px;
}

.faqs-with-image-item:has(.active) {
	background-color: var(--color-brand-neutral);
	border-radius: 16px;
}

.faqs-with-image-list .answer {
    padding-left: 5px;
    padding-right: 20px;
}

.faqs-with-image-text .rich-text-component {
    text-align: left;
}

form .hs-richtext a[href^="tel"]::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 15%;
	width: 100%;
	height: 2.7rem;
	display: inline-block;
	background: url(https://clinicaolea.cdn.prismic.io/clinicaolea/aINPGVGsbswqTPsf_icono-telefono-olea.svg) no-repeat left;
	z-index: -1;
}

#form-ciudadela {
    max-width: 500px;
    justify-self: center;
}

form .hs-fieldtype-intl-phone {
    display: flex;
    align-items: center;
    justify-content: center;
}

.hs-fieldtype-intl-phone.hs-input .hs-input {
    color: var(--color-brand-1)!important;
}

form .input input {
    color: var(--color-brand-1) !important;
}

form select {
    color: var(--color-brand-1) !important;
}

form textarea {
    color: var(--color-brand-1) !important;
}

form select {
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 0;
    margin-left: 0;
    border-radius: 35px;
    border: 1px solid var(--color-brand-4);
}

.somos-ux-desktop {
    display: none;
}

@media (min-width: 640px) {
.somos-ux-mobile {
    display: none;
}
.somos-ux-desktop {
    display: flex;
}
}

.green-check {
	background-image: url('https://coolfy.cdn.prismic.io/coolfy/Zgw4cMt2UUcvBVue_check-verde.svg');
	background-repeat: no-repeat;
	background-position: center;
}

.red-cross {
	background-image: url('https://coolfy.cdn.prismic.io/coolfy/Zgw4cct2UUcvBVuf_cross-rojo.svg');
	background-repeat: no-repeat;
	background-position: center;
}

.orange-line {
	background-image: url('https://coolfy.cdn.prismic.io/coolfy/Zg0B2Mt2UUcvBWT7_orange-horizontal-line.svg');
	background-repeat: no-repeat;
	background-position: center;
}

.table-scroll {
	display: block;
	overflow-x: auto;
}

.th-fixed {
	position: sticky;
	left: 0;
	z-index: 2;
}

.faqs-default img {
    border-radius: 16px;
}

.preguntas-frecuentes {
	background-color: var(--color-brand-neutral);
}

.preguntas-frecuentes .faqs-default {
	background-color: var(--color-brand-neutral)!important;
}

.preguntas-frecuentes .faqs-default-container {
	background-color: var(--color-brand-neutral)!important;
}

.preguntas-frecuentes .tab {
	border-width: 0;
	border-radius: 0;
	color: var(--color-brand-1);
	padding-top: 0;
	padding-bottom: 0;
}

.preguntas-frecuentes .tab:not(:last-child) {
	border-right: 1px solid var(--color-brand-1);
}

@media (max-width: 600px) {
	.frame-root {
		flex-direction: column;
	}

	.checks {
		flex-direction: column;
	}
}

.rich-text-default .rich-text-component.bottom-text {
    max-width: 80rem;
}

.rich-text-default .brand-button {
    cursor: pointer;
    border: 0;
    margin-top: 30px;
    margin-bottom: 20px;
    color: var(--color-brand-neutral);
    background-color: var(--color-brand-2);
    padding: 12px 48px;
    border-radius: 12px;
    max-width: 425px;
    text-align: center;
}

.rich-text-default .title {
    text-align: left;
}

.rich-text-default .bottom-text {
    padding-top: 0;
}

.rich-text-default .bottom-text .brand-button {
    font-size: 16px;
}

.rich-text-default .brand-button:hover {
    color: var(--color-brand-neutral);
    background-color: var(--color-brand-1);
}

.tabla-comparativa .rich-text-default-container .rich-text-inner {
    padding-left: 0!important;
    padding-right: 0!important;
    padding-bottom: 0!important;
}

.tabla-comparativa .rich-text-component {
    max-width: 80rem;
}
@media (min-width: 640px) {
.hero-default-content-inner .brand-button {
    font-size: 18px;
}
.tabla-comparativa th, .tabla-comparativa td {
    display: table-cell;
}
}

.blog-post-tag {
    padding: 0px 5px!important;
    border-radius: 5px!important;
}

.blog-post-page .main-image {
    background-image: none!important;
    display: none!important;
    padding-top: 0;
    max-height: 492px;
}

.blog-post-page .blog-post-content p:has(a) {
    margin-top: 0;
}

.blog-post-page .title-image {
    display: flex;
    max-height: 370px!important;
    object-position: center;
    object-fit: cover;
    border-radius: 16px;
}

.tienes-dudas.banner-default {
	background-color: var(--color-brand-3);
}

.tienes-dudas .banner {
	padding-top: 80px;
	padding-bottom: 80px;
}

.tienes-dudas .banner-default-container {
	background-image: linear-gradient(93.58deg, #1A5365 27.02%, rgba(26, 83, 101, 0.61) 113.92%), url("https://images.prismic.io/hospitaldevarices/aAlkePIqRLdaBi_y_varices_hero_home.png?auto=format,compress");
	background-size: cover, cover;
	background-repeat: no-repeat, no-repeat;
	background-position: center, right;
	margin-left: 20px;
	margin-right: 20px;
}

.tienes-dudas.banner-default * {
	color: var(--color-brand-neutral);
}

.tienes-dudas.banner-default button {
	border-radius: 36px;
	padding: 14px 42px;
	background-color: var(--color-brand-2);
}

.tienes-dudas .rich-text-component {
	row-gap: 3rem;
}

.banner-ofertas-especiales {
    background-color: var(--color-brand-3);
}

.banner-ofertas-especiales .flexible-component-default-container {
    background-color: var(--color-brand-1);
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 16px;
}

.banner-ofertas-especiales .flexible-component-default-container .content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.banner-ofertas-especiales * {
    color: var(--color-brand-neutral)!important;
}

.banner-ofertas-especiales p {
    font-size: 22px;
    max-width: 290px;
    margin-bottom: 20px;
    text-align: left;
}

.banner-ofertas-especiales .cta-button {
    border-radius: 36px;
    padding: 14px 42px;
    background-color: var(--color-brand-2);
    text-wrap: nowrap;
    margin-top: 20px!important;
}

@media (min-width: 768px) {
    .banner-ofertas-especiales .flexible-component-default-container .content {
        justify-content: space-around;
    }

    .banner-ofertas-especiales p {
        margin-bottom: 0;
    }
}

.faqs-with-image-item {
   border-bottom-width: 0!important;
}

.mobile-filter {
	position: fixed;
	bottom: 10px;
	left: 50%;
	transform: translate(-50%, 0);
}


.mobile-filter button {
	background-color: var(--color-brand-1);
	color: var(--color-brand-neutral);
	padding: 14px 40px;
	border-radius: 36px;
}

.mobile-filter button * {
	font-size: 18px;
	font-weight: 500;
}


.mobile-filter button:hover {
	color: var(--color-brand-6);
}

.main-text-with-image.text-with-image-default {
	background-color: var(--color-brand-3);
}

.main-text-with-image .text-with-image-default-container {
	background-color: var(--color-brand-3);
}

.main-text-with-image.text-with-image-default .image {
	/*display: none;*/
}

.main-text-with-image.text-with-image-default .text {
	color: var(--color-brand-1);
}

.main-text-with-image.text-with-image-default .text:hover {
	color: var(--color-brand-1);
}

.main-text-with-image.text-with-image-default .text a {
	color: var(--color-brand-neutral);
	background-color: var(--color-brand-2);
	padding: 12px 48px;
	border-radius: 12px;
        max-width: 425px;
        display: block;
        text-align: center;
}

.main-text-with-image.text-with-image-default .text a:hover {
	background-color: var(--color-brand-1);
}

.main-text-with-image.text-with-image-default .text .block-img {
	width: 155px;
        margin-left: -16px;
        margin-top: -22px;
}

.main-text-with-image.text-with-image-default .text p:has(a) {
	margin-top: 20px;
}

.productos-section .flexible-component-item .text > p:last-child {
	/*position: relative;
	width: 100%;
	text-align: right;
	padding-top: 10px;*/
}

.page-root:has(.filter-dropdown-multiselect) .productos-section {
	margin-top: calc(-100vh + var(--navbar-height));
	padding-top: 60px;
}

@media (min-width: 1024px) {
	.productos-section {
		overflow-y: auto;
		justify-content: flex-start;
		min-height: calc(100vh - var(--navbar-height));
	}
}

@media (min-width: 1280px) {
	.tienes-dudas .banner-default-container {
		border-radius: 16px;
	}
}

@media (min-width: 640px) {
    header img {
	max-height: 90px!important;
        padding: 5px 0;
    }

     .main-text-with-image.text-with-image-default .image {
        display: flex;
	height: 438px;
        border-radius: 16px;
    }
}

@media (min-width: 768px) {
	.hero-default-content {
		align-items: flex-start;
		justify-content: flex-start;
		padding-top: 110px;
		padding-left: 40px;
	}

	.hero-default-inner {
                min-height: calc(100vh - var(--navbar-height))!important;
		margin-top: 0;
		background-size: auto !important;
		background-position: left top !important;
		background-repeat: no-repeat;
	}

	.hero-default-content-inner {
		margin-top: 0;
	}

	header .brand-button-desktop a {                        
                visibility: visible;
		border: 1px solid var(--color-brand-2);
		min-width: 145px;
		margin-right: 0;
	}

	header .brand-button-desktop a:hover {
		background-color: var(--color-brand-2)!important;
		border: 1px solid var(--color-brand-neutral);
		border-radius: 12px;
	}

        .productos-section .flexible-component-default .title {
	        text-align: left;
      }

.offer-box-inner h3 {
    position: relative;
    top: 0;
    left: 0;
}

        .title {
	        text-align: inherit;
        }

	.faqs-with-image {
		padding-left: 20px;
		padding-right: 20px;
	}

	.faqs-with-image-container {
		border: 1px solid var(--color-brand-6);
		border-radius: 16px;
		margin: 20px;
	}
  
         .faqs-with-image-text .rich-text-component {
            text-align: center;
         }
}

footer .container {
    position: relative;
}

.subfooter .social-icons {
    position: absolute;
    top: 0;
    right: 0;
}

.subfooter div:nth-of-type(1) {
    display: none;
}

.equipo li {
  list-style: none;
}

@media (min-width: 640px) {
    .equipo ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.equipo img {
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
   border-radius: 16px;
}

.kit-digital-banner p {
    color: black !important;
}

.video-wrapper {
  width: 100%;
  max-width: 280px;        /* puedes ajustar */
  margin: 0 auto;
  aspect-ratio: 7 / 8;     /* más alto que cuadrado */
  border-radius: 12px;
  overflow: hidden;
  background: transparent;
  box-shadow: 0 4px 16px rgba(0,0,0,.2);
  display: flex;
  justify-content: center;
  align-items: center;
}
.video-wrapper video,
.video-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

iframe {
    border-radius: 16px;
}

.hero-default img {
    filter: brightness(0.7);
}


.otras-categorias .flexible-component-item {
	position: relative;
	width: 100%;
	height: 254px;
        border-radius: 16px;
        background: black;
}

.otras-categorias .flexible-component-item::before,
.otras-categorias .flexible-component-item::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
        border-radius: 16px;
}

.otras-categorias .flexible-component-item::after {
	background: linear-gradient(0deg, rgb(38 84 98 / 70%), rgb(106 148 161 / 70%));
	mix-blend-mode: multiply; /* Apply blending mode to darken the background */
}

.otras-categorias .flexible-component-item img {
    height: 100%;
}
.otras-categorias .flexible-component-item {
    height: 254px;
    max-width: 450px;
    margin: 0 auto;
}

.otras-categorias .flexible-component-item-inner {
    position: relative;
}

.otras-categorias .flexible-component-item-inner .image {
    position: absolute;
}

.otras-categorias .flexible-component-item .image {
    top: 0;
    width: 100%;
    height: 100%;
}

.otras-categorias .flexible-component-item-inner .image img {
    max-height: 100%;
    border-radius: 16px;
}

.otras-categorias .flexible-component-item-inner .rich-text-component {
    position: relative;
    align-items: center!important;
    justify-content: center;
    z-index: 1;
    padding: 20px;
}

.otras-categorias .flexible-component-item-inner .rich-text-component * {
    font-family: var(--primary-font);
    color: white !important;
    font-size: 18px;
    text-align: center!important;
}

.otras-categorias .flexible-component-item-inner .rich-text-component p {
    font-family: var(--secondary-font);
    font-size: 14px;
}

.blog-post-default .blog-post-tag *, .blog-post-default .read-mins {
    color: var(--color-brand-3)!important;

}

.blog-post-default .blog-post-tag {
    border: 1px solid var(--color-brand-3)!important;
}