.sePage .sePageMain
{ margin-top: 0 }
@media only screen and (max-width: 767px)
.sePage .sePageMain
{ margin-top: 0; }
.hp-lh-welcome{background-attachment:fixed; }
@media only screen and (max-width:767px){
.hp-lh-welcome{
background-attachment:initial;
}
}

/*Shifts background over 75%*/
@media only screen and (max-width:900px) {
.sePageSectionResponsive.hp-lh-welcome {
background-position-x: 75% !important;
}
}
.sePageFooter {
margin-top: -30px;
}

/* IMAGE OVERLAY */
.se-section-image-overlay .editContent,
.se-section-image-overlay .content-block-column {
 position: relative;
}

.se-section-image-overlay .content-block-column::before {
 content: '';
 background-color: rgba(0,0,0,0.30);
 width: 100%;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
}
/* imagenes del menu*/
<style>
 .menu-container {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 10px; /* Ajusta el valor según tus necesidades */
 }

 .menu-item {
 text-align: center;
 }

 .img-responsive-menu {
 border-radius: 50%;
 transition: filter 0.3s ease;
 max-width: 100px; /* Ajusta el valor según tus necesidades */
 height: auto;
 }

 @media (max-width: 767px) {
 .menu-container {
 flex-direction: column;
 align-items: flex-start;
 }
 }

 .img-responsive-menu:hover {
 filter: brightness(75%);
 }
/*SLIDER*/
.slider {
 width: 100%;
 height: 300px;
 overflow: hidden;
}

.slider-inner {
 display: flex;
 width: 300%;
 animation: slide 10s infinite;
}

.slider-inner img {
 width: 33.33%;
 height: 100%;
 object-fit: cover;
}

@keyframes slide {
 0% { margin-left: 0; }
 33.33% { margin-left: -100%; }
 66.66% { margin-left: -200%; }
 100% { margin-left: 0; }
}

/*BOTONES DEL MENU*/
.btn {
 display: inline-block;
 padding: 10px 20px;
 background-color: #CCBA8D;
 color: #FFFFFF;
 text-decoration: none;
 border-radius: 5px;
 transition: background-color 0.3s ease;
}

.btn:hover {
 background-color: #CCBA8D;
}

.move-image {
 position: relative;
}

.move-image:hover {
 animation: moveImage 1s infinite;
}

@keyframes moveImage {
 0% {
 transform: translate(0, 0);
 }
 50% {
 transform: translate(-10px, 0);
 }
 100% {
 transform: translate(0, 0);
 }
}

.img-responsive-financing {
 width: 100%;
 height: auto;
}
.img-responsive {
 transition: filter 0.3s;
}

.img-responsive:hover {
 filter: brightness(80%);
}

/* Estilo para el contenedor del banner */
.banner-container {
 width: 100%;
 background-color: CCBA8D;
 overflow: hidden;
 white-space: nowrap;
 font-family: Arial, sans-serif;
 color: white;
 font-size: 24px;
 padding: 10px 0;
 margin: 0; /* Eliminar margen */
 box-sizing: border-box;
}

/* Eliminar márgenes del texto para evitar espacio adicional */
.marquee p {
 display: inline-block;
 padding-left: 100%;
 animation: marquee 20s linear infinite;
 margin: 0; /* Eliminar margen del párrafo */
}

@keyframes marquee {
 0% {
 transform: translateX(100%);
 }
 100% {
 transform: translateX(-100%);
 }
}

/* Si el div anterior tiene márgenes, puedes usar este CSS global */
* {
 margin: 0;
 padding: 0;
 box-sizing: border-box; /* Asegura que padding no afecte el ancho */
}
.category-carousel-visual-categories {
 text-align: center;
 padding: 40px;
 background-color: #f9f9f9;
 font-family: Arial, sans-serif;
}

.category-carousel-header-text h3 {
 color: #333;
 font-size: 28px;
 margin: 0;
}

.category-carousel-header-text h4 {
 color: #555;
 font-size: 18px;
 margin: 10px 0 30px;
}

.category-carousel-tiles-container {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
 gap: 20px;
 max-width: 1200px;
 margin: 0 auto;
}

