*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

:root {
    --blue-white-color: #75B1D1;
    --silver-color: #e8e9ee;
    --withe-color: #ffffff;
    --black-color: #000000;
    --purple-color: #11111c;
    --medium-purple: #5b63d3;
}

body {
    margin: 0;
    font-family: 'Rubik', sans-serif;
}

  /* Estilo para la barra de submenu */
.navbar-default {
    width: 100%;
    height: auto;
    background-color: var(--purple-color);
    background-size: cover;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(2, 1fr);
    align-items:center;
    position:fixed¡;
    top:0;
    left: 0;
    z-index: 1;
    padding: 0.5rem;
    overflow: hidden;
}

#navbar-default {
    top: 0px; 
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

body {
    padding-top: 0px;
}


.navbar-default .contact-container {
    grid-column: 3 / 9;
    grid-row: 1 / 3;
    display: flex;
    align-items: center;
    list-style: none;
    font-size: 17px;
    color: var(--withe-color);
    font-weight: 400;
}

.navbar-default .email-info {
    margin: 0 20px 0 0px;
}

.navbar-default a {
    color: var(--yellow-color);
    text-decoration: none;
}

.atención-personalizada {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    grid-column: 10 / 13;
    grid-row: 1 / 3;
    font-size: 17px;
    color: var(--withe-color);
}

.tel_info {
    margin-left: 15px;
}

/*cierre  submenu*/

  /* Estilo para la barra de menu */
header {
    font-family: 'Rubik', sans-serif;
}

.main-menu {
    width: 100%;
    height: auto;
    background-color: var(--withe-color);
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    align-items: center;
    position: relative;
    transition: top 0.3s;
    z-index: 2000;
    margin-top: 0svh;
    box-shadow: 0 2px 5px rgba(0, 0 , 0, 0.1);
}

.main-menu.fixed {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 2000;
}

#mainMenu{
    position: fixed;
    top: 0px; 
    left: 0;
    width: 100%;
    height: auto;
    z-index: 2000;
}

.logo {
    width: 190px;
    height: auto;
    grid-column: 3 / 5;
}

.main-menu .menu {
    grid-column: 9 / 13;
    display: flex;
    justify-content: space-between;
}


.main-menu .menu li{
    list-style: none;
    position: relative; /* Para el posicionamiento del submenú */
}

.main-menu a {
    color: var(--black-color);
    text-decoration: none;
    font-size: 17px;
    font-family: 'Rubik', sans-serif;
    padding: 10px 15px;
    display: block;
}

a:hover {
    color: var(--yellow-color);
    text-decoration: underline;
}


#menu-hamburge {
    display: none;
}


.menu-desplegado,
.submenu-desplegable-productos {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--withe-color);
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 3000;
    overflow: hidden;
}

.menu-desplegado ul,
.submenu-desplegable-productos ul {
    list-style: none;
    padding: 50px 20px;
    margin: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 20px;
    position: relative;
    top: 120px;
}

.menu-desplegado ul li,
.submenu-desplegable-productos ul li {
    font-size: 1.5rem;
}

.menu-desplegado ul li a,
.submenu-desplegable-productos ul li a {
    text-decoration: none;
    color: black;
}

.cerrar,
.volver {
    position: absolute;
    top: 50px;
    font-size: 30px;
    cursor: pointer;
    z-index: 3;
    padding-right: 40px;
}

.cerrar {
    right: 20px;
}

.volver {
    left: 20px;
}

.hamburguesa {
    cursor: pointer;
    display: none;
    flex-direction: column;
    gap: 5px;
    grid-column: 14 / 15;
}

.linea {
    width: 30px;
    height: 3px;
    background-color: white;
}

.main-menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%; /* Posicionarlo justo debajo del menú principal */
    left: 0;
    background-color: var(--withe-color);
    min-width: 250px;
    z-index: 1000;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub-menu li {
    padding: 10px;
}

.sub-menu li a {
    color: var(--black-color);
    text-decoration: none;
    text-align: left;
}

.sub-menu li a:hover {
    width: 100%;
    background-color: var(--medium-purple);
    color: var(--withe-color);
}

/* Mostrar el submenú al pasar el ratón */
.main-menu .menu li:hover .sub-menu {
    display: block;
}


/* Estilo del ícono hacia abajo */
.icon-abajo2 {
    margin-left: 6px;
    margin-bottom: 2px;
    border: solid var(--black-color);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
}

/*Cierre menu*/

/*------------------------------------*/
/*Contenedor pantalla principal Murcia Panel*/
#contenedor-principal {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 1fr);
    padding-top: 0px ;
    gap: 50px;
    top: 0px;
    margin-top: 30px;
}

.content {
    grid-column: 4 / 12;
    grid-row: 4 / 7;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-p {
    grid-column: 4 / 12;
    grid-row: 7 / 9;
    display: flex;
    align-items: flex-end;
    padding: 0 20px;
}

.button-container {
    grid-column: 6 / 10;
    grid-row: 10/ 12;
    display: flex;
    justify-content: center;
    padding: 0px 0px;
}

.custom-button {
    background-color: var(--medium-purple);
    color: var(--withe-color);
    border: none;
    width: 50%;
    height: 60%;
    font-size: 1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: #5b63d3;
    cursor: pointer;
}

.custom-button:hover {
    background-color: transparent;
    border: solid 2px var(--withe-color);
    color: var(--withe-color);
}


.overlay {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0 , 0, 0.5)

}

#video-murcia-panel {
    display: block;
}

#video-murcia-panel-movil {
    display: none;
}

#video-murcia-panel,
#video-murcia-panel-movil {
    position: absolute;
    min-width:100%;
    min-height: auto;
    width: 100%;
    height: auto;
    z-index: -2;
    object-fit: cover;
}


.h1-almacen-ocasion {
    color: var(--withe-color);
    font-size: 4vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.parrafo-product {
    color: var(--withe-color);
    text-align: center;
    margin-top: 0px;
    font-size: 1.5vw;
    padding: 0 4%;
}

.content, .content-p, .button-container {
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}

.fade-in {
    opacity: 1;
}

/*Sección PANELES SANDWICH DE OCASION*/
.container-variedad-paneles {
    width: 100%;
}

.content-panel-sandwich {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.11fr);
    gap: 10px;
    padding: 0;
}

.sub-tittle-variedad {
    display: flex;
    color: var(--medium-purple);
    grid-column: 3 / 8;
    grid-row: 3 / 3;
    font-size: 1.2vw;
    opacity: 100%;
    align-items: center;
    z-index: 1;
    font-weight: 400;
}

.title-panel-sandwich {
    font-size: 3vw;
    grid-column: 3 / 9;
    grid-row: 4 / 7;
    color: var(--black-color);
    display: flex;
    align-items: start;

}


.parrafo-panel-ocasion {
    width: 100%;
    height: auto;
    text-align: justify;
    color: var(--black-color);
    font-size: 1.1vw;
    grid-column: 3 / 9;
    grid-row: 7 / 11;
    padding-top: 20px;
    padding-right: 5vw;
    font-weight: 400;
    z-index: 1;
} 

.button-container-2 {
    height: auto;
    grid-column: 3 / 5;
    grid-row: 11/ 12;
    cursor: pointer;
}

.custom-button-2 {
    color: var(--medium-purple);
    background-color: transparent;
    border: none;
    font-size: 1.1vw;
    margin-left: 0px;
}

.parrafo-fabricado {
    grid-column: 9 / 12;
    grid-row: 12/ 14;
    color: var(--black-color);
    z-index: 0;
    display: flex;
    align-items: center;
    text-align: justify;
    font-size: 0.9vw;
}

.vertical-bar {
    background-color: var(--medium-purple);
    width: 5px;
    height: 120px;
    grid-column: 8 / 9;
    grid-row: 12/ 14;
    z-index: 0;
    justify-self: end;
}

.background-ocasion-panel {
    width: 100%;
    height: auto;
    grid-column: 9 / 15;
    grid-row: 3/ 14;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
    border-radius: 40px 0 60px 0;
    z-index: 0;
    pointer-events: none;
}

.img-panel-opcasion {
    width: 100%;
    height: auto;
    grid-column: 8 / 13;
    grid-row: 4/ 12;
    margin-left: 50px;
        z-index: 2;
    pointer-events: none;
}

.img-panel-opcasion-movil {
    display: none;
}

/*SECCIÓN DISPONOBLES PANELES DE SEGUNDA MANO*/
.container-entrega-inmediata {
    width: 100%;
    background-color: #11111c;
}

.content-disponibilidad-sandwich {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.1fr);
    gap: 10px;
    padding: 0;
}

.sub-tittle-entrega-inmediata {
    display: flex;
    color: var(--withe-color);
    grid-column: 7 / 12;
    grid-row: 3 / 3;
    font-size: 1.2vw;
    opacity: 100%;
    align-items: center;
    z-index: 1;
    font-weight: 400;
    margin-left: 70px;
}

.title-disponibilidad-inmediata {
    font-size: 3vw;
    grid-column: 7 / 13;
    grid-row: 4 / 7;
    color: var(--withe-color);
    display: flex;
    align-items: start;
    margin-left: 70px;
}

.parrafo-nuestros-paneles {
    width: 100%;
    height: auto;
    text-align: justify;
    color: var(--withe-color);
    font-size: 1.1vw;
    grid-column: 7 / 13;
    grid-row: 7 / 11;
    padding-top: 20px;
    padding-right: 100px;
    font-weight: 400;
    z-index: 1;
    margin-left: 70px;
}

.parrafo-secundario-2 {
    grid-column: 4 / 7;
    grid-row: 12/ 14;
    color: var(--withe-color);
    z-index: 0;
    display: flex;
    align-items: center;
    text-align: justify;
    font-size: 0.9vw;
}

.vertical-bar-2 {
    background-color: var(--medium-purple);
    width: 5px;
    height: 120px;
    grid-column: 3 / 4;
    grid-row: 12/ 14;
    z-index: 0;
    justify-self: end;
    }

.button-container-3 {
    height: auto;
    grid-column: 7 / 10;
    grid-row: 11 / 13;
    display: flex;
    align-items: flex-start;
    justify-content:left;
    }

    .custom-button-3 {
    color: var(--withe-color);
    background-color: transparent;
    border: none;
    font-size: 1.1vw;
    cursor: pointer;
    margin-left: 70px;
    }

    .background-fondo-img {
        width: 100%;
        height: auto;
        grid-column: 1 / 7;
        grid-row: 3/ 10;
    }

    .img-disponibilidad-en-panel {
        width: 100%;
        height: auto;
        grid-column: 3 / 7;
        grid-row: 3/ 10;
        display: flex;
        align-items: flex-end;
    }

/*SECCIÓN GRAN ALMACEN DE PANELES DE OCASION*/

.contenedor-almacenes-paneles-segunda-mano {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, auto);
    gap: 10px;
    position: relative;
}
.img-almacen-paneles {
    width: 100%;
    height: 100%;
    grid-column: 1 / 15;
    grid-row: 1/ 15;
}

.img-almacen-paneles-version-movil {
    display: none; 
}

.overlay-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); 
    z-index: 1;
}

.contenido-superior {
    position: relative;
    z-index: 2; 
    color: white;
}

.title-almacen-paneles {
    grid-column: 1 / 15;
    grid-row: 5/ 10;
    display: flex;
    justify-content: center;
    text-align: center;
    color: var(--withe-color);
    font-size: 3.5vw;
    z-index: 1;
}

.panel-almacen-ocasion {
    grid-column: 4 / 12;
    grid-row: 10/ 12;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--withe-color);
    font-size: 1.1vw;
    z-index: 1;
}

