/*
Theme Name: Vehica Child
Theme URI: https://vehicatheme.com/
Author: TangibleDesign
Author URI: https://tangibledesign.net/
Description: Vehica
Template: vehica
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: translation-ready
Text Domain: vehica
*/
:focus, a.vehica-car-card-link:focus {
	outline: 2px dotted #00bced !important;
    outline-offset: 2px;
}
.overflow-hidden, body.no-scroll {overflow: hidden;}
body.no-scroll {position: fixed;}
span.vehica-car-card-row__secondary-attribute__comma {visibility: hidden;}
.vehica-button {border-radius: 4px;}
h3.vehica-tabs-top-v2__heading {
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 2.6rem;
}
.vehica-car-card-row {overflow: initial;}

/* font-sizes */
.fs6_6 {font-size: 6.6rem}
.vehica-loan-calculator__end-text {font-size: 0.75rem;} /* 12px */
.vehica-blog-card__date, .vehica-post-field__date, .vehica-number-of-comments, .vehica-post-field__category__list {font-size: 0.8125rem;} /* 13px */
.v-select:not(.vs-open) input, .vehica-text-field input, .vehica-car-card__info__single, .vehica-compare-area .vehica-compare-area__name, .elementor-widget-wp-widget-tag_cloud a, .vehica-info-window .vehica-info-window__text, .vehica-post-field__tags__single, .elementor-widget-wp-widget-tag_cloud a, .vehica-social-share__icon, .vehica-blog-card__button-wrapper a, .vehica-loan-calculator__field-wrapper h4, .vehica-loan-calculator input, .vehica-checkbox-policy .wpcf7-list-item-label {font-size: 0.875rem;} /* 14px */
.vehica-number-range__1of2 input[type=text], .vehica-car-card-row .vehica-car-card-row__calculate, .vehica-blog-card__excerpt {font-size: 0.9375rem;} /* 15px */
.vehica-results__fields__clear-load-more, .vehica-post-field__text, .vehica-vertical-ad, .vehica-recent-posts__single__title, .vehica-recent-posts__single__read-more, .vehica-car-attributes, .vehica-car-list__element__inner {font-size: 1rem;} /* 16px base */
.vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__keyword input, .vehica-button, .vehica-phone-v3 {font-size: 1.063rem; } /* 17px */
.vehica-car-features-pills__single {font-size: 1.125rem;} /* 18px */
.vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs .vehica-search-v1__tab-button, .vehica-inventory-v1__bar .vehica-inventory-v1__bar__right .vehica-inventory-v1__compare, .vehica-loan-calculator__results__col h3 {font-size: 1.188rem;} /* 19px */
.vehica-car-card__price-mobile {font-size: 1.25rem;} /* 20px */
.vehica-blog-card__title {font-size: 1.313rem;} /* 21px */
.vehica-pagination, .vehica-pagination-mobile {font-size: 1.375rem;} /* 22px */
.vehica-compare-area .vehica-compare-area__label, .vehica-posts--v2 .vehica-blog-card .vehica-blog-card__title {font-size: 1.5rem;} /* 24px */
.vehica-inventory-v1__title, .vehica-vertical-ad h2, .vehica-phone-v1 {font-size: 1.875rem;} /* 30px */
.vehica-car-price {font-size: 2.188rem;} /* 35px */
.vehica-loan-calculator__title {font-size: 3.125rem;} /* 50px */

/* Bordes redondeados */
.vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top {border-radius: 10px 10px 0 0;}
.vehica-car-card-row, .vehica-car-card-row .vehica-car-card-row__image .vehica-car-card__image, .v-select:not(.vs-open) .vs__dropdown-toggle, .vehica-text-field input, .vehica-car-card__inner, .vehica-car-card, form.vehica-search-form, form.vehica-search-form input[type=search], .elementor-widget-wp-widget-categories ul, .elementor-widget-wp-widget-tag_cloud a, .vehica-contact-form select, .vehica-contact-form textarea, .vehica-contact-form input[type=date], .vehica-contact-form input[type=email], .vehica-contact-form input[type=number], .vehica-contact-form input[type=password], .vehica-contact-form input[type=search], .vehica-contact-form input[type=tel], .vehica-contact-form input[type=text] {border-radius: 4px!important;}
.vehica-panel-account-field--location-google, .vehica-map {border-radius: 8px;}