.category-carousel-tile {
 text-align: center;
 background-color: #fff;
 border-radius: 10px;
 padding: 15px;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.category-carousel-tile:hover {
 transform: scale(1.05);
 box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
}

.category-carousel-tile-image-container {
 margin: 0 auto;
 width: 120px;
 height: 120px;
 border-radius: 50%; /* Imagen en forma de círculo */
 overflow: hidden;
 display: flex;
 align-items: center;
 justify-content: center;
 background-color: #f4f4f4; /* Fondo para un mejor contraste */
}

.category-carousel-image {
 width: 100%;
 height: 100%;
 object-fit: cover; /* Asegura que la imagen llene el círculo */
}

.category-carousel-link-container {
 display: block;
 margin-top: 15px;
 color: #cfa34a;
 font-weight: bold;
 font-size: 14px;
 text-transform: uppercase; /* Texto en mayúsculas */
 text-decoration: none;
}

.category-carousel-link-container:hover {
 text-decoration: underline;
}
/* Container Styling */
.promo-container {
 width: 100%;
 background-color: #223549;
 padding: 20px 0;
}

.navigation-wrapper {
 display: flex;
 flex-direction: column;
 align-items: center;
 overflow: hidden;
 position: relative;
}

/* Carousel Component */
.promo-carousel-component {
 display: flex;
 gap: 10px;
 overflow: hidden;
 width: 100%;
 max-width: 1200px;
 justify-content: center;
}
/* Container Styling */

.promo-container {
 width: 100%;
 background-color: #FFF; /* Fondo BLANCO*/
 padding: 20px 0;
}

.navigation-wrapper {
 display: flex;
 justify-content: center;
 overflow: hidden;
}
/* Links */
.promo-block a.black-link {
 color: #ffffff !important; /* Forzar el color blanco */
 text-decoration: none; /* Sin subrayado */
 font-weight: bold; /* Enlace más destacado */
}

.promo-block a.black-link:hover {
 color: #CCBA8D; /* Cambia a gris claro al pasar el cursor */
 text-decoration: underline; /* Añade subrayado al pasar el cursor */
}

/* Responsiveness */
@media (max-width: 768px) {
 .promo-block {
 flex: 1 1 calc(45% - 30px); /* 2 tarjetas por fila */
 max-width: calc(45% - 30px);
 }
}

@media (max-width: 480px) {
 .promo-block {
 flex: 1 1 100%; /* 1 tarjeta por fila */
 max-width: 100%;
 }
}
/* General Container */
.financing-options {
 display: flex;
 flex-wrap: wrap;
 gap: 30px;
 justify-content: center;
 padding: 20px;
}

/* Each Option */
.financing-option {
 flex: 1 1 calc(33.33% - 30px); /* Three items per row */
 background-color: #fff;
 border-radius: 10px;
 overflow: hidden;
 box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
 transition: transform 0.3s ease, box-shadow 0.3s ease;
 text-align: center;
}

.financing-option:hover {
 transform: scale(1.05);
 box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2);
}

/* Image */
.financing-image {
 width: 100%;
 height: auto;
 display: block;
}

/* Content */
.financing-content {
 padding: 20px;
}

.financing-content h3 {
 font-size: 1.8rem;
 color: #333;
 margin-bottom: 10px;
}

.financing-content p {
 font-size: 1rem;
 color: #666;
 margin-bottom: 15px;
}

/* Button */
.financing-button {
 display: inline-block;
 padding: 12px 25px;
 background-color: #223549;
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 border-radius: 5px;
 transition: background-color 0.3s ease;
}

.financing-button:hover {
 background-color: #CCBA8D;
}

/* Responsive Design */
@media (max-width: 768px) {
 .financing-option {
 flex: 1 1 100%; /* Stack items vertically */
 }

 .financing-content h3 {
 font-size: 1.5rem;
 }
}
/* Special Offers Container */
.special-offers {
 position: relative;
 background-color: #f9f9f9;
 border: 1px solid #ddd;
 padding: 20px;
 border-radius: 8px;
 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
 margin: 20px auto;
 width: 95%;
 max-width: 1200px;
}

/* Close Button */
.close-button {
 position: absolute;
 top: 10px;
 right: 10px;
 background: none;
 border: none;
 font-size: 20px;
 font-weight: bold;
 cursor: pointer;
 color: #555;
 transition: color 0.3s ease;
}

.close-button:hover {
 color: #000;
}

/* Special Offers Inner */
.special-offers-inner {
 display: flex;
 gap: 20px;
 flex-wrap: wrap;
 justify-content: space-between;
}