/*SECCIÓN AMPLIO STOCK EN PANLESES DE OCASIÓN EN OFERTA*/
.container_amplio-stock-en-panel {
    width: 100%;
    height: 100%;
    display: grid;
    background-image: url('../img/background-amplio-stock.webp');
    background-repeat: no-repeat;
    background-size:cover;
    background-position: center;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(17, 2vw);
    gap: 0 10px;
    padding-bottom: 20px;
}

.sub-title-diferenciacion {
    color: var(--medium-purple);
    opacity: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    grid-column: 1 / 15;
    grid-row: 2 / 4;
    font-size: 1.2vw;
}

.title-diferenciacion-h2 {
    display: flex;
    font-size: 3.3vw;
    grid-column: 2 / 14;
    grid-row: 4 / 9;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--black-color);
}

.parrafo-diferenciación {
    color: var(--black-color);
    text-align: center;
    grid-column: 5 / 11;
    grid-row: 9 / 13;
    font-size: 1.1vw;
    padding: 20px;
}

.button-container-amplio-stock {
    grid-column: 7 / 9;
    grid-row: 14/ 15;
    display: flex;
    justify-content: center;
}

.custom-button-stock {
    background-color: var(--medium-purple);
    color: var(--withe-color);
    border: none;
    width: 90%;
    height: 150%;
    font-size: 0.9vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    cursor: pointer;
}

.custom-button-stock:hover {
    background-color: transparent;
    color: var(--medium-purple);
    border: solid var(--medium-purple);
    width: 90%;
    height: 190%;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    cursor: pointer;
    margin: 0;
}

.sub-title-diferenciacion-2 {
    color: var(--withe-color);
    text-align: center;
    grid-column: 4 / 12;
    grid-row: 13 / 15;
    font-size: 21px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*___________________________________________*/
/*SECCIÓN CÁMARAS FRIGORÍFICAS DE OCASIÓN*/

.container-camaras-frigorificas-ocasion {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.1fr);
    gap: 10px;
    padding: 0px 0;
    background-size: contain;
}

.container-image-camare-occasion {
    grid-column: 8 / 14;
    grid-row: 3 / 13;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('../img/background-camaraocasion.webp');
    background-repeat: no-repeat;
    background-size: 95% 90%;
    background-position: right;
}

.img-pilares-bg {
    width: 70%;
    height: auto;
    object-fit: cover;
    border-radius: 30px;
    display: flex;
    justify-content: flex-end;
}

.sub-tittle-camaras-ocasion-01 {
    width: 100%;
    grid-column: 3 / 8;
    grid-row: 4 / 4;
    padding-top: 0px;
    color: var(--medium-purple);
    font-size: 1.2vw;
    font-weight: 400;
}

.title-camara-ocasion-01 {
    font-size: 3.1vw;
    grid-column: 3 / 9;
    grid-row: 5 / 8;
    margin-left: 0px;
    margin-top: 0px;
    display: flex;
    align-items: center;
    color: var(--black-color);

}

.parrafo-camara-ocasion-01 {
    grid-column: 3 / 8;
    grid-row: 8 / 11;
    margin-left: 0px;
    text-align: justify;
    font-size: 1.1vw;
    padding-right: 50px;
    margin-top: 0px;
    display: flex;
    align-items: flex-start;
    color: var(--black-color);
}

.explorar-producto-pagina-principal {
    width: 100%;
    height: 50%;
    border-radius: 10px;
    grid-column: 3 / 9;
    grid-row: 11 / 13;
    display: flex;
    align-items: center;
}

.explorar-producto-pagina-principal button {
    background-color: var(--medium-purple);
    color: var(--withe-color);
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 0.9vw;
    width: 30%;
    height: 100%;
}

.explorar-producto-pagina-principal button:hover {
    background-color: var(--black-color);
    color: var(--withe-color);
}

/*_____________________________________*/
/*SECCIÓN PRODUCTOS DE OCASIÓN DESTACADOS*/
.container-section-featured-second-hand-products {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(38, 2vw);
}

.container-background-image-ocasion {
    width: 100%;
    height: 100%;
    grid-column: 1 / 15;
    grid-row: 1 /41;
}

.img-background-productos-ocasion {
    width: 100%;
    height: 100%;
    grid-column: 1 / 15;
    grid-row: 1 / 37;
}

.contenedor-titulo-productos {
    grid-column: 1 / 15;
    grid-row: 7 / 10;
    font-size: 2.2vw;
    color: var(--withe-color);
    text-align: center;
}

.container-logo-murcia-panel {
    width: 100%;
    height: 100%;
    grid-column: 1 / 15;
    grid-row: 3 / 7;
    text-align: center;
}

.container-logo-murcia-panel img {
    width: 20%;
    height: auto;
}

.slider-container {
    width: 100%;
    height: 100%;
    grid-column: 1 / 15;
    grid-row: 12 / 31;
}

.slider {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(8, 1fr); /* 5 columnas */
    grid-template-rows: auto;
    gap: 2vw;
    max-width: 1500px;
    margin: 0 auto;
}

.slide {
    text-align: center;
    position: relative;
}

.slider .slide:nth-child(1) {
    grid-column: 2 / 4;
    grid-row: 1;
}
.slider .slide:nth-child(2) {
    grid-column: 4 / 6;
    grid-row: 1;
}
.slider .slide:nth-child(3) {
    grid-column: 6 / 8;
    grid-row: 1;
}
.slider .slide:nth-child(4) {
    grid-column: 3 / 5;
    grid-row: 2;
}
.slider .slide:nth-child(5) {
    grid-column: 5 / 7;
    grid-row: 2;
}

.container-images-products {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-producto-escritorio {
    width: 100%;
    height: 100%;
}

.content-title-products {
    width: 100%;
    color: var(--withe-color);
    position: absolute;
    top: 2rem;
    font-size: 1.4rem;
}

.boton-con-url-2 {
    width: 100%;
    color: var(--withe-color);
    background-color: transparent;
    border-style: none;
    position: absolute;
    bottom: 2rem;
    left: 0rem;
    font-size: 1.2rem;
    transition: color 0.2s ease, background-color 0.2s ease ;
    cursor: pointer;
}


.boton-con-url-2:hover {
    color: var(--medium-purple);
    border-radius: 4px;
}


.slider-buttons {
    display: none;
}

/* ==== CONTENEDOR GENERAL DE LA SECCIÓN ==== */


/*------------------------------------*/
/*SECCIÓN CONTACTOS PANEL*/
.container-img-contacto-murcia-panel {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(15, 2vw);
    gap:15px;
}

.img-contacto-murcia-panel {
    display: block;
    width: 100%;
    height: 100%;
    grid-column: 9 / 15;
    grid-row: 1 / 16;
}

.img-background-panel-frigo-movil {
    width: 100%;
    height: auto;
    display: none;
}

.img-background-contacts-movil {
    width: 100%;
    height: auto;
    display: none;
}

.img-background-contacts {
    width: 77%;
    height: 100%;
    grid-column: 1 / 3;
    grid-row: 1 / 16;
}

.contentainer-sub-title-asesoramiento-personalizado {
    width: 100%;
    height: 100%;
}

.sub-title-asesoramiento-personalizado {
    width: 100%;
    grid-column: 3 / 9;
    grid-row: 3 / 4;
    font-size: 1.3vw;
    color: var(--medium-purple);
}

.tittle-contactanos {
    width: 100%;
    grid-column: 3 / 9;
    grid-row: 4 / 7;
    font-size: 3vw;
}

.parrafo-contactanos {
    width: 100%;
    grid-column: 3 / 9;
    grid-row: 7 / 10;
    font-size: 1.2vw;
    text-align: justify;
    padding-right: 20px;
}

.buttom-contacta-nosotros {
    width: 100%;
    grid-column: 2 / 5;
    grid-row: 9 / 11;
    font-size: 1vw;
    background: none;
    border: none;
    color: var(--medium-purple);
    cursor: pointer;
}

.barra-vertical {
    width: 3px;
    height: 120px;
    background-color: var(--medium-purple);
    grid-column: 8 / 5;
    grid-row: 12 / 14;
}

.parrafo-contacto-02 {
    grid-column: 8 / 5;
    grid-row: 12 / 14;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: justify;
    font-size: 1vw;
    padding-left: 30px;
}

.logo-murcia-panel-contacto-principal {
    width: 70%;
    grid-column: 11 / 14;
    grid-row: 12 / 14;
}

.tittle-productos-ocasion-movil {
    display: none;
}


/*PÁGINA PRINCIPAL DE PRODUCTOS*/

.container-pagina-principal-producto {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(20, 2vw);
    gap: 5px;
}

.picture-contentent-product {
    width: 100%;
    height: auto;
    grid-column: 1 / 15;
    grid-row: 1 / 21;
}

.picture-contentent-product img{
    width: 100%;
    height: 100%;
}

.soluciones-segunda-mano-panel-frigo {
    width: 100%;
    grid-column: 3 / 10;
    grid-row: 5 / auto;
    font-size: 1.5vw;
    color: var(--medium-purple);
    z-index: 1;
    
}

.title-soluciones-panel-frigo {
    width: 100%;
    grid-column: 3 / 11;
    grid-row: 7 / auto;
    font-size: 3vw;
    color: var(--withe-color);
    z-index: 1;
}

.parrafo-soluciones-panel-frigo{
    width: 100%;
    grid-column: 3 / 9;
    grid-row: 11 / auto;
    font-size: 1.3vw;
    text-align: justify;
    padding-right: 0px;
    color: var(--withe-color);
}

.solicitar-presupuesto-panel-frigo {
    width: 100%;
    grid-column: 3 / 5;
    grid-row: 16 / auto;
    color: var(--medium-purple);
}

.bottum-soluciones-panel-frigo {
    background-color: var(--medium-purple);
    border: none;
    color:var(--withe-color);
    font-size: 1vw;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
}

.bottum-soluciones-panel-frigo:hover {
    background-color: transparent;
    border: solid 2px var(--withe-color);
    color:var(--withe-color);
    font-size: 1vw;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
}

/*SECCIÓN CARACTERISTICAS PANEL FRIGORIFICO*/
.container-caracteristicas-paneles {
    width: 100%;
    height: 100%;
    background-color: var(--purple-color);
}

.contenedor-caracteristicas-paneles-segunda-mano {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(18, 2vw);
    gap: 0px 15px;
}

.sub-title-diverisidad-espesores {
    color: var(--medium-purple);
    font-size: 1.5vw;
    grid-column: 7 / 13;
    grid-row: 4 / auto;
    padding-left: 0px;
    z-index: 1;
}

.title-caracteristicas-panel-frigo {
    color: var(--withe-color);
    font-size: 2.5vw;
    grid-column: 7 / 13;
    grid-row: 6 / auto;
    display: flex;
    align-items: flex-start;
    padding-left: 0px;
    z-index: 1;
}

.parrafo-caracteristicas-panel-frigo {
    color: var(--withe-color);
    font-size: 1.2vw;
    grid-column: 7 / 13;
    grid-row: 10 / auto;
    text-align: justify;
    z-index: 1;
}

.glow-purple {
    width: 100%;
    grid-column: 3 / 7;
    grid-row: 4 / 16;
    isolation: isolate;
    position: relative;
}

.glow-purple::before {
    content: "";
    width: 90%;
    height: 100%;
    position: absolute;
    z-index:-1;
    inset: 0;
    border-radius: 10% 0 10% 0%;
    box-shadow: 0 0 40px rgba(186, 85, 255, 0.8),
    0 0 80px rgba(186, 85, 255, 0.6),
    0 0 120px rgba(186, 85, 255, 0.4);
    opacity: 40%;
    animation: glowPulse 6s ease-in-out infinite;
    pointer-events: none;
}

.img-panel-frigo-pag-producto-frigo {
    width: 100%;
    grid-column: 2 / 7;
    grid-row: 6 / 10;
    padding-top: 40px;
    z-index: 1;
}

.parrafo-caracteristicas-panel-frigo-2 {
    grid-column: 2 / 7;
    grid-row: 5 / 8;
    display: flex;
    justify-content:center;
    color: var(--withe-color);
    z-index: 1;
    font-size: 1.5vw;
}

.descripcion-panel-frigo {
    color: var(--withe-color);
    grid-column: 3 / 7;
    grid-row: 13 / auto;
    padding-left: 30px;
    z-index: 1;
    display: flex;
    align-items: center;
    font-size: 1vw;
}

/*----------------*/
/*CONTACTANOS-PAGINA-PRODUCTO*/
.container-img-contacto-murcia-panel-producto {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.1fr);
    gap:15px;
}

