body {
     margin: 0;
     font-family: 'Poppins', sans-serif;
     color: #000;
     background-color: #fff;
     padding: 0;
     overflow-x: hidden;
     max-height: 5000px;
     max-width: 2000px;
 }

 header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0px 20px;
     background-color: #f8f9fa;
     border-bottom: 2px solid #ddd;
     max-height: 100px;
     max-width: 2000px;
 }

 a {
     text-decoration: none;
     color: inherit;
 }

 .tes {
     margin: 0;
     font-family: 'Poppins', sans-serif;
     color: #000;
     background-color: #fff;
     text-align: center;
     font-size: 2rem;
     padding-bottom: 40px;
     font-weight: 500;
 }

 .tes2 {
     margin: 0;
     font-family: 'Poppins', sans-serif;
     color: #282828;
     margin: 30px;
     text-align: center;
     font-size: 0.8rem;
     padding: 40px;
     font-weight: 500;
 }

 .tes3 {
     margin: 0;
     font-family: 'Poppins', sans-serif;
     color: #000;
     background-color: #fff;
     text-align: center;
     font-size: 1.5rem;
     font-weight: 500;
     padding: 0 30px 40px 30px;
 }

 .tes4 {
     margin: 0;
     font-family: 'Poppins', sans-serif;
     color: #282828;
     margin: -40px 30px 60px 30px;
     text-align: center;
     font-size: 0.8rem;
     padding: 40px;
     font-weight: 500;
 }

 .footer {
     background-color: #fff;
 }

 .tel {
     width: 20px;
     height: 20px;
     margin-top: 10px;
     margin-right: -15px;
 }

 .telr {
     transition: all 0.6s ease;
     margin-top: 10px;
     margin-right: 20px;
 }

 .telr:hover {
     color: #ed9191;
     transform: scale(1.01, 1.01);
     opacity: 0.5;
 }

 p.telr {
     margin-top: 11px;
     margin-right: 0px;
 }

 .wasa {
     position: fixed;
     top: 160px;
     right: -22px;
     display: block;
     z-index: 999;
     padding: 10px;
     width: 150px;
     transition: opacity 0.3s ease;
 }

 .wasa:hover {
     opacity: 0.5;
     transform: scale(1.1, 1.1);
     transition: all 0.8s ease;
     backdrop-filter: blur(6px);
     -webkit-backdrop-filter: blur(10px);
 }

 .cabeza {
     font-size: 0.9rem;
     color: #fff;
     background-color: #b30000;
     padding: 0px 25px;
     display: flex;
     justify-content: right;
     align-items: right;
     gap: 20px;
 }

 .cologris {
     color: #669ec0;
 }

 .cabeza2 {
     font-size: 0.8rem;
     color: #fff;
     background-color: #3c3c3c;
     padding: 10px 25px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 20px;
 }

 .tel2 {
     width: 40px;
     height: 40px;
     margin-right: 15px;
 }

 .tel2:hover {
     opacity: 0.5;
     transform: scale(1.4, 1.4);
     transition: all 1s ease;
 }


 .logo {
     height: 100px;
     width: 238px;
 }

 .logo:hover {
     opacity: 0.5;
     transform: scale(1.1, 1.1);
     transition: all 1s ease;
 }

 nav ul {
     display: flex;
     list-style: none;
     margin: 0;
     padding: 0;
 }

 nav ul li {
     position: relative;
 }

 nav ul li a {
     text-decoration: none;
     color: #000;
     padding: 10px 15px;
     display: block;
     transition: color 0.3s;
 }

 .submenu {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     background-color: #f8f9fa;
     box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
     padding: 0;
     margin: 0;
     z-index: 1000;
     flex-direction: column;
 }

 .submenu li {
     width: 250px;
     text-align: center;
 }

 .submenu li a {
     padding: 10px;
 }

 nav ul li:hover .submenu {
     display: flex;
 }

 nav ul li a:hover {
     background-color: #b30000 !important;
     color: #fff !important;
 }

 .act {
     color: #b30000;
     border-bottom: 2px solid #b30000;
 }

 .act2 {
     background-color: #b30000;
     color: #fff !important;
 }

 .submenu li a:hover {
     background-color: #ddd;
 }

 .hamburger {
     display: none;
 }

 .ko:hover {
     color: #b30000 !important;
     border-bottom: 2px solid #b30000 !important;
 }

 .video-section {
     position: relative;
     width: 100%;
     overflow: hidden;
 }

 .video-section video {
     width: 100%;
     height: auto;
     display: block;
     object-fit: cover;
 }

 .video-section img {
     width: 100%;
     height: auto;
     display: block;
     object-fit: cover;
 }

 .highlight-text h1 {
     margin: 0;
     font-size: 3rem;
     color: #fff;
     background-color: rgba(179, 0, 0, 0.7);
     text-align: center;
     margin: 30px 28%;
     padding: 18px;
     top: -80px;
     position: relative;
     backdrop-filter: blur(6px);
     -webkit-backdrop-filter: blur(10px);
 }

 h2 {
     font-size: 2.5rem;
 }

 .pepito {
     padding: 3px;
     font-size: 1.3rem !important;
     display: block;
     font-size: 2em;
     font-weight: bold;
     margin: 15px;
     line-height: 35px !important;
 }

 .abrir {
     line-height: 35px;
 }

 .abrir2 {
     line-height: 25px;
 }

 .three-blocks {
     display: flex;
     justify-content: center;
     align-items: flex-start;
     gap: 60px;
     padding: 40px 20px;
     text-align: center;
     background-color: #e3e3e3;
 }

 .block:hover {
     transform: scale(1.5, 1.5);
     transition: all 0.8s ease;
     box-shadow: 0px 0px 30px rgba(179, 179, 179, 0.6) !important;
 }

 .three-blocks .block {
     flex: 1;
     max-width: 400px;
     height: auto;
     background-color: #f8f9fa;
     border: 1px solid #ddd;
     border-radius: 10px;
     padding: 15px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
     opacity: 0;
     transform: translateY(150px);
     transition: opacity 1s ease-out, transform 1s ease-out;
 }

 .three-blocks .block img {
     width: 100%;
     height: auto;
     border-radius: 8px;
 }

 .three-blocks .block p {
     margin: 15px;
     font-size: 1rem;
     color: #333;
 }

 .block.animate {
     opacity: 1;
     transform: translateY(0);
 }

 .block.animate:hover {
     transform: scale(1.05, 1.05);
     transition: all 0.8s ease;
     box-shadow: 0px 0px 30px rgba(179, 179, 179, 0.6) !important;
     z-index: 999;
 }

 .iconop {
     width: 15px;
     height: 15px;
     text-align: center;
 }

 .two-blocks {
     display: flex;
     justify-content: center;
     align-items: flex-start;
     gap: 60px;
     padding: 140px 20px;
     text-align: left;
     background-color: #ffffff;
 }

 .two-blocks .twoblock {
     flex: 1;
     max-width: 600px;
     padding: 15px;
     opacity: 0;
     transform: translateY(150px);
     transition: opacity 1s ease-out, transform 1s ease-out;
 }

 .rblock:hover {
     transform: scale(1.05, 1.05);
     transition: all 0.8s ease;
     box-shadow: 0px 0px 30px rgba(179, 179, 179, 0.6) !important;
 }

 .two-blocks .twoblock img {
     width: 100%;
     height: auto;
     border-radius: 8px;
 }

 .two-blocks .twoblock p {
     margin-top: 10px;
     line-height: 35px;
     font-size: 1rem;
     color: #262626;
 }

 .twoblock.animate {
     opacity: 1;
     transform: translateY(0);
 }

 .free {
     margin-top: -40px;
 }

 .joy {
     margin-top: 50px !important;
 }

 .rojo {
     color: #b30000 !important;
 }

 .brojo {
     background-color: #b30000;
     color: #fff;
     padding: 15px;
     border-radius: 25px;
     font-size: 1rem;
     font-family: 'Poppins', sans-serif;
     font-weight: 500;
 }

 .brojo:hover {
     color: #ffffff;
     background-color: #ed9191;
     transform: scale(1.5, 1.5);
     transition: all 0.8s ease;
     box-shadow: 0 2px 15px rgba(255, 0, 0, 0.834);
     font-size: 1.15rem;
 }

 .one-blocks {
     display: flex;
     justify-content: center;
     align-items: flex-start;
     gap: 60px;
     padding: 20px;
     text-align: center;
     background-image: url(../img/fondo-formulario-contactar-reformas.webp);
     color: #ffffff;
 }

 .one-blocks .oneblock {
     max-width: 500px;
     padding: 15px;
     text-align: center;
 }

 .one-blocks .oneblock img {
     width: 100%;
     height: auto;
     border-radius: 8px;
 }

 .one-blocks .oneblock p {
     margin-top: 10px;
     line-height: 35px;
     font-size: 1rem;
     color: #ffffff;
 }

 input,
 textarea,
 select {
     margin: 15px 0px;
 }

 #contact-form {
     max-width: 500px;
     text-align: center;
     font-family: Arial, sans-serif;
     color: #fff;
 }

 #contact-form h2 {
     text-align: center;
     margin-bottom: 20px;
     color: #fff;
 }

 .form-group {
     color: #fff;
     z-index: 996;
 }

 .form-group label {
     margin-bottom: 5px;
     font-weight: bold;
     color: #1d1d1d;
 }

 .form-group input,
 .form-group textarea,
 .form-group select {
     padding: 10px;
     border: 1px solid #9e9e9e;
     border-radius: 5px;
     font-size: 1rem;
     width: 100%;
     box-sizing: border-box;
 }

 input::placeholder,
 textarea::placeholder {
     color: #9e9e9e;
     font-family: Arial, sans-serif;
 }

 input:focus,
 textarea:focus,
 select:focus {
     border-color: #b30000;
     outline: none;
 }

 .submit-button {
     background-color: #b30000;
     color: #ffffff;
     border: none;
     padding: 10px 15px;
     margin-top: 15px;
     font-size: 1rem;
     border-radius: 5px;
     cursor: pointer;
     transition: background-color 0.3s ease;
 }

 .submit-button:hover {
     background-color: #ffffff;
     transform: scale(1.1, 1.1);
     transition: all 0.6s ease;
     box-shadow: 0 2px 15px rgba(255, 0, 0, 0.834);
     color: #000;
 }

 .form-group label input[type="checkbox"] {
     margin-right: 10px;
 }

 .wt {
     color: #fff !important;
     font-size: 0.6rem;
     display: flex 3;
 }

 .especial {
     margin-top: 85px;
     background-color: #fff;
     text-align: center;
     color: #000;
 }

 .rthree-blocks {
     display: flex;
     justify-content: center;
     align-items: flex-start;
     gap: 60px;
     padding: 40px 20px;
     text-align: center;
     background-color: #ffffff;
 }

 .rthree-blocks .rblock {
     flex: 1;
     max-width: 400px;
     background-color: #ffffff;
     border-radius: 8px;
     padding: 25px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
     opacity: 0;
     transform: translateY(150px);
     transition: opacity 1s ease-out, transform 1s ease-out;
 }

 .rthree-blocks .rblock img {
     width: 100%;
     height: auto;
     border-radius: 8px;
 }

 .rthree-blocks .rblock p {
     margin-top: 10px;
     font-size: 1rem;
     color: #333;
     line-height: 35px;
     padding: 25px;
 }

 .rblock.animate {
     opacity: 1;
     transform: translateY(0);
 }

 .y-blocks {
     display: flex;
     justify-content: center;
     align-items: stretch;
     gap: 0;
     padding: 60px 350px;
     background-color: #a4a4a4;
     overflow: hidden;
     margin-top: 100px;
 }

 .y-blocks .yblock {
     flex: 1;
     padding: 25px;
     background-color: #fff;
     text-align: left;
     border-right: 2px solid #b30000;
 }

 .y-blocks .yblock:last-child {
     border-right: none;
 }

 .y-blocks .yblock img {
     width: 100%;
     height: auto;
     border-radius: 12px;
     align-items: right !important;
 }

 .y-blocks .yblock h2 {
     margin-top: 10px;
     font-size: 1.5rem;
     color: #b30000;
 }

 .y-blocks .yblock p {
     margin-top: 10px;
     line-height: 1.5;
     font-size: 1rem;
     color: #262626;
 }

 .imgcabeza {
     width: 100%;
 }

 .inter {
     line-height: 2;
     padding: 15px 25px 25px 25px;
 }

 .bajor {
     color: #b30000;
     border-bottom: 2px solid #b30000;
 }

 .bajo {
     border-bottom: 2px solid #b30000;
 }

 .flecha {
     position: fixed;
     bottom: 20px;
     right: 20px;
     display: block;
     z-index: 999;
     opacity: 0.5;
     cursor: pointer;
     transition: opacity 0.3s ease;
     width: 50px;
     height: auto;
 }

 .flecha:hover {
     position: fixed;
     opacity: 1;
 }

 .padmenos {
     padding: 0 20px !important;
 }

 .margv {
     margin-top: 100px;
 }

 .wasa2 {
     display: none;
 }

 .puntazo {
     font-size: 2.5rem;
     color: #b30000;
     position: relative;
     top: 9px;
 }

 .three-blocksz {
     display: flex;
     justify-content: center;
     align-items: flex-start;
     gap: 60px;
     padding: 40px 20px;
     text-align: left;
     background-color: #e3e3e3;
 }

 .blockz:hover {
     transform: scale(1.05, 1.05);
     transition: all 0.8s ease;
     box-shadow: 0px 0px 30px rgba(179, 179, 179, 0.6) !important;
 }

 .three-blocksz .blockz {
     flex: 1;
     max-width: 400px;
     background-color: #f8f9fa;
     border: 1px solid #ddd;
     border-radius: 10px;
     padding: 15px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
     opacity: 0;
     transform: translateY(150px);
     transition: opacity 1s ease-out, transform 1s ease-out;
 }

 .three-blocksz .blockz img {
     width: 100%;
     height: auto;
     border-radius: 8px;
 }

 .three-blocksz .blockz p {
     margin: 20px 15px;
     font-size: 1rem;
     color: #333;
 }

 .blockz.animate {
     opacity: 1;
     transform: translateY(0);
 }

 .bajar {
     margin-top: 50px !important;
 }

 .morado {
     color: #00259e;
 }

 .baby {
     color: #008dc4;
 }

 .media {
     color: #4900a2;
 }

 .fondogris {
     background-color: #dbdbdb;
 }

 .fondogrisc {
     background-color: #efefef !important;
 }

 .fondoblanco {
     background-color: #fff;
     border-radius: 22px;
     padding: 40px !important;
     text-align: center !important;
 }

 img.telc {
     width: 20px !important;
     height: 20px;
     margin-top: 10px;
     margin-right: -15px;
     padding-right: 20px;
 }

 .imgicon {
     max-width: 200px;
     height: 200px;
 }

 .imgicon2 {
     max-width: 50px;
     height: 100px;
 }

 .imgicon3 {
     max-width: 100px;
     height: 100px;
     margin-top: 25px;
     margin-bottom: -10px;
 }

 .fondow {
     background-color: #fff !important;
 }

 .wasabe {
     max-width: 70px;
     transition: all 0.6s ease;
 }

 .wasabe:hover {
     transform: scale(1.1, 1.1);
     opacity: 0.7;
 }

 .enmedio {
     text-align: center !important;
 }

 .subiendo100 {
     margin-top: -100px;
 }

 .bajando100 {
     margin-top: 100px;
 }

 .al100 {
     width: 100%;
 }

 .uno-blocks {
     display: flex;
     justify-content: center;
     align-items: flex-start;
     gap: 60px;
     padding: 10px 20px;
     text-align: left;
     background-color: #ffffff;
     margin-top: -70px;
 }

 .uno-blocks .unoblock {
     flex: 1;
     max-width: 650px;
     padding: 15px;
     font-size: 1.3rem;
 }

 .uno-blocks .unoblock img {
     max-width: 100%;
     height: auto;
     border-radius: 8px;
     z-index: 950;
 }

 .uno-blocks .unoblock p {
     margin-top: 10px;
     color: #262626;
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     line-height: 35px;
     font-weight: 20;
 }

 .uno-blocks .unoblock h2 {
     line-height: 50px !important;
     font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
 }

 .bajar100 {
     margin-top: 100px !important;
 }

 .bajar200 {
     margin-top: 200px !important;
 }

 .contenido {
     display: block;
     overflow: hidden;
     max-height: auto;
     transition: max-height 0.5s ease-in-out;
 }

 .section1 {
     margin-bottom: 10px;
 }

 .despliegue {
     background-color: #ecdcdc;
     color: #b30000 !important;
     padding: 20px;
     margin-top: -55px;
     text-align: center;
     font-size: 18px;
     border-radius: 6px;
     transition: all 0.6s ease;
     display: block;
 }

 .despliegue:hover {
     background-color: #b30000;
     color: #fff !important;
 }

 .bajar0 {
     margin-top: 0px;
 }

 .h3-activo {
     background-color: #b30000;
     color: #fff !important;
     padding: 5px;
     transition: all 0.6s ease;
 }

 .subiendo50 {
     margin-top: -50px;
 }

 .hidden {
     display: none;
 }

 .highlight {
     background-color: yellow;
 }

 #searchContainer {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 #searchContainerf {
     display: flex;
     align-items: center;
     gap: 10px;
 }

 #searchContainerf h2 {
     margin-top: 18px;
 }

 #searchContainer h2 {
     margin-top: 18px;
 }

 .marg {
     margin-bottom: 100px;
 }

 .centrador {
     display: block;
     margin: auto;
     width: 400px;
 }

 .redthree-blocks {
     display: flex;
     justify-content: center;
     align-items: flex-start;
     gap: 60px;
     padding: 40px 40px;
     text-align: center;
     background-color: #fff;
     margin-bottom: 100px;
 }

 .redblock:hover {
     transform: scale(1.5, 1.5);
     transition: all 0.8s ease;
     box-shadow: 0px 0px 30px rgba(179, 179, 179, 0.9) !important;
 }

 .redthree-blocks .redblock {
     flex: 1;
     max-width: 400px;
     color: #fff;
     background-color: #a72c2c;
     border-radius: 10px;
     padding: 15px;
     opacity: 0;
     transform: translateY(150px);
     transition: opacity 1s ease-out, transform 1s ease-out;
 }

 .redthree-blocks .redblock img {
     width: 100%;
     height: auto;
     border-radius: 8px;
 }

 .redthree-blocks .redblock p {
     margin: 15px;
     font-size: 1.2rem;
     color: #ffffff;
     line-height: 30px;
 }

 .redblock.animate {
     opacity: 1;
     transform: translateY(0);
 }

 .redblock.animate:hover {
     transform: scale(1.05, 1.05);
     transition: all 0.8s ease;
     box-shadow: 0px 0px 30px rgba(179, 179, 179, 0.6) !important;
     z-index: 999;
 }

 .imgicon4 {
     display: block;
     margin: auto;
     width: 150px;
     height: 100%;
     margin-bottom: -70px;
     margin-top: 50px;
 }

 .imgicon5 {
     display: block;
     margin: auto;
     width: 350px;
     height: 197px;
 }

 label[for="form-field-interes"] {
     color: #fff;
     font-size: 14px;
 }

 .zonas-list {
     columns: 1;
     list-style-type: none;
     padding-left: 0;
     line-height: 45px;
 }

 .bordelimpio {
     border: none !important;
 }

 .lineag {
     line-height: 35px !important;
 }

 .reviews-container {
     width: 90%;
     max-width: 1300px;
     overflow: hidden;
     position: relative;
     background-color: #fff;
     border-radius: 15px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     padding: 15px;
 }

 .reviews-wrapper {
     display: flex;
     transition: transform 0.4s ease-in-out;
     line-height: 25px;
 }

 .review-card {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: minmax(640px, 1fr);
     gap: 20px;
 }

 .review {
     background-color: #f1f1f1;
     padding: 15px;
     margin: 15px;
     border-radius: 10px;
     text-align: center;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }

 .review h4 {
     color: #333;
     margin-bottom: 8px;
     font-weight: bold;
 }

 .review p {
     color: #555;
     font-size: 14px;
 }

 .review img {
     display: block;
     margin: 0 auto;
 }

 .nav-buttons {
     display: flex;
     justify-content: space-between;
     margin-top: 20px;
 }

 .nav-buttons button {
     background-color: #b30000;
     color: white;
     border: none;
     padding: 10px 20px;
     border-radius: 8px;
     cursor: pointer;
     transition: background-color 0.2s;
 }

 .nav-buttons button:hover {
     background-color: #b30000;
 }

 button:disabled {
     background-color: #cccccc;
     cursor: not-allowed;
 }

 .stars {
     color: #ffaa00;
     font-size: 29px;
     margin-top: 5px;
 }

 .clientes {
     width: 100px;
     height: 100px;
 }

 .reseñas {
     display: flex;
     justify-content: center;
     gap: 260px;
     padding: 40px 20px;
     background-color: #e3e3e3;
     flex-direction: column;
     align-items: center;
 }

 .avisos {
     margin: 2% 30%;
 }

 .avisos p {
     font-size: 18px;
     color: #262626;
     font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
     line-height: 35px;
     font-weight: 30;
     text-align: left;
 }

 .avisos h2 {
     margin-top: 50px;
 }

 .alcentrotx {
     text-align: center;
     font-size: 10px;
     color: #262626;
     margin-top: 20px;
 }

































 @media (max-width: 1500px) {
     header {
         flex-direction: column;
         align-items: flex-start;
     }

     .mare {
         margin: -20px 5% 65px 5%;
     }

     .centrador {
         width: 200px;
         margin: -60px 25% 65px 25%;
     }

     .mapa {
         width: 100%;
     }

     .hamburger {
         display: flex;
         position: fixed;
         top: 60px;
         right: 20px;
         background: rgba(255, 255, 255, 0.8);
         border: none;
         font-size: 1.5rem;
         cursor: pointer;
         padding: 10px;
         z-index: 999;
     }

     .wasa2 {
         position: fixed;
         bottom: 5px;
         right: 5px;
         display: flex;
         z-index: 979;
         padding: 10px;
         width: 60px;
         height: auto;
         transition: opacity 0.3s ease;
         opacity: 0.8;
         max-width: calc(100% - 40px);
     }

     .wasa2:hover {
         opacity: 1;
         transform: scale(1.1, 1.1);
         transition: all 0.8s ease;
     }

     .cabeza {
         font-size: 0.7rem;
         justify-content: center;
         align-items: center;
         padding: 0px;
         width: 100%;
     }

     .fif {
         width: 50%;
     }

     nav {
         position: fixed;
         top: 0;
         right: 0;
         width: 100%;
         height: 100%;
         background-color: #f8f9fa;
         display: none;
         flex-direction: column;
         padding-top: 60px;
         z-index: 990;
         overflow-y: auto;
     }

     nav.active {
         display: flex;
     }

     nav ul {
         flex-direction: column;
         margin: 0;
         padding: 0;
         text-align: center;
     }

     nav ul li {
         margin: 0px;
         text-align: center;
         position: relative;
     }

     nav ul li a {
         font-size: 1.2rem;
         padding: 10px;
     }

     .submenu {
         display: none;
         position: absolute;
         left: 50%;
         transform: translateX(-50%);
         box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.6);
     }

     .submenu li {
         margin: 5px;
     }

     .highlight-text h1 {
         margin: 0;
         font-size: 1.5rem;
         color: #fff;
         background-color: rgba(179, 0, 0, 0.7);
         text-align: center;
         margin: 30px 10%;
         padding: 15px;
         top: -80px;
         position: relative;
         backdrop-filter: blur(4px);
         -webkit-backdrop-filter: blur(8px);
     }

     .act {
         border-top: 2px solid #b30000;
     }

     .three-blocks {
         flex-direction: column;
         align-items: center;
     }

     .three-blocks .block {
         max-width: 90%;
         height: auto;
     }

     .three-blocks .block p {
         margin: 10px
     }

     .redthree-blocks {
         flex-direction: column;
         align-items: center;
     }

     .redthree-blocks .redblock {
         max-width: 90%;
     }

     .redthree-blocks .redblock p {
         margin: 10px
     }

     .three-blocksz {
         flex-direction: column;
         align-items: center;
     }

     .three-blocksz .blockz {
         max-width: 90%;
         height: auto;
     }

     #contact-form {
         padding: 15px;
     }

     .form-group {
         margin-bottom: 10px;
     }

     .rthree-blocks {
         flex-direction: column;
         align-items: center;
     }

     .rthree-blocks .rblock {
         max-width: 90%;
     }

     .two-blocks {
         flex-direction: column;
         align-items: center;
     }

     .two-blocks .twoblock {
         max-width: 90%;
         opacity: 1;
         transform: translateY(0);
     }

     .wasa {
         display: none;
     }

     .op {
         padding: 10px;
         font-size: 0.9rem;
     }

     .one-blocks {
         background-color: #252525;
         background-image: none;
     }

     .tel {
         margin-top: 0.5px;
     }

     .y-blocks {
         flex-direction: column;
         align-items: center;
         padding: 20px;
     }

     .y-blocks .yblock {
         max-width: 90%;
         margin-bottom: 30px;
         border-right: none;
         text-align: center;
     }

     .y-blocks .yblock img {
         width: 100%;
         max-width: 300px;
         margin: 0 auto;
     }

     h2 {
         font-size: 2rem;
     }

     .tes3 {
         padding: 0px 20px 50px 20px;
         font-size: 1.2rem;
         line-height: 1.5;
     }

     .flecha {
         display: none;
     }

     .tes {
         padding: 30px;
     }

     .alcentro {
         text-align: center !important;
     }

     .telr {
         margin-top: 0px;
         margin-right: 0px;
     }

     p.telr {
         margin-top: 10px;
         margin-right: 0px;
     }

     .imgicon2 {
         max-width: 70px !important;
     }

     .subiendo {
         margin-top: -90px;
     }

     .subiendo2 {
         margin-top: -30px;
         background-color: #959595 !important;
     }

     .subiendo50 {
         margin-top: -100px;
     }

     .wasabe {
         max-width: 60px !important;
     }

     .brojo {
         background-color: #b30000;
         color: #fff;
         padding: 15px;
         border-radius: 25px;
         font-size: 0.7rem;
         font-family: 'Poppins', sans-serif;
         font-weight: 500;
         text-align: center;
     }

     .brojo:hover {
         font-size: 0.7rem;
     }

     .uno-blocks .unoblock p {
         font-weight: 35;
     }

     .despliegue {
         font-size: 16px;
     }

     .marg {
         margin-bottom: 130px;
     }

     .zonas-list {
         line-height: 50px;
     }

     .sinpa {
         padding: 0px;
     }

     .fotosube img {
         margin-top: -150px !important;
         z-index: 999;
         overflow: hidden;
     }

     .review-card {
         min-width: 25%;
         display: grid;
         grid-template-columns: repeat(6, 1fr);
         gap: 10px;
     }

     .review {
         background-color: #f1f1f1;
         padding: 10px;
         margin: 10px;
         border-radius: 10px;
         box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
     }

     .clientes {
         width: 50px;
         height: 50px;
     }

     .reseñas {
         display: flex;
         justify-content: center;
         gap: 10px;
         padding: 10px 10px;
         background-color: #e3e3e3;
         flex-direction: column;
         align-items: center;
     }

     .imgicon5 {
         display: block;
         margin: auto;
         width: 250px;
         height: 141px;
     }

     .logo {
         height: 98px;
         width: 235px;
     }

     .cabeza2 img {
         width: 70%;
         height: auto;
     }

     .review {
         max-width: 90px;
     }

     .stars {
         font-size: 20px;
     }

     .avisos {
         margin: 2% 5%;
     }
 }