/* Special Item */
.special-item {
 flex: 1 1 calc(33.33% - 20px);
 background-color: #fff;
 border: 1px solid #ddd;
 border-radius: 8px;
 overflow: hidden;
 text-align: center;
 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.special-item:hover {
 transform: translateY(-5px);
 box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

/* Special Image */
.special-img img {
 width: 100%;
 height: auto;
}

/* Special Text */
.special-text {
 padding: 15px;
}

.special-text h3 {
 font-size: 1.2rem;
 color: #CCBA8D;
 margin-bottom: 10px;
}

.special-text a {
 color: #CCBA8D;
 text-decoration: none;
 font-weight: bold;
 transition: color 0.3s ease;
}

.special-text a:hover {
 color: #CCBA8D;
}

/* Responsive Design */
@media (max-width: 768px) {
 .special-item {
 flex: 1 1 100%; /* Full width on smaller screens */
 }
}
/* Contenedor */
.five-reasons-container {
 position: relative;
 width: 100%; /* Full width */
 max-width: 1920px; /* Máximo ancho */
 margin: 0 auto; /* Centrado horizontal */
 overflow: hidden; /* Para evitar desbordamientos */
}

/* Enlace */
.five-reasons-link {
 display: block;

 text-decoration: none; /* Sin subrayado */
 outline: none; /* Sin bordes */
}

/* Imagen */
.five-reasons-image {
 width: 100%;
 height: auto;
 display: block;
 transition: opacity 0.3s ease; /* Hover suave */
}

/* Hover de la imagen */
.five-reasons-link:hover .five-reasons-image {
 opacity: 2; /* Cambia la opacidad en hover */
}

/* Hover de enlace (opcional, por si se necesita personalización extra) */
.five-reasons-link:hover {
 color: inherit; /* Asegura que no cambie el color del texto */
 background-color: trasparent;
 border: none;
}
*/MARLEN*/
.newsletter-banner {
 background-image: url('https://www.sefiles.net/merchant/2904/images/site/1-slimC1.jpg?t=1749659114326');
 background-size: cover;
 background-position: center;
 height: auto;
 padding: 60px 0;
 position: relative;
 font-family: 'Lato', sans-serif;
 color: #fff;
}

.newsletter-overlay {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 background: rgba(0, 0, 0, 0.4);
 padding: 40px;
 max-width: 1300px;
 margin: 0 auto;
 flex-wrap: wrap;
}

.newsletter-left {
 flex: 1 1 45%;
 padding-right: 30px;
}

.newsletter-left h2 {
 font-size: 36px;
 font-weight: 900;
 margin: 0 0 10px;
}

.newsletter-left h3 {
 font-size: 28px;
 font-style: italic;
 margin: 0 0 15px;
}

.newsletter-left p {
 font-size: 18px;
 margin-bottom: 0;
}

.newsletter-form-wrapper {
 flex: 1 1 50%;
 background-color: rgba(0, 0, 0, 0.7);
 padding: 30px;
 border-radius: 8px;
 box-sizing: border-box;
}

.newsletter-form label {
 display: block;
 margin: 10px 0 5px;
 font-weight: bold;
}

.newsletter-form input[type="text"],
.newsletter-form input[type="email"] {
 width: 100%;
 padding: 10px;
 font-size: 16px;
 margin-bottom: 10px;
 border: none;
 border-radius: 4px;
}

.newsletter-form .required {
 color: red;
 margin-left: 4px;
}

.interests {
 margin-top: 10px;
}

.interests span {
 font-weight: bold;
 display: block;
 margin-bottom: 5px;
}

.interests label {
 margin-right: 20px;
 display: inline-block;
 color: #fff;
}

.privacy {
 font-size: 14px;
 margin-top: 10px;
 color: #ddd;
}

.privacy a {
 color: red;
 text-decoration: underline;
}

.unsubscribe-note {
 margin-top: 5px;
 font-size: 12px;
 color: #bbb;
}

.captcha-box {
 background: #fff;
 color: #000;
 padding: 10px;
 margin-top: 15px;
 border-radius: 5px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 font-size: 14px;
}

button[type="submit"] {
 margin-top: 15px;
 padding: 12px 24px;
 background-color: red;
 color: #fff;
 border: none;
 font-weight: bold;
 font-size: 16px;
 border-radius: 4px;
 cursor: pointer;
 width: 100%;
}

button[type="submit"]:hover {
 background-color: #cc0000;
}