.img-contacto-murcia-panel-producto {
    width: 90%;
    height: auto;
    grid-column: 9 / 13;
    grid-row: 3 / 13;
    padding-left: 30px;
    z-index: 1;
}

.img-background-contacts-producto {
    width: 85%;
    height: auto;
    grid-column: 9 / 14;
    grid-row: 2 / 14;
    padding-left: 50px;
    
}

.sub-title-asesoramiento-personalizado-producto {
    width: 100%;
    grid-column: 3 / 10;
    grid-row: 4 / 5;
    font-size: 1.4vw;
    color: var(--medium-purple)
}

.tittle-contactanos-producto {
    width: 100%;
    grid-column: 3 / 12;
    grid-row: 5 / 8;
    font-size: 3vw;
}

.parrafo-contactanos-producto {
    width: 100%;
    grid-column: 3 / 9;
    grid-row: 8 / 9;
    font-size: 1.2vw;
    text-align: justify;
    padding-right: 20px;
}

.buttom-contacta-nosotros-producto {
    width: 100%;
    grid-column: 3 / 4;
    grid-row: 9 / 11;
    font-size: 1.1vw;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--medium-purple);
}

.barra-vertical-producto-frigo {
    width: 3px;
    height: 120px;
    background-color: var(--medium-purple);
    grid-column: 8 / 5;
    grid-row: 11 / 14;
}

.parrafo-contacto-02-producto {
    grid-column: 8 / 5;
    grid-row: 10 / 14;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: justify;
    font-size: 1vw;
    padding-left: 30px;
}

.logo-murcia-panel-contacto-principal {
    width: 70%;
    grid-column: 11 / 14;
    grid-row: 12 / 14;
}



/*SECCIÓN GALERIA FOTOGRAFICA*/
.content-galeria {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.1fr);
    gap:15px;
}

.title-galeria-fotografica {
    grid-column: 3 / 7;
    grid-row: 2 / 3;
    display: flex;
    justify-content: flex-start;
    font-size: 3vw;
    margin-top: 30px;
}

.subtitulo-galeria-producto-puertas-frigo {
    grid-column: 3 / 10;
    grid-row: 3 / 3;
    font-size: 1.4vw;
    color: var(--medium-purple);

}

.panel-frigo-color {
    color: #5b63d3;
    font-weight: 500;
}

.foto1 {
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.4));
    border-radius: 30px;
}

.contenedor-fotos {
    width: 100%;
    height: 100%;
    grid-column: 3 / 13;
    grid-row: 5 / 14;
    display: flex;
    justify-content: center;
    gap: 60px;
    padding-bottom: 60px;
    padding-top: 30px;
    
}


/*----------------*/
/*PAGINA-TEJA ENVEJECIDA*/
.container-pagina-panel-teja-envejecida {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(20, 2vw);
    gap: 5px;
    background-color: #f9fafb;
    z-index: -2;
}

.imgen-pagina-panel-teja-envejecida {
    width: 100%;
    height: 100%;
    grid-column: 9 / 15;
    grid-row: 1 / 21;
    z-index: 1;
    padding-left: 2vw;
}

.imgen-pagina-panel-teja-envejecida img {
    width: 100%;
    height: 100%;
}

.stock-segunda-mano {
    width: 100%;
    grid-column: 3 / 10;
    grid-row: 5 / auto;
    font-size: 1.4vw;
    color: var(--medium-purple);
    z-index: 1;
}

.title-panel-teja-envejecida {
    width: 100%;
    grid-column: 3 / 11;
    grid-row: 7 / auto;
    font-size: 3vw;
    color: var(--black-color);
}


.parrafo-panel-teja-envejecida {
    width: 100%;
    grid-column: 3 / 9;
    grid-row: 11 / auto;
    font-size: 1.3vw;
    text-align: justify;
    padding-right: 0px;
    color: var(--black-color);
}

.solicitar-presupuesto-panel-teja-envejecida {
    width: 100%;
    grid-column: 3 / 5;
    grid-row: 15 / auto;
    color: var(--medium-purple);
}

.bottom-soluciones-panel-teja-envejecida {
    background-color: var(--medium-purple);
    border: none;
    color:var(--withe-color);
    font-size: 1vw;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
}

.bottom-soluciones-panel-teja-envejecida:hover {
    background-color: transparent;
    border: solid 2px var(--medium-purple);
    color:var(--medium-purple);
    font-size: 1vw;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
}


/*SECCIÓN CARACTERISTICAS PANEL ENVEJECIDO*/
.container-caracteristicas-paneles-teja-envejecida {
    width: 100%;
    height: 100%;
    background-color: var(--purple-color);
}

.contenedor-caracteristicas-paneles-teja-segunda-mano {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(18, 2vw);
    gap: 0px 15px;
}

.sub-title-diverisidad-espesores-panel-teja {
    color: var(--medium-purple);
    font-size: 1.5vw;
    grid-column: 7 / 13;
    grid-row: 4 / auto;
    padding-left: 0px;
    z-index: 1;
}

.title-caracteristicas-panel-teja-envejecido {
    color: var(--withe-color);
    font-size: 2.5vw;
    grid-column: 7 / 13;
    grid-row: 6 / auto;
    display: flex;
    align-items: flex-start;
    padding-left: 0px;
    z-index: 1;
}

.parrafo-caracteristicas-panel-teja-envejecido {
    color: var(--withe-color);
    font-size: 1.2vw;
    grid-column: 7 / 13;
    grid-row: 10 / auto;
    text-align: justify;
    z-index: 1;
}

.backgronund-panel-teja-envejecido {
    width: 90%;
    grid-column: 3 / 7;
    grid-row: 4 / 12;
}

.img-panel-frigo-pag-teja-envejecida {
    width: 100%;
    grid-column: 2 / 7;
    grid-row: 6 / 9;
    padding-top: 40px;
    z-index: 1;
}

.parrafo-caracteristicas-panel-teja-envejecido-02 {
    grid-column: 2 / 7;
    grid-row: 5 / 8;
    display: flex;
    justify-content:center;
    color: var(--withe-color);
    z-index: 1;
    font-size: 1.5vw;
}

.descripcion-panel-teja-envejecido {
    color: var(--withe-color);
    grid-column: 3 / 7;
    grid-row: 14 / auto;
    padding-left: 30px;
    z-index: 1;
    display: flex;
    align-items: center;
    font-size: 1vw;
}

.glow-purple-2 {
    width: 100%;
    grid-column: 3 / 7;
    grid-row: 4 / 16;
    isolation: isolate;
    position: relative;
}

.glow-purple-2::before {
    content: "";
    width: 90%;
    height: auto;
    position: absolute;
    z-index:-1;
    inset: 0;
    padding: 3vw 0rem;
    border-radius: 10% 0 10% 0%;
    box-shadow: 0 0 40px rgba(186, 85, 255, 0.8),
    0 0 80px rgba(186, 85, 255, 0.6),
    0 0 120px rgba(186, 85, 255, 0.4);
    opacity: 40%;
    animation: glowPulse 6s ease-in-out infinite;
    pointer-events: none;
}

@keyframes glowPulse {
    0%, 100% { box-shadow: 0 0 40px rgba(186, 85, 255, 0.8),
        0 0 80px rgba(186, 85, 255, 0.6),
        0 0 120px rgba(186, 85, 255, 0.4);}
    50% { box-shadow: 0 0 60px rgba(186, 85, 255, 1), 
        0 0 100px rgba(186, 85, 255, 0.8),
        0 0 140px rgba(186, 85, 255, 0.6); }
}

@media (prefers-reduced-motion: reduce) {
    .glow-purple::before { animation: none; }
}

/*----------------*/
/*CONTACTANOS-PAGINA-TEJA-ENVEJECIDA*/
.container-img-contacto-murcia-panel-teja-envejecida {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.1fr);
    gap:15px;
}

.img-contacto-murcia-panel-teja-enevejecida {
    width: 100%;
    height: auto;
    grid-column: 9 / 13;
    grid-row: 4 / 13;
    padding-left: 30px;
    z-index: 1;
}

.img-background-contacts-teja-envejecida {
    width: 100%;
    height: auto;
    grid-column: 9 / 13;
    grid-row: 2 / 14;
    padding-left: 50px;
    
}

.sub-title-asesoramiento-personalizado-teja-envejecida {
    width: 100%;
    grid-column: 3 / 10;
    grid-row: 4 / 5;
    font-size: 1.4vw;
    color: var(--medium-purple)
}

.tittle-contactanos-teja-envejecida {
    width: 100%;
    grid-column: 3 / 12;
    grid-row: 5 / 8;
    font-size: 3vw;
}

.parrafo-contactanos-teja-envejecida {
    width: 100%;
    grid-column: 3 / 9;
    grid-row: 8 / 9;
    font-size: 1.2vw;
    text-align: justify;
    padding-right: 20px;
}

.buttom-contacta-nosotros-teja-envejecida {
    width: 100%;
    grid-column: 3 / 4;
    grid-row: 9 / 11;
    font-size: 1.1vw;
    background: none;
    border: none;
    color: var(--medium-purple);
    cursor: pointer;
}

.barra-vertical-teja-envejecida {
    width: 3px;
    height: 120px;
    background-color: var(--medium-purple);
    grid-column: 8 / 5;
    grid-row: 11 / 14;
}

.parrafo-contacto-02-teja-envejecida {
    grid-column: 8 / 5;
    grid-row: 10 / 14;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: justify;
    font-size: 1vw;
    padding-left: 30px;
}

/*SECCIÓN GALERIA FOTOGRAFICA*/
.content-galeria-teja-envejecida {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(17, 2vw);
    gap:10px;
}

.title-galeria-panel-teja-envejecida-02 {
    grid-column: 3 / 7;
    grid-row: 2 / 3;
    display: flex;
    justify-content: flex-start;
    font-size: 3vw;
    margin-top: 0px;
}

.subtitulo-galeria-teja-envejecuida {
    grid-column: 3 / 14;
    grid-row: 4 / auto;
    font-size: 1.4vw;
    color: var(--medium-purple);

}

.panel-frigo-color {
    color: #5b63d3;
    font-weight: 500;
}

.foto-teja1 {
    width: 100%;
    height: 100%;
}

.contenedor-fotos-panel-teja-envejecida {
    width: 100%;
    height: 100%;
    grid-column: 2 / 14;
    grid-row: 5 / 16;
    display: flex;
    justify-content: center;
    gap: 60px;
    padding-bottom: 60px;
    padding-top: 50px;
}