/* Colores */
.vehica-post-field__text, .vehica-car-card__info__single, .vehica-blog-card__date, .elementor-widget-wp-widget-tag_cloud a, .vehica-social-profiles__v2__title {color: #222732;}
.vehica-blog-card__excerpt, .vehica-blog-card__date {opacity: .85;}
.vehica-recent-posts__single__read-more, .vehica-recent-posts__view-all, .elementor-widget-wp-widget-categories ul li, .vehica-search-v1__tab-count, .vehica-inventory-v1__bar .vehica-inventory-v1__bar__left .vehica-search-v1__tabs .vehica-search-v1__tab--active .vehica-search-v1__tab-button, .vehica-breadcrumbs__last, .vehica-checkbox-policy .wpcf7-list-item a {color: #00324e!important;}

.logos-colaboradores::before {
    content: '';
    width: 50%;
    height: 1px;
    background: #d4d5d6;
    position: absolute;
    top: 50%;
    transform: translateX(50%);
}
.logos-colaboradores::after {
    content: '';
    width: 1px;
    height: 85%;
    position: absolute;
    background: #d4d5d6;
    left: 50%;
    transform: translateY(6%);
}

/* HEADER */
/* -- Top Bar -- */
.topbar .vehica-email, .topbar .direccion  {
    font-size: .85rem;
    line-height: 1.4rem;
}
.topbar i.fa.fa-envelope {font-weight: 400;}
.topbar .vehica-address span {white-space: normal;}
.menu-trigger {
    height: 40px !important;
}
.menu-trigger a.vehica-menu__link {
    background: #67bbeb;
    padding: 0 20px !important;
    border-radius: 4px;
}
.menu-trigger a.vehica-menu__link:hover {
	color: #fff!important;
}

/* Contact Form */
.vehica-contact-form textarea {line-height: 22px;}


/* WIDGETS VEHICA */
/* Form Home */
.vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top {background-color: #67bbeb;}
.vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top .vehica-radio label, .vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top .vehica-radio.vehica-radio--active label {
	color: #2f3b48 !important;
	font-size: 1rem;
}
.vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__top {padding-left: 30px;}
.vehica-search-classic-v1 .vehica-search-classic-v1__inner .vehica-search-classic-v1__inner .vehica-search-classic-v1__bottom {color: #0f141e!important;}
.vehica-search-classic-v1__bottom > span {
    color: #000;
    font-weight: bold;
}
/* Tabs carrusel */
#carousel-no-arrows .vehica-carousel-v1 {display: none;}
#carousel-no-arrows .vehica-car-tabs-carousel.vehica-car-tabs-carousel__arrows-inside.vehica-carousel-v1--cars-15 {
    display: flex;
    justify-content: space-between;
}
#carousel-no-arrows a.vehica-button, .vehiculos-disponibles {
    width: 25px;
    white-space: nowrap;
    text-align: center;
    overflow: initial;
    display: flex;
    justify-content: center;
    padding: 2px 2px 1px 5px;
    right: 90px;
    position: absolute;
    top: 15px;
}
.vehiculos-disponibles {
    font-weight: 600;
    font-size: 1.1rem;
    display: flex;
    gap: 6px;
}
span.num-stock {
    display: flex;
    gap: 4px;
    background: #0f141e;
    color: #fff;
    padding: 0 6px;
    border-radius: 4px;
}
#carousel-no-arrows a.vehica-button::before {
    content: 'Disponible:' !important;
    color: #222732;
    position: absolute;
    z-index: 99;
    transform: none;
    left: -95px;
}
#carousel-no-arrows a.vehica-button::after {
    content: 'Vehículos' !important;
    color: #fff;
    position: absolute;
    z-index: 99;
    transform: none;
    right: -80px;
    background: #67bbeb;
    padding: 1px 3px 2px;
    border-radius: 0 4px 4px 0;
	top: 0;
}
/* Listing Grid */
.vehica-car-card__content {
    display: flex;
    flex-wrap: wrap;
	align-items: end;
	padding: 0 18px 19px 18px;
}
.vehica-car-card-v2 .vehica-car-card__separator {width: 100%;}
span.vehica-car-card__image-info__photos, .vehica-car-card__image__favorite i, .vehica-car-card__image-info i {color: #fff;}
.vehica-car-card__name {
	font-size: 1.06rem;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	width: 66%;
	white-space: normal;
}

/* Single Vehículo */
.cuota .vehica-grid {gap: 8px;}
.cuota .vehica-grid > div {width: auto;}
.vehica-car-features-pills__single i {
	font-size: 18px;
    line-height: 22px;
}
.vehica-grid.vehica-car-list > div {
    padding: 0 20px 8px;
    margin-bottom: 15px;
}
.vehica-grid.vehica-car-list > div::after {
    content: '';
    height: 1px;
    width: 95%;
    background: #22273221;
    display: block;
    position: absolute;
    bottom: 0;
}
.precio-financiado .vehica-car-price::after {
    content: 'Precio financiado';
    font-size: 1rem;
    display: block;
    text-align: right;
    margin-top: -20px;
    letter-spacing: .3px;
}
.etiqueta-medioambiente h3 {font-size: 1.375rem;}
.etiqueta-medioambiente .vehica-grid.vehica-car-list > div::after {display: none;}
.Etiqueta-azul-0-emisiones::after, .Etiqueta-ECO--Azul-verde-::after, .Etiqueta-C--Verde-::after, .Etiqueta-B--Amarilla-::after {
    content: '';
    background-image: url(https://autostrinitario.com/wp-content/uploads/2024/06/et-cero.png);
    width: 30px;
    height: 30px;
    position: absolute;
    transform: translate(20px, -4px);
    background-size: 30px;
}
.Etiqueta-ECO--Azul-verde-::after {
	background-image: url(https://autostrinitario.com/wp-content/uploads/2024/06/et-eco.png);
}
.Etiqueta-C--Verde-::after {
	background-image: url(https://autostrinitario.com/wp-content/uploads/2024/06/et-c.png);
}
.Etiqueta-B--Amarilla-::after {
	background-image: url(https://autostrinitario.com/wp-content/uploads/2024/06/et-b.png);
}
/* Inventario */
.vehica-car-card-row__secondary-attributes {
    border-bottom: 1px solid #a3a3a3;
    padding-bottom: 15px;
}
.vehica-car-card-row__secondary-attribute::before {
    content: '';
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-right: 4px;
    position: relative;
    top: 2px;
}
.vehica-car-card-row__secondary-attribute:first-child::before {
    background-image: url(https://wordpressrecursos.com/wp-content/uploads/2024/04/puerta.png);
    top: 2px;
}
.vehica-car-card-row__secondary-attribute:nth-child(2)::before {
    background-image: url(https://wordpressrecursos.com/wp-content/uploads/2024/04/plazas.png);
}
.vehica-car-card-row .vehica-car-card__info__single:last-child {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(300%);
}
.vehica-car-card-row .vehica-car-card__info__single:last-child i {display: none;}
.vehica-car-card-row .vehica-car-card__info__single:last-child span {
	background: #67bbeb;
    padding: 5px;
    color: #fff;
}
.vehica-car-card-row__price-desktop {
	font-size: 1.55rem;
	line-height: 2.4rem;
}
.vehica-inventory-v1__sort__select .v-select:not(.vs-open) .vs__dropdown-toggle {
	padding: 0 10px 15px 15px;
}
.v-select:not(.vs-open) .vs__dropdown-toggle {padding: 0!important;}
.vs--unsearchable .vs__search {padding-left: 27px !important;}
button.vehica-results__fields__clear {
    background: transparent;
    border: 0;
    cursor: pointer;
}

/* ESTILOS WIDGET GOOGLE REVIEWS */
.wp-gr[data-layout="slider"] .grw-reviews {padding-top: 100px!important;}
.grw-row.grw-row-m, .grw-row.grw-row-s, .grw-row.grw-row-x, .grw-row.grw-row-xs {
    flex-direction: column;
}
.grw-header img {display: none;}
.wp-gr .wp-google-rating {color: #222732 !important;}
.wp-gr .wp-google-right {
    width: auto !important;
    text-align: center !important;
}
.grw-header .wp-google-name a {
    font-size: 1.2rem !important;
    padding-bottom: 15px !important;
    display: block;
}
.grw-header .wp-google-name a span {font-size: 1.2rem !important;}
.wp-gr .grw-row-m .grw-header+.grw-content .grw-review > div, .wp-gr .grw-row-s .grw-header+.grw-content .grw-review > div, .wp-gr .grw-row-x .grw-header+.grw-content .grw-review > div, .wp-gr .grw-row-xs .grw-header+.grw-content .grw-review > div {
    padding: 70px 25px 60px 50px !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 7px 0 #e2e2e2 !important;
	background: transparent !important;
	border: solid 1px var(--primary) !important;
}
.wp-gr .grw-row-s .grw-header+.grw-content .grw-review > div {
	padding: 70px 0px 60px 0px !important;
}
.wp-gr .grw-review .wp-google-left {
	display: flex !important;
	flex-direction: column;
}
.wp-gr.wpac .wp-google-left img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    position: absolute !important;
    left: 50% !important;
    top: -40px !important;
    margin-left: -45px !important;
}
.wp-gr.wpac a.wp-google-name {
    text-align: center !important;
    font-size: 1.3rem !important;
    line-height: 30px !important;
    margin-bottom: 3px !important;
    font-weight: bold !important;
    color: #222732 !important;
    position: relative !important;
    left: -25px !important;
}
.wp-gr .grw-review .wp-google-stars {
    margin: 20px 0px 24px !important;
    position: relative !important;
    text-align: center !important;
    left: -25px !important;
}
.wp-gr .grw-review .wp-google-feedback {
    height: 150px !important;
    /*overflow-y: auto !important;*/
    padding-right: 25px !important;
    text-align: center !important;
	overflow-y: hidden !important;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:5;
}
.wp-gr .grw-row-s .grw-review .wp-google-feedback {padding: 0 25px!important;}
.wp-gr .wp-google-text {
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
    font-size: 1.15rem !important;
    font-style: italic !important;
    line-height: 1.55 !important;
    text-align: center !important;
    color: #222732 !important;
    margin: 25px 0 !important;
}
.wp-gr .wp-google-time {
    color: #555 !important;
    font-size: 13px !important;
    font-size: 1rem !important;
    line-height: 1.8rem !important;
    font-weight: 400 !important;
    color: #222732 !important;
    text-align: center !important;
    position: relative !important;
    left: -25px !important;
	text-transform: capitalize !important;
}
.wp-gr .wp-star svg {
    width: 22px !important;
    height: 22px !important;
    vertical-align: middle !important;
}
span.wp-star path {
    fill: #ffd200 !important;
}
.wp-gr .grw-row-s .grw-review .wp-google-stars, .wp-gr.wpac .grw-row-s a.wp-google-name, .wp-gr .grw-row-s .wp-google-time, .wp-gr .grw-row-x .grw-review .wp-google-stars, .wp-gr.wpac .grw-row-x a.wp-google-name, .wp-gr .grw-row-x .wp-google-time, .wp-gr .grw-row-xs .grw-review .wp-google-stars, .wp-gr.wpac .grw-row-xs a.wp-google-name, .wp-gr .grw-row-xs .wp-google-time {left: 0 !important;}
.wp-gr .grw-row-x, .wp-gr .grw-row-xs {display: block!important;}
.wp-gr.wpac .grw-row-x  .wp-google-left img {margin-left: -30px !important;}
.wp-gr .grw-row-xs .grw-header+.grw-content .grw-review > div {
	padding: 55px 20px 40px 20px !important;
}
.wp-gr.wpac .grw-row-xs .wp-google-left img {
	width: 65px!important;
	height: 65px!important;
	margin-left: -25px !important;
}
.grw-row-xs .wp-google-right {
  transform: translateX(-10px);
}
/* -- Estilos Google Maps -- */
.vehica-map .gm-style .gm-style-iw-d .vehica-info-window {
    padding: 18px;
}
.vehica-map .gm-style > div:first-child > div:nth-child(2) > div > div:last-child {top: -30px!important;}
.vehica-info-window .vehica-info-window__text {font-weight: 400!important;}
button.gm-ui-hover-effect {
	top: -3px!important;
    right: -3px!important;
}

/* INVENTARIO */

.vehica-breadcrumbs__link {color: #5e5e5e;}

/* PAG. CONTACTO */
.fijo span {color: #000;}

/* FOOTER */
footer .vehica-phone-v2 {
    font-size: 1.75rem;
    line-height: 2.125rem;
    font-weight: 700;
}
footer .direccion .elementor-icon-box-icon {
    position: relative;
    top: 4px;
}
footer ul.vehica-simple-menu a:hover {
	text-decoration: underline;
	color: #33bee6;
}
footer ul.vehica-simple-menu li {
	position: relative;
}
footer ul.vehica-simple-menu li::after {
	position: absolute;
    left: -17px;
    top: 12px;
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 5px;
    color: var(--primary);
}
footer ul.vehica-simple-menu li:first-child::after {display: none;}
/* Botones Móviles */
/* Ocultamos la sección por defecto si existe la clase de arriba */
body.ocultar-botones-movil .mi-seccion-sticky {
    display: none !important;
}

/* PANEL */
.vehica-panel .vs__selected-options input {
    padding: 10px 15px;
}
.vehica-panel .vs__selected-options .vehica-option {
    padding: 0 15px !important;
}
.cky-revisit-bottom-left {bottom: 65px!important;}
@media screen and (max-width: 1200px) {
	/* Font sizes */
	.fs6_6 {font-size: 5.2rem;}
	.vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-mobile-menu__info a, .elementor-icon-list-items.mobile {font-size: 1.125rem;} /* 18px */
	/* Menú mobile */
	.vehica-mobile-menu__wrapper .vehica-mobile-menu__open .vehica-mobile-menu__info {text-align: left!important;}
	.elementor-icon-list-items.mobile svg {
		fill: #67bbeb;
		margin-top: 7px;
  		margin-right: 3px;
	}
	.elementor-icon-list-items.mobile .elementor-icon-list-item {align-items: baseline!important;}
	.elementor-icon-list-items.mobile .elementor-icon-list-text {color: #99a1b2;}
	
	h3.vehica-tabs-top-v2__heading {text-align: left;}
}

@media screen and (min-width: 1024px) {
	/* Font-sizes */
	body, button, textarea {font-size: 1rem;} /* 16px base */
	.vehica-car-card-row .vehica-car-card-row__secondary-attributes {font-size: 0.9375rem;} /* 15px */
  .vehica-car-card-row__name {
    font-size: 1.5rem;
	line-height: 1.8rem;
	  min-height: 60px;
  }
	.vehica-car-card-row .vehica-car-card-row__calculate a, .vehica-car-card-row .vehica-car-card-row__secondary-attributes {opacity: .85!important;}
}

@media screen and (max-width: 1024px) {
	.vehica-car-card-row .vehica-car-card__info__single:last-child {
  		position: absolute;
  		right: -20px;
  		top: 0;
  		transform: initial;
	}
	.precio-financiado > div {padding: 0;}
}

@media (max-height: 900px) and (min-width: 1200px) {
    .vehica-hero-v3-subtitle h2 {
        font-size: 1.375rem !important;
        line-height: 36px !important;
    }
}

@media screen and (min-width: 900px) {
	.vehica-post-field__name {
		font-size: 2.563rem; /* 41px */
	}
	.vehica-car-name {font-size: 1.875rem;} /* 30px */
}

@media screen and (max-width: 899px) {
	.fs6_6 {line-height: 1em;}
	.vehica-post-field__name {font-size: 1.75rem; /* 28px */}
	.flex-mv > div {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.flex-mv .vehica-hero-v3-subtitle {margin: auto;}
	.vehica-car-name {font-size: 1.375rem;} /* 22px */
}

@media screen and (max-width: 767px) {
	  h3.vehica-tabs-top-v2__heading {
    	text-align: center;
    	font-size: 1.5rem;
    	line-height: 1.8rem;
  		}
	.vehiculos-disponibles {
		width: auto!important;
		position: initial!important;
		margin-bottom: 15px;
	}
	.logos-colaboradores::before {
		width: 70%;
		transform: translateX(20%);
	}
	.menu-trigger {display: none;}
	.menu-trigger.menu-item-mobile {
		display: block!important;
		height: auto!important;
		text-align: right;
		position: absolute;
    	top: -48px;
    	right: 40px;
		z-index: 999999;
	}
	.menu-trigger a.vehica-menu__link {
		padding: 8px 10px!important;
		color: #fff!important;
	}
	.header-overlay {
  		width: 20px!important;
  		top: 20px!important;
  		right: 20px!important;
	}
}

@media screen and (max-width: 600px) {
	.vehica-loan-calculator__title {font-size: 1.875rem;} /* 30px */
}

@media screen and (max-width: 480px) {
	.fs6_6 {font-size: 2.5rem;}
	.center-mv h2 {
		text-align: center;
		margin-bottom: 40px;
	}
}

/* ---- CONTENEDOR DEL MENÚ ---- */
/*.menu-overlay {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.85);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease, visibility .4s ease;
    z-index: 9998;
}
.menu-overlay.menu-open {
    opacity: 1;
    visibility: visible;
}

.overlay-content a {
    display: block;
    opacity: 0;
    transform: translateY(20px);
    transition: all .35s ease;
}

.overlay-open .overlay-content a {
    opacity: 1;
    transform: translateY(0);
}

.overlay-open .overlay-content a:nth-child(1) { transition-delay: .1s; }
.overlay-open .overlay-content a:nth-child(2) { transition-delay: .2s; }
.overlay-open .overlay-content a:nth-child(3) { transition-delay: .3s; }
.overlay-open .overlay-content a:nth-child(4) { transition-delay: .4s; }
.overlay-open .overlay-content a:nth-child(5) { transition-delay: .5s; }
.overlay-open .overlay-content a:nth-child(6) { transition-delay: .6s; }
*/
/* ======================
   OVERLAY PRINCIPAL
   ====================== */
.overlay {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 0; /* animación desde 0 */
    background: rgba(255, 255, 255, 0.97);
    z-index: 999999;

    /* Durante la animación NO debe haber scroll */
    overflow: hidden;

    transition: height .4s ease;
}

/* Cuando está abierto */
.overlay.overlay-open {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    /* Ahora sí permitimos scroll interno */
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* ======================
   CONTENIDO INTERNO
   ====================== */
.overlay-content {
    position: relative;
    top: 10%;
    width: 95%;
    margin-top: 10px;
    text-align: left;
    padding-left: 5%;
}

/* ======================
   ICONO CERRAR
   ====================== */
.header-overlay {
    position: absolute;
    width: 30px;
    top: 50px;
    right: 50px;
}

/* Icono hamburguesa */
.menu-icon-open {
    width: 100%;
    position: absolute;
    inset: 0;
    stroke: #193555;
    stroke-width: 3;
    stroke-linecap: round;

    opacity: 0;
    transform: rotate(-30deg) scale(.5);
    transition: opacity .35s ease, transform .35s ease;
    cursor: pointer;
}

/* Estado visible */
.hamburger-open.menu-icon-open {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

/* Estado cerrado */
.menu-icon-closed {
    opacity: 1;
    transform: scale(1);
    transition: opacity .35s ease, transform .35s ease;
    pointer-events: auto !important;
}

/* ======================
   BLOQUEO SCROLL BODY
   ====================== */
body.no-scroll {
    overflow: hidden !important;
}