/*------------------------------------*/
/*PAGINA PANEL TEJA SLIM DE OCASIÓN */
.container-pagina-panel-teja-slim-ocasion {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(20, 2vw);
    gap: 5px;
}

.picture-content-teja-slim {
    width: 100%;
    height: auto;
    grid-column: 1 / 15;
    grid-row: 1 / 21;
}

.picture-content-teja-slim img {
    width: 100%;
    height: 100%;
}

.stock-segunda-mano-teja-slim {
    width: 100%;
    grid-column: 3 / 10;
    grid-row: 5 / auto;
    font-size: 1.4vw;
    color: var(--medium-purple);
    z-index: 1;
}

.title-panel-teja-slim {
    width: 100%;
    grid-column: 3 / 11;
    grid-row: 7 / auto;
    font-size: 3vw;
    color: var(--withe-color);
    z-index: 1;
}

.parrafo-panel-teja-slim {
    width: 100%;
    grid-column: 3 / 9;
    grid-row: 11 / auto;
    font-size: 1.3vw;
    text-align: justify;
    padding-right: 0px;
    color: var(--withe-color);
}

.solicitar-presupuesto-panel-teja-slim {
    width: 100%;
    grid-column: 3 / 5;
    grid-row: 16 / auto;
    color: var(--medium-purple);
}

.bottom-soluciones-panel-teja-slim {
    background-color: var(--medium-purple);
    border: none;
    color:var(--withe-color);
    font-size: 1vw;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
}

.bottom-soluciones-panel-teja-slim:hover {
    background-color: transparent;
    border: solid 2px var(--withe-color);
    color:var(--withe-color);
    font-size: 1vw;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
}

/*SECCIÓN CARACTERISTICAS PANEL SLIM*/
.container-caracteristicas-paneles-teja-slim {
    width: 100%;
    height: 100%;
    background-color: var(--purple-color);
}

.contenedor-caracteristicas-paneles-teja-slim-segunda-mano {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(18, 2vw);
    gap: 0px 15px;
}

.sub-title-diverisidad-espesores-panel-teja-slim {
    color: var(--medium-purple);
    font-size: 1.5vw;
    grid-column: 7 / 13;
    grid-row: 4 / auto;
    padding-left: 0px;
    z-index: 1;
}

.title-caracteristicas-panel-teja-slim {
    color: var(--withe-color);
    font-size: 2.5vw;
    grid-column: 7 / 13;
    grid-row: 6 / auto;
    display: flex;
    align-items: flex-start;
    padding-left: 0px;
    z-index: 1;
}

.parrafo-caracteristicas-panel-teja-slim {
    color: var(--withe-color);
    font-size: 1.2vw;
    grid-column: 7 / 13;
    grid-row: 10 / auto;
    text-align: justify;
    z-index: 1;
}

.glow-purple-3 {
    width: 100%;
    grid-column: 3 / 7;
    grid-row: 4 / 16;
    isolation: isolate;
    position: relative;
}

.glow-purple-3::before {
    content: "";
    width: 90%;
    height: 100%;
    position: absolute;
    z-index:-1;
    inset: 0;
    border-radius: 10% 0 10% 0%;
    box-shadow: 0 0 40px rgba(186, 85, 255, 0.8),
    0 0 80px rgba(186, 85, 255, 0.6),
    0 0 120px rgba(186, 85, 255, 0.4);
    opacity: 40%;
    animation: glowPulse 6s ease-in-out infinite;
    pointer-events: none;
}


.img-panel-frigo-pag-teja-slim {
    width: 100%;
    grid-column: 2 / 7;
    grid-row: 6 / 10;
    padding-top: 40px;
    z-index: 1;
}

.parrafo-caracteristicas-panel-teja-slim-02 {
    grid-column: 2 / 7;
    grid-row: 5 / 8;
    display: flex;
    justify-content:center;
    color: var(--withe-color);
    z-index: 1;
    font-size: 1.5vw;
}

.descripcion-panel-teja-slim {
    color: var(--withe-color);
    grid-column: 3 / 7;
    grid-row: 13 / auto;
    padding-left: 30px;
    z-index: 1;
    display: flex;
    align-items: center;
    font-size: 1vw;
}

/*----------------*/
/*CONTACTANOS-PAGINA-TEJA-SLIM*/
.container-img-contacto-murcia-panel-teja-slim {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.1fr);
    gap:15px;
}

.img-contacto-murcia-panel-teja-slim {
    width: 105%;
    height: auto;
    grid-column: 8 / 13;
    grid-row: 5 / 13;
    padding-left: 30px;
    z-index: 1;
}

.img-background-contacts-teja-slim {
    width: 85%;
    height: auto;
    grid-column: 9 / 14;
    grid-row: 2 / 14;
    padding-left: 50px;
    
}

.sub-title-asesoramiento-personalizado-teja-slim {
    width: 100%;
    grid-column: 3 / 10;
    grid-row: 4 / 5;
    font-size: 1.4vw;
    color: var(--medium-purple)
}

.tittle-contactanos-teja-slim {
    width: 100%;
    grid-column: 3 / 12;
    grid-row: 5 / 8;
    font-size: 3vw;
}

.parrafo-contactanos-teja-slim {
    width: 100%;
    grid-column: 3 / 9;
    grid-row: 8 / 9;
    font-size: 1.2vw;
    text-align: justify;
    padding-right: 20px;
}

.buttom-contacta-nosotros-teja-slim {
    width: 100%;
    grid-column: 3 / 4;
    grid-row: 9 / 11;
    font-size: 1.1vw;
    background: none;
    border: none;
    color: var(--medium-purple);
    cursor: pointer;
}

.barra-vertical-teja-slim {
    width: 3px;
    height: 120px;
    background-color: var(--medium-purple);
    grid-column: 8 / 5;
    grid-row: 11 / 14;
}

.parrafo-contacto-02-teja-slim {
    grid-column: 8 / 5;
    grid-row: 10 / 14;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: justify;
    font-size: 1vw;
    padding-left: 30px;
}

/*SECCIÓN GALERIA FOTOGRAFICA*/
.content-galeria-teja-slim {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.1fr);
    gap:15px;
}

.title-galeria-fotografica-teja-slim {
    grid-column: 3 / 7;
    grid-row: 2 / 3;
    display: flex;
    justify-content: flex-start;
    font-size: 3vw;
    margin-top: 30px;
}

.subtitulo-galeria-teja-slim {
    grid-column: 3 / 14;
    grid-row: 3 / 3;
    font-size: 1.4vw;
    color: var(--medium-purple);

}

.buttom-contacta-producto-panel-slim {
    background-color: transparent;
    grid-column: 2 / 5;
    grid-row: 4 / 4;
    border: none;
    color:var(--medium-purple);
    font-size: 1.3vw;
    border-radius: 10px;
    padding-left: 20px;
    cursor: pointer;
}

.panel-frigo-color-slim {
    color: #5b63d3;
    font-weight: 500;
}

.foto-slim {
    width: 100%;
    height: 100%;
}

.contenedor-fotos-panel-teja-slim {
    width: 100%;
    height: 100%;
    grid-column: 3 / 13;
    grid-row: 4 / 14;
    display: flex;
    justify-content: center;
    gap: 60px;
    padding-bottom: 60px;
    padding-top: 50px;
}

/*------------------------------------*/
/*PAGINA PRINCIPAL PANEL CUBIERTA */
.container-pagina-panel-cubierta-3g {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(20, 2vw);
    gap: 5px;
    background-color: #f9fafb;
    z-index: -2;
}

.picture-content-panel-cubierta {
    width: 100%;
    height: 100%;
    grid-column: 10 / 15;
    grid-row: 1 / 21;
}

.picture-content-panel-cubierta img {
    width: 100%;
    height: 100%;
}

.stock-segunda-mano-panel-cubierta-3g {
    width: 100%;
    grid-column: 3 / 10;
    grid-row: 5 / auto;
    font-size: 1.4vw;
    color: var(--medium-purple);
    z-index: 1;
}

.title-panel-cubierta-3g {
    width: 100%;
    grid-column: 3 / 11;
    grid-row: 7 / auto;
    font-size: 3vw;
    color: var(--black-color);
    z-index: 1;
}

.parrafo-panel-cubierta-3g {
    width: 100%;
    grid-column: 3 / 9;
    grid-row: 11 / auto;
    font-size: 1.3vw;
    text-align: justify;
    padding-right: 0px;
    color: var(--black-color);
}

.solicitar-presupuesto-panel-cubierta-3g {
    width: 100%;
    grid-column: 3 / 5;
    grid-row: 16 / auto;
}

.bottom-soluciones-panel-cubierta-3g {
    background-color: var(--medium-purple);
    border: none;
    color:var(--withe-color);
    font-size: 1vw;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
}

.bottom-soluciones-panel-cubierta-3g:hover {
    background-color: transparent;
    border: solid 1px var(--medium-purple);
    color:var(--medium-purple);
    font-size: 1vw;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
}

/*SECCIÓN CARACTERISTICAS PANEL CUBIERTA*/
.container-caracteristicas-paneles-cubierta-3g {
    width: 100%;
    height: 100%;
    background-color: var(--purple-color);
}

.contenedor-caracteristicas-paneles-cubierta-3g {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(18, 2vw);
    gap: 0 15px;
}

.sub-title-diverisidad-espesores-panelcubierta-3g {
    color: var(--medium-purple);
    font-size: 1.5vw;
    grid-column: 7 / 13;
    grid-row: 4 / auto;
    padding-left: 0px;
    z-index: 1;
}

.title-caracteristicas-panel-cubierta-3g {
    color: var(--withe-color);
    font-size: 2.5vw;
    grid-column: 7 / 13;
    grid-row: 6 / auto;
    display: flex;
    align-items: flex-start;
    padding-left: 0px;
    z-index: 1;
}

.parrafo-caracteristicas-panel-cubierta-3g {
    color: var(--withe-color);
    font-size: 1.2vw;
    grid-column: 7 / 13;
    grid-row: 10 / auto;
    text-align: justify;
    z-index: 1;
}

.glow-purple-4 {
    width: 100%;
    grid-column: 3 / 7;
    grid-row: 4 / 16;
    isolation: isolate;
    position: relative;
}

.glow-purple-4::before {
    content: "";
    width: 90%;
    height: 100%;
    position: absolute;
    z-index:-1;
    inset: 0;
    border-radius: 10% 0 10% 0%;
    box-shadow: 0 0 40px rgba(186, 85, 255, 0.8),
    0 0 80px rgba(186, 85, 255, 0.6),
    0 0 120px rgba(186, 85, 255, 0.4);
    opacity: 40%;
    animation: glowPulse 6s ease-in-out infinite;
    pointer-events: none;
}

.img-panel-frigo-pag-cubierta-3g {
    width: 100%;
    grid-column: 2 / 7;
    grid-row: 7 / 10;
    padding-top: 0px;
    z-index: 1;
}

.parrafo-caracteristicas-panel-cubierta-3g-02 {
    grid-column: 2 / 7;
    grid-row: 5 / 8;
    display: flex;
    justify-content:center;
    color: var(--withe-color);
    z-index: 1;
    font-size: 1.5vw;
}

.descripcion-panel-cubierta-3g {
    color: var(--withe-color);
    grid-column: 3 / 7;
    grid-row: 14 / auto;
    padding-left: 30px;
    z-index: 1;
    display: flex;
    align-items: center;
    font-size: 1vw;
}

/*----------------*/
/*CONTACTANOS-PAGINA-CUBIERTA-3G*/
.container-img-contacto-murcia-panel-cubierta-3g{
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(18, 2vw);
    gap:15px;
}

.img-contacto-murcia-panel-cubierta-3g {
    width: 100%;
    height: auto;
    grid-column: 9 / 13;
    grid-row: 6 / 13;
    z-index: 1;
}

.img-background-contacts-panel-cubierta-3g {
    width: 100%;
    height: 100%;
    grid-column: 9 / 13;
    grid-row: 3 / 16;

}

.sub-title-asesoramiento-personalizado-cubierta-3g {
    width: 100%;
    grid-column: 3 / 10;
    grid-row: 3 / 4;
    font-size: 1.5vw;
    color: var(--medium-purple)
}

.tittle-contactanos-cubierta-3g-02 {
    width: 100%;
    grid-column: 3 / 12;
    grid-row: 4 / 8;
    font-size: 3.3vw;
    position: relative;
    top: 15px;
}

.parrafo-contactanos-cubierta-3g {
    width: 100%;
    grid-column: 3 / 9;
    grid-row: 8 / auto;
    font-size: 1.3vw;
    text-align: justify;
    padding-right: 0px;
}

.buttom-contacta-nosotros-cubierta-3g {
    width: 100%;
    grid-column: 3 / 4;
    grid-row: 12 / auto;
    font-size: 1.2vw;
    background: none;
    border: none;
    color: var(--medium-purple);
    cursor: pointer;
}

.barra-vertical-cubierta-3g{
    width: 1%;
    height: 80%;
    background-color: var(--medium-purple);
    grid-column: 8 / 5;
    grid-row: 12 / 16;
}

.parrafo-contacto-02-cubierta-3g {
    grid-column: 8 / 5;
    grid-row: 12 / 15;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: justify;
    font-size: 1.1vw;
    padding-left: 30px;
}

.buttom-contacta-nosotros-cubierta-3g-03 {
    width: 100%;
    grid-column: 3 / 14;
    grid-row: 4 / 4;
    font-size: 1.5vw;
    display: flex;
    justify-content: flex-start;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--medium-purple);
}

/*GALERIA PANEL CUBIERTA*/

.content-galeria-cubierta-principal {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(18, 2vw);
    gap:10px;
}

.tittle-contactanos-cubierta-3g{
    grid-column: 3 / 7;
    grid-row: 2 / 3;
    display: flex;
    justify-content: flex-start;
    font-size: 3vw;
    margin-top: 30px;
}

.subtitulo-galeria-cubierta-principal {
    grid-column: 3 / 14;
    grid-row: 5 / auto;
    font-size: 1.4vw;
    color: var(--medium-purple);
}

.contenedor-fotos-panel-cubierta-3g {
    width: 100%;
    height: 100%;
    grid-column: 3 / 13;
    grid-row: 6 / 18;
    display: flex;
    justify-content: center;
    gap: 60px;
    padding-bottom: 60px;
    padding-top: 50px;
}

.fotos-panel-cubierta- {
    width: 100%;
    height: 100%;
}




/*------------------------------------*/
/*PAGINA PRINCIPAL PANEL FACHADA */
.container-pagina-panel-fachada {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(20, 2vw);
    gap: 5px;
    background-color: #f9fafb;
    z-index: -2;
}

.picture-content-panel-fachada {
    width: 100%;
    height: 100%;
    grid-column: 10 / 15;
    grid-row: 1 / 21;
    z-index: 1;
}

.picture-content-panel-fachada img {
    width: 100%;
    height: 100%;
}

.stock-segunda-mano-panel-fachada {
    width: 100%;
    grid-column: 3 / 10;
    grid-row: 5 / auto;
    font-size: 1.4vw;
    color: var(--medium-purple);
    z-index: 1;
}

.title-panel-fachada-principal {
    color: var(--black-color);
    width: 100%;
    grid-column: 3 / 11;
    grid-row: 7 / auto;
    font-size: 3vw;
}

.parrafo-panel-fachada {
    width: 100%;
    grid-column: 3 / 9;
    grid-row: 11 / auto;
    font-size: 1.3vw;
    text-align: justify;
    padding-right: 0px;
    color: var(--black-color);
}

.solicitar-presupuesto-panel-fachada {
    width: 100%;
    grid-column: 3 / 5;
    grid-row: 16 / auto;
    color: var(--medium-purple);
}

.bottom-soluciones-panel-fachada {
    background-color: var(--medium-purple);
    border: none;
    color:var(--withe-color);
    font-size: 1vw;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
}

.bottom-soluciones-panel-fachada:hover {
    background-color: transparent;
    border: solid 2px var(--medium-purple);
    color:var(--medium-purple);
    font-size: 1vw;
    padding: 15px 20px;
    border-radius: 10px;
    cursor: pointer;
} 

/*SECCIÓN CARACTERISTICAS PANEL FACHADA*/
.container-caracteristicas-paneles-fachada {
    width: 100%;
    height: 100%;
    background-color: var(--purple-color);
}

.contenedor-caracteristicas-paneles-fachada {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(18, 2vw);
    gap: 0px 15px;
}

.sub-title-diverisidad-espesores-panel-fachada {
    color: var(--medium-purple);
    font-size: 1.5vw;
    grid-column: 7 / 13;
    grid-row: 4 / auto;
    padding-left: 0px;
    z-index: 1;
}

.title-caracteristicas-panel-fachada-02 {
    color: var(--withe-color);
    font-size: 2.5vw;
    grid-column: 7 / 13;
    grid-row: 6 / auto;
    display: flex;
    align-items: flex-start;
    padding-left: 0px;
    z-index: 1;
}

.parrafo-caracteristicas-panel-fachada {
    color: var(--withe-color);
    font-size: 1.2vw;
    grid-column: 7 / 13;
    grid-row: 10 / auto;
    text-align: justify;
    z-index: 1;
}

.glow-purple-5 {
    width: 100%;
    grid-column: 3 / 7;
    grid-row: 4 / 16;
    isolation: isolate;
    position: relative;
}

.glow-purple-5::before {
    content: "";
    width: 90%;
    height: 100%;
    position: absolute;
    z-index:-1;
    inset: 0;
    border-radius: 10% 0 10% 0%;
    box-shadow: 0 0 40px rgba(186, 85, 255, 0.8),
    0 0 80px rgba(186, 85, 255, 0.6),
    0 0 120px rgba(186, 85, 255, 0.4);
    opacity: 40%;
    animation: glowPulse 6s ease-in-out infinite;
    pointer-events: none;
}

.img-panel-frigo-pag-fachada {
    width: 100%;
    grid-column: 2 / 7;
    grid-row: 6 / 10;
    padding-top: 40px;
    z-index: 1;
}

.parrafo-caracteristicas-panel-fachada-02 {
    grid-column: 2 / 7;
    grid-row: 5 / 8;
    display: flex;
    justify-content:center;
    color: var(--withe-color);
    z-index: 1;
    font-size: 1.5vw;
}

.descripcion-panel-fachada {
    color: var(--withe-color);
    grid-column: 3 / 7;
    grid-row: 14 / auto;
    padding-left: 30px;
    z-index: 1;
    display: flex;
    align-items: center;
    font-size: 1vw;
}

/*----------------*/
/*CONTACTANOS-PAGINA-PANEL FACHADA*/
.container-img-contacto-murcia-panel-fachada {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(18, 2vw);
    gap:5px;
}

.img-contacto-murcia-panel-fachada {
    width: 100%;
    height: 100%;
    grid-column: 9 / 13;
    grid-row: 5 / 14;
    z-index: 1;

}

.img-background-contacts-panel-fachada {
    width: 100%;
    height: 100%;
    grid-column: 9 / 13;
    grid-row: 3 / 17;
    padding-left: 45px;
}

.sub-title-asesoramiento-personalizado-fachada {
    width: 100%;
    grid-column: 3 / 10;
    grid-row: 4 / 5;
    font-size: 1.4vw;
    color: var(--medium-purple)
}

.tittle-contactanos-fachada {
    width: 100%;
    grid-column: 3 / 12;
    grid-row: 5 /auto;
    font-size: 3vw;
}

.parrafo-contactanos-fachada {
    width: 100%;
    grid-column: 3 / 9;
    grid-row: 9 / auto;
    font-size: 1.2vw;
    text-align: justify;
    padding-right: 20px;
}

.buttom-contacta-nosotros-fachada {
    width: 100%;
    grid-column: 3 / 4;
    grid-row: 12 / auto;
    font-size: 1.1vw;
    background: none;
    border: none;
    color: var(--medium-purple);
    cursor: pointer;
}

.barra-vertical-fachada {
    width: 3px;
    height: 120px;
    background-color: var(--medium-purple);
    grid-column: 8 / 5;
    grid-row: 13 / auto;
}

.parrafo-contacto-02-fachada {
    grid-column: 8 / 5;
    grid-row: 14 / auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: justify;
    font-size: 1vw;
    padding-left: 30px;
}

/*SECCIÓN GALERIA FOTOGRAFICA FACHADA*/
.content-galeria-panel-fachada {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.1fr);
    gap:15px;
}

.title-galeria-fotografica-panel-fachada {
    grid-column: 3 / 7;
    grid-row: 2 / 3;
    display: flex;
    justify-content: flex-start;
    font-size: 3vw;
    margin-top: 30px;
}

.subtitulo-galeria-panel-fachada {
    grid-column: 3 / 12;
    grid-row: 3 / 3;
    font-size: 1.4vw;
    color: var(--medium-purple);

}

.panel-frigo-color-fachada {
    color: #5b63d3;
    font-weight: 500;
}

.foto-teja4 {
    width: 100%;
    height: 100%;
}

.contenedor-fotos-panel-fachada {
    width: 100%;
    height: 100%;
    grid-column: 3 / 13;
    grid-row: 4 / 14;
    display: flex;
    justify-content: center;
    gap: 60px;
    padding-bottom: 60px;
    padding-top: 30px;
    
}


/*------------------------------------*/
/*PAGINA PRINCIPAL CONTACTO*/
.container-pagina-contacto {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(20, 2vw);
    gap:10px;
    background-color: #f9fafb;
    z-index: -2;
    background-size: cover;
    margin-top: 0px;
}

.subtitulo-pagina-contacto {
    width: 100%;
    grid-column: 2 / 14;
    grid-row: 6 / auto;
    font-size: 1.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--black-color);
    font-weight: 450;
    z-index: 1;
}

.title-panel-contacto {
    width: 100%;
    grid-column: 2 / 14;
    grid-row: 8 / auto;
    display: flex;
    justify-content: center;
    font-size: 3.3vw;
    color: var(--black-color);
}


.parrafo-panel-contacto {
    width: 100%;
    grid-column: 4 / 12;
    grid-row: 10 / auto;
    font-size: 1.2vw;
    text-align: justify;
    padding-right: 0px;
    color: var(--black-color);
}

.solicitar-presupuesto-panel-contacto {
    width: 100%;
    height: 100%;
    grid-column: 2 / 14;
    grid-row: 17 / auto;
    color: var(--medium-purple);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom-soluciones-panel-contacto {
    background-color: var(--medium-purple);
    border: none;
    color:var(--withe-color);
    font-size: 1vw;
    padding: 15px 20px;
    border-radius: 10px;
}

.bottom-soluciones-panel-contacto:hover {
    background-color: transparent;
    border: solid var(--medium-purple);
    color: var(--medium-purple);
    font-size: 1vw;
    padding: 15px 20px;
    border-radius: 10px;
}

/*SECCIÓN FORMULARIO DE CONTACTO*/
.container-formulario-contacto {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(30, 2vw);
    gap:10px;
    overflow: hidden;
}

.title-formulario-contacto {
    grid-column: 3 / 13;
    grid-row: 2 / 3;
    display: flex;
    justify-content: center;
    font-size: 3.3vw;
    margin-top: 30px;
}

.subtitulo-formulario-contacto {
    grid-column: 8 / 13;
    grid-row: 6 / 7;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 30px;
    font-size: 1.6vw;
    color: var(--medium-purple);

}

.panel-frigo-color-slim {
    color: #5b63d3;
    font-weight: 500;
}

.foto-info-contacto {
    grid-column: 3 / 8;
    grid-row: 7 / 27;
    width: 85%;
    height: 100%;
    box-shadow: 5px 4px 10px 1px rgba(0, 0, 0, 0.2);
}

.sub-title-solicitud-presupuesto-contacto{
    grid-column: 3 / 7;
    grid-row: 11 / 11;
    text-align: justify;
    padding-left: 50px;
    font-size: 1.4vw;
    color: var(--medium-purple);
    font-weight: 400;
    display: flex;
    align-items: center;
    padding-top: 20px;
}

.parrafo-solicitud-presupuesto {
    grid-column: 3 / 7;
    grid-row: 23 / auto;
    text-align: justify;
    padding-left: 50px;
    font-size: 1.2vw;
}

.content-barra-dividir {
    background-color: var(--medium-purple);
    width: 500px;
    height: 4px;
    display: flex;
    justify-content: center;
}

/*FORMULARIO DE CONTACTO*/
/*Sección solicitud de presupuesto*/
#g-recaptcha-response {
    display: none;
}

.form-container {
    width: 100%;
    height: 90%;
    margin: 0px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 10px;
    grid-column: 8 / 13;
    grid-row: 7 / 29;
}

.form-background {
    width: 100%;
    height: 100%;
    background-color: var(--black-color);
    background-size: cover;
    box-shadow: 3px 8px 16px rgba(0, 0, 0, 0.3);
    padding: 40px 30px 50px 30px;
    border-radius: 2vw;
}

.nombre- {
    height: 50px;
    font-size: 16px;
}

.apellido- {
    height: 50px;
    font-size: 16px;
}

.correo-email {
    height: 50px;
    font-size: 16px;
}

.content-codigo {
    margin: 0;
    padding-top: 2%;
}

.codigo-area {
    height: 70%;
}

.nombre-compañia {
    font-size: 16px;
    width: 100%;
    height: 50px;
}

.anotaciones-form {
    font-size: 16px;
    height: 20vw;
}

form input, form textarea, form select {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #333333;
    background-color: #333333;
    color: #ffffff;
    box-sizing: border-box;
}

.rc-anchor-center-item {
    width: 100%;
    height: auto;
}

.rc-anchor-checkbox-label {
    width: 100%;
    height: auto;
}

form button.enviar {
    background-color: var(--medium-purple);
    border: none;
    color: var(--withe-color);
    padding: 15px;
    cursor: pointer;
    width: 100%;
    margin: 20px 0;
    font-weight: bold;
    border-radius: 0px;
    font-size: 22px;
}

form button.enviar:hover {
    background-color: #333333;
    color:var(--withe-color);
    border: 2px solid var(--withe-color);

}

.nombre-apellido {
    display: flex;
    justify-content: space-between;

}

.nombre-apellido label {
    width: 49%;
}

.content-telefono {
    width: 100%;
}

.telef-contact {
    height: 50px;
    font-size: clamp(0.8rem, 2vw, 1rem);
}

.custom-select {
    font-size: 16px;
    cursor: pointer;

} 

.custom-select option {
    font-size: 16px;
}

label {
    display: block;
    padding-top: 10px;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus, 
select:focus {
    outline: none;
    border: 2px solid var(--yellow-color);
}

textarea {
    height: 15px;
}

/*SECCIÓN TE PODRÍA INTERESAR*/
.content-otros-intereses {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.1fr);
    gap:15px;
}

.title-otros-intereses {
    grid-column: 3 / 7;
    grid-row: 2 / 3;
    display: flex;
    justify-content: flex-start;
    font-size: 3vw;
    margin-top: 30px;
}

.subtitulo-otros-intereses {
    grid-column: 3 / 12;
    grid-row: 3 / 3;
    font-size: 1.4vw;
    color: var(--medium-purple);

}

.panel-frigo-color-fachada {
    color: #5b63d3;
    font-weight: 500;
}

.foto-otro-interes-panel-fachada {
    width: 100%;
    height: 100%;
}

.contenedor-fotos-otros-intereses {
    width: 100%;
    height: 100%;
    grid-column: 3 / 13;
    grid-row: 4 / 14;
    display: flex;
    justify-content: center;
    gap: 60px;
    padding-bottom: 60px;
    padding-top: 30px;
}

/*PAGINA PRINCIPAL GRACIAS POR SU MENSAJE*/
.container-pagina-gracias {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.3fr);
    gap:10px;
    background-color: #f9fafb;
    z-index: -2;
    background-size: cover;
    margin-top: 70px;
}

.subtitulo-pagina-gracias {
    width: 100%;
    grid-column: 2 / 14;
    grid-row: 3 / 5;
    font-size: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 30px;
    color: var(--black-color);
    font-weight: 450;
    z-index: 1;
}

.title-panel-gracias {
    width: 100%;
    grid-column: 2 / 14;
    grid-row: 5 / 7;
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 55px;
    color: var(--black-color);
}


.parrafo-panel-gracias {
    width: 100%;
    grid-column: 5 / 11;
    grid-row: 8 / 12;
    font-size: 21px;
    text-align: center;
    display: flex;
    align-items: center;
    padding-right: 20px;
    color: var(--black-color);
}

.mensaje-gracias {
    width: 100%;
    height: 100%;
    grid-column: 2 / 14;
    grid-row: 12 / 14;
    color: var(--medium-purple);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom-volver-inicio {
    background-color: var(--medium-purple);
    border: none;
    color:var(--withe-color);
    font-size: 1vw;
    padding: 15px 20px;
    border-radius: 10px;
}

/*SECCIÓN GALERIA FOTOGRAFICA CONTACTO*/

.content-galeria-fotografica-contacto {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.09fr);
    gap:10px;
}

.title-galeria-fotografica-panel-cubierta {
    grid-column: 3 / 14;
    grid-row: 2 / 2;
    font-size: 3vw;
}

.subtitulo-galeria-panel-fotografica-cubierta {
    grid-column: 3 / 14;
    grid-row: 3 / 13;
    font-size: 1.4vw;
    color: var(--medium-purple);
}

.container-galeria-panel-cubierta-3g {
    grid-column: 2 / 14;
    grid-row: 4 / 9;
    display: flex;
    justify-content: center;
}

.foto-cubierta-05 {
    width: 80%;
    height: auto;
}

/*SECCIÓN TE PODRÍA INTERESAR*/
.content-otros-intereses-pagina-gracias {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.1fr);
    gap:15px;
}

.title-otros-intereses-pagina-gracias {
    grid-column: 3 / 7;
    grid-row: 2 / 3;
    display: flex;
    justify-content: flex-start;
    font-size: 3vw;
    margin-top: 30px;
    
}

.subtitulo-otros-intereses-pagina-gracias {
    grid-column: 3 / 12;
    grid-row: 3 / 3;
    font-size: 2vw;


}

.panel-frigo-color-fachada {
    color: #5b63d3;
    font-weight: 500;
}

.panel-frigo-color-interes-pagina-gracias {
    width: 100%;
    height: 100%;
}


.contenedor-fotos-otros-intereses-pagina-gracias {
    width: 100%;
    height: 100%;
    grid-column: 3 / 13;
    grid-row: 4 / 14;
    display: flex;
    justify-content: center;
    gap: 60px;
    padding-bottom: 60px;
    padding-top: 30px;
    
}


/*------------------------------------*/
/*PAGINA PRINCIPAL PROMOCIONES*/
.container-pagina-promociones {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(18, 2vw);
    gap:5px 0;
    background-color: var(--purple-color);
    z-index: -2;
    background-size: cover;
    margin-top: 30px;
}

.subtitulo-pagina-promiciones {
    width: 100%;
    grid-column: 2 / 14;
    grid-row: 4 / auto;
    font-size: 1.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--withe-color);
    font-weight: 450;
    z-index: 1;
}

.title-pagina-promociones {
    width: 100%;
    grid-column: 2 / 14;
    grid-row: 6 / auto;
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 3vw;
    color: var(--withe-color);
}


.parrafo-pagina-promociones {
    width: 100%;
    grid-column: 4 / 12;
    grid-row: 11 / auto;
    font-size: 1.3vw;
    text-align: justify;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 20px;
    color: var(--withe-color);
}

.solicitar-presupuesto-pagina-promociones {
    width: 100%;
    height: 100%;
    grid-column: 2 / 14;
    grid-row: 14 / auto;
    color: var(--medium-purple);
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.bottom-pagina-promociones {
    background-color: var(--medium-purple);
    border: none;
    color:var(--withe-color);
    font-size: 1vw;
    padding: 15px 20px;
    border-radius: 10px;
}

.bottom-pagina-promociones:hover {
    background-color: transparent;
    border: solid 2px var(--medium-purple);
    color:var(--withe-color);
    font-size: 1vw;
    padding: 15px 20px;
    border-radius: 10px;
}

/*SECCIÓN PROMOCION ESPECIAL EN PANELES DE FACHADA*/
.container-pag-oferta-especial {
    width: 100%;
    height: 100%;
    background-color: var(--withe-color);
    background-size: cover;
}

.space-total-promocion {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(26, 2vw);
    gap:15px 0;
}

.logo-panel-murcia-section-promo {
    width: 100%;
    height: 100%;
    grid-column: 2 / 14;
    grid-row: 3 / 5;
    display: flex;
    align-items: center;
}

.background-section-promo {
    width: 100%;
    height: 100%;
    grid-column: 5 / 11;
    grid-row: 6 / 17;
}

.img-panel-fachada-promocion {
    width: 100%;
    height: auto;
    grid-column: 4 / 12;
    grid-row: 8 / auto;
}

.parrafo-subtitulo-precio-incomparable {
    font-size: 1.5vw;
    font-weight: 500;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--medium-purple);
    grid-column: 3 / 13;
    grid-row: 18 / auto;
}

.titulo-promocion-especial {
    grid-column: 3 / 13;
    grid-row: 20 / auto;
    font-size: 3vw;
    display: flex;
    justify-content: center;
}

.parrafo-segundo-promocion-especial {
    grid-column: 4 / 12;
    grid-row: 23 / auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: justify;
    font-size: 1.3vw;
}

.separador-promocion {
    background-color: var(--medium-purple);
    grid-column: 4 / 12;
    grid-row: 26 / auto;
    height: 4px;
    margin-top: 0px;
}


/*SECCIÓN PROPIEDADES PRINCIPALES DE PANEL DE PROMOCIÓN*/
.container-propiedades-tecnicas {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.16fr);
    grid-gap: 30px;
    background-size: cover;
}

.sub-title-propiedades-tecnicas {
    grid-column: 2 / 14;
    grid-row: 2 / 2;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5vw;
    color: var(--medium-purple);
    font-weight: 500;
}

.title-caracteristicas-panel-fachada {
    grid-column: 2 / 14;
    grid-row: 3 / 4;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size: 3vw;
    color: var(--black-color);
}

.container-group {
    grid-column: 1 / 15;
    grid-row: 4 / 13;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(25, 1.3vw);
}

.background-caracteristicas-promo-01 {
    width: 80%;
    height: 100%;
    grid-column: 3 / 7;
    grid-row: 3 / 25;
    background-color: var(--purple-color);
    background-size: cover;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(14, auto);
    margin-right: 80px;
    border-radius: 2vw;
    
}

.alaign-item-container-01 {
    width: 100%;
    height: 100%;
    grid-column: 1 / 4;
    grid-row: 1 / 3;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.foto-svg-hogar {
    width: 17%;
    height: auto;
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    display: flex;
    justify-content: center;
}

.title-aislamiento-termico {
    color: var(--withe-color);
    grid-column: 1 / 4;
    grid-row: 3 / 6;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.6vw;
    padding: 0px 50px;
}

.paragraph-aislamiento-termico {
    color: var(--withe-color);
    grid-column: 1 / 4;
    grid-row: 6 / 10;
    display: flex;
    text-align: justify;
    align-items: center;
    font-size: 1.2vw;
    padding: 0px 30px;
}

.title-alta-resistencia-estructural {
    color: var(--withe-color);
    grid-column: 1 / 4;
    grid-row: 3 / 6;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.6vw;
    padding: 0px 50px;
}

.paragraph-resistencia-estructural {
    color: var(--withe-color);
    grid-column: 1 / 4;
    grid-row: 6 / 10;
    display: flex;
    text-align: justify;
    align-items: center;
    font-size: 1.2vw;
    padding: 0px 30px;
}

.background-caracteristicas-promo-02 {
    width: 80%;
    height: 100%;
    grid-column: 6 / 10;
    grid-row: 3 / 25;
    background-color: var(--purple-color);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(14, auto);
    margin-left: 50px;
    border-radius: 2vw;
}

.alaign-item-container-02 {
    width: 100%;
    grid-column: 1 / 4;
    grid-row: 1 / 3;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.foto-svg-boveda {    
    width: 17%;
    height: auto;
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    display: flex;
    justify-content: center;
}


.background-caracteristicas-promo-03 {
    width: 80%;
    height: 100%;
    grid-column: 9 / 13;
    grid-row: 3 / 25;
    background-color: var(--purple-color);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(14, auto);
    margin-left: 100px;
    border-radius: 2vw;
}

.title-acabado-estetico-superior {
    color: var(--withe-color);
    grid-column: 1 / 4;
    grid-row: 3 / 5;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 1.6vw;
    padding: 0px 15px;
}

.paragraph-acabado-estetico-superior {
    color: var(--withe-color);
    grid-column: 1 / 4;
    grid-row: 6 / 10;
    display: flex;
    text-align: justify;
    align-items: center;
    font-size: 1.2vw;
    padding: 0px 30px;
    word-spacing: normal;
}

.alaing-item-container-03 {
    width: 100%;
    grid-column: 1 / 4;
    grid-row: 1 / 3;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.foto-svg-terminado {
    width: 17%;
    height: auto;
    grid-column: 1 / 3;
    grid-row: 1 / 3;
    display: flex;
    justify-content: center;
}

.background-much-more-economical {
    width: 100%;
    grid-column: 3 / 13;
    grid-row: 13 / 14;
    background-color: var(--purple-color);
    padding: 30px 40px;
    border-radius: 1vw;
    
    
}

.more-economical {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(3, 0.3fr);
}

.title-much-economical {
    color: var(--withe-color);
    grid-column: 1 / 6;
    grid-row: 1 / 5;
    font-size: 1.4vw;
    display: flex;
    align-items: center;
}

.paragraph-much-economical {
    height: 100%;
    color: var(--withe-color);
    grid-column: 7 / 15;
    grid-row: 1 / 6;
    text-align: justify;
    font-size: 1.3vw;
    padding-right: 40px;
}



/*SECCIÓN GALERIA DE PRODUCTOS EN PROMOCIÓN*/
.content-galeria-promocion {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.1fr);
    gap:15px;
}

.title-galeria-promocion {
    grid-column: 3 / 11;
    grid-row: 2 / 3;
    display: flex;
    justify-content: flex-start;
    font-size: 3vw;
    margin-top: 30px;
}

.subtitulo-galeria-promocion {
    grid-column: 3 / 12;
    grid-row: 3 / 3;
    font-size: 1.4vw;
    color: var(--medium-purple);

}

.panel-frigo-color-galeria-promo {
    color: #5b63d3;
    font-weight: 500;
}

.foto-otro-galeria-promocion {
    width: 100%;
    height: 100%;
}

.contenedor-fotos-galeria-promo {
    width: 100%;
    height: 100%;
    grid-column: 2 / 14;
    grid-row: 4 / 14;
    display: flex;
    justify-content: center;
    gap: 60px;
    padding-bottom: 60px;
    padding-top: 30px;
    
}

.separador-promocion-02 {
    background-color: var(--medium-purple);
    width: 60%;
    position: relative;
    left: 20%;
    justify-content: center;
    justify-items: center;
    height: 4px;
    margin-top: 80px;
}


/*PANTALLA PRINCIPAL PANELES PARA CAMARAS MODULARES*/
.container-cold-chambers-occasion {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.1fr);
    gap: 10px;
    background-color: cover;
    margin-top: 70px;
}

.main-img-modular-cameras {
    width: 100%;
    height: auto;
    margin: auto auto;
    grid-column: 1 / 15;
    grid-row: 1 / 15;
}

.main-img-modular-cameras-ocasión-mobile {
    display: none;
}

.title-mudular-chambers-occasion {
    color: var(--withe-color);
    grid-column: 3 / 10;
    grid-row: 5 / 8;
    font-size: 55px;
    display: flex;
    align-items: center;
}

.subtitle-modular-cameras-occasion {
    color: var(--medium-purple);
    grid-column: 3 / 10;
    grid-row: 4 / 4;
    font-size: 23px;
    display: flex;
    align-items: center;
}

.paragraph-second-hand-modular-cameras {
    color: var(--withe-color);
    grid-column: 3 / 10;
    grid-row: 8 / 12;
    font-size: 23px;
    text-align: justify;
    display: flex;
    align-items: center;
}

.budget-modular-chamber-refrigerator-panel {
    grid-column: 3 / 10;
    grid-row: 12 / 12;
}

.button-request-quote-modular-cameras {
    border: none;
    display: flex;
    align-items: center;
    background-color: var(--medium-purple);
    color: var(--withe-color);
    padding: 13px 40px;
    border-radius: 5px;
    font-size: 21px;
}


/*SECCIÓN CAMARA MODULAR*/

.container-features-panels-modular-chambers {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(14, 0.08fr);
    gap: 10px;
}

.backgronund-panel-frigo {
    width: 82%;
    height: 100%;
    grid-column: 2 / 9;
    grid-row: 3 / 13;
}

.img-panel-frigo-pag-producto {
    width: 100%;
    height: 100%;
    grid-column: 3 / 7;
    grid-row: 3 / 13;
}

.subtitle-cameras-panels-second-hand {
    grid-column: 8 / 14;
    grid-row: 2 / 3;
    font-size: 25px;
    color: var(--medium-purple);
    color: var(--black-color);
}

.title-modular-panel-cameras {
    grid-column: 8 / 14;
    grid-row: 3 / 6;
    font-size: 50px;
    padding-top: 20px;
}

.paragraph-modular-cameras-panel {
    grid-column: 8 / 14;
    grid-row: 6 / 10;
    font-size: 21px;
    text-align: justify;
}

.budget-modular-chamber-refrigerator-panel-two {
    grid-column: 8 / 14;
    grid-row: 12 / 14;
    display: flex;
    align-items: flex-start;
}

.button-request-quote-modular-cameras-two {
    border: none;
    display: flex;
    align-items: center;
    background-color: transparent;
    color: var(--medium-purple);
    padding: 10px 3px;
    border-radius: 10px;
    font-size: 21px;
    margin-top: 20px;
    cursor: pointer;
}

/*SECCIÓN INTERES DE LA PAGINA CAMARAS MODULARES CON PANEL */

.budget-modular-chamber-refrigerator-panel-tree {
    grid-column: 3 / 14;
    grid-row: 3 / 5;
    display: flex;
    align-items: center;
}

.button-request-quote-modular-cameras-tree {
    border: none;
    display: flex;
    align-items: center;
    background-color: transparent;
    color: var(--medium-purple);
    padding: 10px 3px;
    border-radius: 10px;
    font-size: 21px;
    margin-top: 30px;
}


/*FORMULARIO DE CONTACTO*/
/*Sección solicitud de presupuesto*/



/*___________________________________________*/
/*Sección compromiso integral con la producción y calidad*/

/*----------------*/
/*sección Diseño de Alta Fiabilidad para el Éxito del Proyecto*/

/* ===== Banner de Cookies ===== */
.cookie-banner {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: var(--medium-purple);
    padding: 1rem;
    z-index: 9999; /* Para que quede arriba de otros elementos */
    display: flex;
    justify-content: center;
    align-items: center;
}

.cookie-banner__content {
    color: var(--withe-color);
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cookie-banner__content a {
    color: var(--withe-color);
    font-size: clamp(0.9rem, 1vw, 3rem);
}

.cookie-banner__buttons {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.cookie-banner__btn {
    padding: 0.5rem 1rem;
    cursor: pointer;
    border: none;
    outline: none;
    font-weight: 200;
    font-size: clamp(1rem, 1vw, 1.5vw);
}

.cookie-banner__btn.accept {
    background-color: var(--yellow-color);
    color: var(--dark-gray-color);
}

.cookie-banner__btn.reject {
    background-color: var(--withe-color);
    color: var(--medium-purple);
}

  /* Oculta el banner cuando tenga la clase "hidden" */
.cookie-banner.hidden {
    display: none;
}

/*============= Página 404 ===============*/
.container-error {
    width: 100%;
    height: 100%;
    display: block;
    background-color: var(--black-color);
}

.error-content {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(38, 1.3vw);
    padding: 4vw 0 0 0;
    gap: 0 10px;
}

.error-content img {
    width: 100%;
    height: 100%;
    grid-column: 1 / 15;
    grid-row: 1 / 40;
}

.title-h1-404 {
    grid-column: 2 / 9;
    grid-row: 10 / 20;
    color: var(--withe-color);
    font-size: 12vw;
    z-index: 1;
    text-align: center;
}

.Background-purple {
    background-color: var(--medium-purple);
    grid-column: 4 / 7;
    grid-row: 20 / 23;
    border: none;
    border-radius: 1rem;
    margin: 0rem 1.5vw;
    z-index: 1;
}

.text-error-404 {
    grid-column: 4 / 7;
    grid-row: 20 / 23;
    color: var(--withe-color);
    z-index: 2;
    font-size: 1.5vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Background-black {
    grid-column: 7 / 13;
    grid-row: 20 / 34;
    border-radius: 2rem;
    border: none;
    background: rgba(0, 0 , 0, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: 0 4px 30px rgba(0, 0 , 0, 0.5);
    color: var(--withe-color);
    z-index: 1;
    margin: 0 0 0 4vw;
}

.text-error-02 {
    grid-column: 8 / 13;
    grid-row: 21 / 23;
    color: var(--withe-color);
    font-size: 1.6vw;
    z-index: 2;
}

.liste-link-direction {
    grid-column: 8 / 13;
    grid-row: 24 / 30;
    z-index: 2;
    font-size: 1.2vw;
    list-style: none;
    line-height: 1.6;
    margin-left: 20px;
}

.liste-link-direction li {
    color: var(--withe-color);
}

.boton-link-home {
    grid-column: 10 / 13;
    grid-row: 29 / 32;
    z-index: 2;
    color: var(--withe-color);
    font-size: 1.2vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.background-bottom {
    grid-column: 10 / 13;
    grid-row: 29 / 32;
    width: 70%;
    height: auto;
    background-color: var(--medium-purple);
    z-index: 2;
    border-radius: 1.2rem;
    margin: 0.4vw 3vw;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.background-bottom:hover {
    background-color: transparent;
    border-color: var(--medium-purple);
}

/*============= Estilo para el botón de whatsapp ===========*/

/* Ocultar incialmnte el Botón de Whatsapp*/
#whatsapp-button.whatsapp-hidden {
    display: none;
}

/* Estilo del botón flotante*/
#whatsapp-button.whatsapp-hidden {
    display: none;
}

/* Estilo del botón flotante*/
#whatsapp-button {
    position: fixed;
    bottom:30px;
    right: 30px;
    z-index: 10000;
    transform: scale(0);
}

#whatsapp-button a img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

/*Animación tipo bounce in*/
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    50% {
        opacity: 1;
        transform: scale(1.2);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

#whatsapp-button.animate-bounce {
    animation: bounceIn 0.4s ease-out forwards;
}

/*==== AVISO LEGAL =====*/
.container-pagina-aviso-legal {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-areas:"subtitulo-pagina-aviso-legal"
    "title-panel-aviso-legal" "parrafo-panel-aviso-legal" "mensaje-aviso-legal";
    grid-gap: 20px;
    background-color: #eff7f9;
}

.item {
    width: 100%;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    text-align: center;
}

.title-panel-aviso-legal {
    height: 100%;
    grid-area: title-panel-aviso-legal;
    font-size: clamp(3rem, 4vw, 5rem);
    padding: 1vw 0;
}

.subtitulo-pagina-aviso-legal {
    height: 17vh;
    grid-area: subtitulo-pagina-aviso-legal;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: clamp(1.3rem, 1.9vw, 2rem);
    color: var(--medium-purple);
    font-weight: 500;
}

.parrafo-panel-aviso-legal {
    grid-area: parrafo-panel-aviso-legal;
    padding: 1vw 200px;
    text-align: justify;
    font-size: clamp(1.1rem, 1.5vw, 1.7rem);
}

.mensaje-aviso-legal {
    height: 13svh;
    grid-area: mensaje-aviso-legal;
    display: flex;
    align-items: start;
    justify-content: center;
    padding-top: 20px;
}

.bottom-volver-inicio-legal {
    background-color: var(--medium-purple);
    color: var(--withe-color);
    padding: 14px 40px;
    border: solid transparent;
    border-radius: 10px;
    font-size: clamp(1rem, 1vw, 2rem);
    cursor: pointer;
}

/*------- Sección objetivo --------*/
.content-legal-notice {
    width: 78%;
    margin: 0 auto;
    padding: 0 3vw;
}

.object-legal-notice {
    margin: 5vw 0 2vw 0;
    font-size: clamp(2.3rem, 2.4vw, 3.5rem);
}

.content-legal-notice p {
    font-size: clamp(1.1rem, 1.4vw, 1.7rem);
    text-align: justify;
    margin-bottom: 100px;
}

.margin-item {
    width: 70%;
    margin: 0 auto;
    height: 3px;
    background-color: var(--medium-purple);
    border: solid none;
    border-style: none;
}

/*===== PAGINA COOKIES ========*/
.container-pagina-cookies {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-areas: 
    "subtitulo-pagina-cookies"
    "title-panel-cookies" 
    "parrafo-panel-cookies" 
    "mensaje-cookies";
    grid-gap: 20px;
    background-color: var(--purple-color);
    overflow: hidden;
}

.title-panel-cookies {
    grid-area: title-panel-cookies;
    font-size: clamp(3rem, 4vw, 5rem);
    padding: 1vw 0;
    color: var(--withe-color);
}

.subtitulo-pagina-cookies {
    padding-top: 150px;
    grid-area: subtitulo-pagina-cookies;
    display: flex;
    justify-content: center;
    font-size: clamp(1.3rem, 1.9vw, 2rem);
    color: var(--medium-purple);
    font-weight: 500;
}

.item-3 {
    width: 100%;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    text-align: center;
}

.parrafo-panel-cookies{ 
    grid-area: parrafo-panel-cookies;
    padding: 1vw 200px;
    text-align: justify;
    font-size: clamp(1.1rem, 1.4vw, 1.7rem);
    color: var(--withe-color);
}

.mensaje-cookies {
    height: 13svb;
    grid-area: mensaje-cookies;
    display: flex;
    align-items: start;
    justify-content: center;
    padding-top: 20px;
}

.bottom-volver-cookies {
    background-color: var(--medium-purple);
    color: var(--withe-color);
    padding: 15px 40px;
    border: solid transparent;
    border-radius: 10px;
    font-size: clamp(1rem, 1vw, 2rem);
}

/*--- Sección contenido de cookies ----*/

.content-cookies
    {
    width: 78%;
    margin: 0 auto;
    padding: 0 3vw;
}

.object-cookies
    {
    margin: 5vw 0 2vw 0;
    font-size: clamp(2.3rem, 2.4vw, 3.5rem);
}

.paragrapho-1, .paragrapho-2 {
    font-size: clamp(1.1rem, 1.4vw, 1.7rem);
    text-align: justify;
    margin-bottom: 40px;
}

.content-cookies h3 {
    font-size: clamp(1.1rem, 1.4vw, 1.7rem);
    text-align: justify;
    font-weight: 400;
}

.content-list-cookies {
    font-size: clamp(1.1rem, 1.4vw, 1.7rem);
    text-align: justify;
    margin-left: 20px;
}

.content-list-cookies li {
    margin-top: 20px;
}

.margin-item {
    width: 70%;
    margin: 0 auto;
    height: 3px;
    background-color: var(--medium-purple);
    border: solid none;
    border-style: none;
}

/*==== POLÍTICA DE PRIVACIDAD =====*/
.container-politica-privacidad {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-areas:"subtitulo-politica-privacidad"
    "title-politica-privacidad" "parrafo-politica-privacidad" "mensaje-politica-privacidad";
    grid-gap: 20px;
    background-color: #eff7f9;
}

.item-4 {
    width: 100%;
    height: 100%;
    max-width: 1400px;
    margin: 0 auto;
    text-align: center;
}

.title-politica-privacidad {
    height: 100%;
    grid-area: title-politica-privacidad;
    font-size: clamp(3rem, 4vw, 5rem);
    padding: 1vw 0;
}

.subtitulo-politica-privacidad {
    height: 17vh;
    grid-area: subtitulo-politica-privacidad;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: clamp(1.3rem, 1.9vw, 2rem);
    color: var(--medium-purple);
    font-weight: 500;
}

.parrafo-politica-privacidad {
    grid-area: parrafo-politica-privacidad;
    padding: 1vw 200px;
    text-align: justify;
    font-size: clamp(1.1rem, 1.5vw, 1.7rem);
}

.mensaje-politica-privacidad {
    height: 13svh;
    grid-area: mensaje-politica-privacidad;
    display: flex;
    align-items: start;
    justify-content: center;
    padding-top: 20px;
}

.bottom-volver-politica-privacidad {
    background-color: var(--medium-purple);
    color: var(--withe-color);
    padding: 14px 40px;
    border: solid transparent;
    border-radius: 10px;
    font-size: clamp(1rem, 1vw, 2rem);
    cursor: pointer;
}

/*------- Sección objetivo --------*/
.content-politica-privacidad {
    width: 78%;
    margin: 0 auto;
    padding: 0 3vw;
}

.object-politica-privacidad {
    margin: 5vw 0 2vw 0;
    font-size: clamp(2.3rem, 2.4vw, 3.5rem);
}

.content-politica-privacidad p {
    font-size: clamp(1.1rem, 1.4vw, 1.7rem);
    text-align: justify;
    margin-bottom: 100px;
}

.margin-item {
    width: 70%;
    margin: 0 auto;
    height: 3px;
    background-color: var(--medium-purple);
    border: solid none;
    border-style: none;
}

.content-politica-privacidad a {
    color: var(--medium-purple);
    font-weight: 500;
}


/*FOOTER*/
footer {
    background-color: var(--purple-color);
    width: 100%;
    height: auto;
}

.logo-forms1 {
    width: 120px;
    height: 120px;
}

.footer-container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(10, 1vw);
    gap: 20px;
    margin-bottom: 5px;
}

.logo-forms1 {
    width: 100%;
    grid-column: 2 / 5;
    grid-row: 5 / 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inicio-footer {
    grid-column: 7 / 9;
    grid-row: 4 / 5;
    text-align: left;
    color: var(--withe-color);
    font-weight: 400;
    cursor: pointer;
}
.inicio-section1 {
    width: 100%;
    height: 100%;
    grid-column: 7 / 9;
    grid-row: 5 / 14;
    text-align: left;
    list-style-type: none;
    margin-bottom: 0px;

}

.inicio-section1:hover {
    color: var(--medium-purple)
}

.inicio-section1 li {
    padding-top: 20px;
}

.footer-producto li {
    margin-top: 20px;
}

.footer-producto {
    width: 100%;
    height: 100%;
    grid-column: 9 / 11;
    grid-row: 4 / 5;
    text-align: left;
    color: var(--withe-color);
    font-weight: 400;
}

.footer-producto-02 {
    width: 100%;
    height: 100%;
    grid-column: 9 / 11;
    grid-row: 5 / 14;
    text-align: left;
    list-style-type: none;
}

.footer-producto-02 {
    color: var(--medium-purple);
}

.footer-producto-02 li {
    padding-top: 20px;
}

.footer-contacto {
    color: var(--withe-color);
    width: 100%;
    height: 100%;
    grid-column: 11 / 13;
    grid-row: 4 / 5;
    text-align: left;
    list-style-type: none;
    font-weight: 400;
}

.sectores-section3 {
    width: 100%;
    height: 100%;
    grid-column: 11 / 13;
    grid-row: 5 / 14;
    text-align: left;
    list-style-type: none;
}

.sectores-section3:hover {
    color: var(--medium-purple);
}

.sectores-section3 li {
    padding-top: 20px;
}

.tel_info {
    margin: 0;
}

.contact-footer {
    width: 100%;
    height: 100%;
    grid-column: 12 / 14;
    grid-row: 4 / 9;
    text-align: left;
    color: var(--withe-color);
    font-weight: 400;
}

.contact-section4 {
    width: 100%;
    height: 100%;
    grid-column: 12 / 14;
    grid-row: 5 / 14;
    text-align: justify;
    list-style-type: none;
}

a {
    text-decoration: none;
    color: var(--withe-color);
}

/*Barra final*/
.container-footer2 {
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(3, 0.2fr);
    background-color: var(--black-color);
    width: 100%;
    padding: 5px 0 5px 0;
    align-items: center;
}

.content-footer-2 {
    color: var(--withe-color);
    font-size: 13px;
    grid-column: 2 / 5;
    grid-row: 2 / 2;
    opacity: 70%;
}

.content-footer-3 {
    color: var(--withe-color);
    font-size: 13px;
    grid-column: 4 / 9;
    grid-row: 2 / 2;
    opacity: 70%;
    margin-left: 15px;
}

.social-icono2 {
    display: flex;
    justify-content: space-between;
    width: 130px;
    grid-column: 13 / 13;
    grid-row: 2 / 2;
    margin-left: 83px;
}

.icono-scale {
    width: 25px;
}

.content-footer-4 {
    font-size: 17px;
    grid-column: 6 / 14;
    display:block;
    margin: 5px 0;
    color: var(--medium-purple);
}

.content-footer-4 ul {
    display: flex;
    gap: 35px;
    list-style: none;
    padding: 0;
    margin: 0;
    justify-content: flex-end;
}