* { margin:0;padding:0;box-sizing:border-box;} body { font-family:'Montserrat', sans-serif;color:#222;background-color:#2e5d8b;line-height:1.6;} a { text-decoration:none;color:inherit;cursor:pointer;} img { max-width:100%;height:auto !important;object-fit:contain !important;} .hero { position:relative;height:22rem;background:url('https://vaciadosymudanzasmirandadeebro.es/wp-content/uploads/2025/12/Vaciado_y_Mudanzas.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center;} .hero .overlay { background-color:rgba(0, 0, 0, 0.35);width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 1.25rem;} .logo-container { background:#ffffff;padding:0.625rem;border-radius:50px;margin-bottom:1.875rem;} .logo-hero { max-height:12.5rem;width:11.25rem;height:auto !important;} .slogan-hero { color:#fff;font-size:2rem;font-weight:700;line-height:1.2;} .btn-presupuesto-header { display:inline-block;background-color:#007BFF;color:#fff;font-weight:700;padding:0.75rem 1.5rem;border-radius:0.5rem;text-decoration:none;transition:background-color 0.3s, transform 0.3s;margin-top:1rem;font-size:1rem;} .btn-presupuesto-header:hover { background-color:#0056b3;transform:translateY(-2px);} .menu-recuadros { background:#fff;padding:0.625rem 0;box-shadow:0 0.125rem 0.375rem rgba(0,0,0,0.1);} .menu-recuadros ul { display:flex;justify-content:center;flex-wrap:wrap;gap:0.9375rem;list-style:none;} .menu-recuadros a { display:block;padding:0.625rem 0.9375rem;background:#007BFF;color:#fff;border-radius:0.5rem;font-weight:600;transition:0.3s;} .menu-recuadros a:hover, .menu-recuadros a.active { background:#0056b3;} main { max-width:75rem;margin:2.5rem auto;padding:0 1.25rem;} main section { background:#fff;border-radius:0.9375rem;padding:1.875rem 1.5625rem;margin:2.5rem auto;max-width:68.75rem;box-shadow:0 0.5rem 1.25rem rgba(0,0,0,0.1);transition:transform 0.3s, box-shadow 0.3s;} main section:hover { transform:translateY(-0.3125rem);box-shadow:0 0.75rem 1.5625rem rgba(0,0,0,0.15);} main section h2 { text-align:center;margin-bottom:1.25rem;color:#007BFF;} main section p { color:#333;line-height:1.7;margin-bottom:0.9375rem;} .sobre-nosotros-content, .conocenos-container, .servicios-content, .elegirnos-content, .contacto-contenedor { display:flex;gap:1.875rem;flex-wrap:wrap;} .sobre-texto, .conocenos-texto, .servicios-lista, .elegirnos-texto, .contacto-info, .contacto-formulario, .contacto-mapa { flex:1;min-width:17.5rem;} .sobre-img, .conocenos-imagen, .servicios-img, .elegirnos-img { flex:1;min-width:15.625rem;display:flex;justify-content:center;} .sobre-img img, .conocenos-imagen img, .servicios-img img, .elegirnos-img img { width:100%;max-width:21.875rem;border-radius:0.75rem;background:#fff;box-shadow:0 0.5rem 1.25rem rgba(0,0,0,0.15);transition:transform 0.3s, box-shadow 0.3s;} .sobre-img img:hover, .conocenos-imagen img:hover, .servicios-img img:hover, .elegirnos-img img:hover { transform:translateY(-0.5rem);box-shadow:0 1.25rem 2.5rem rgba(0,0,0,0.35);} .resaltado { background:#fff;padding:1.125rem 1.25rem;border-left:0.375rem solid #007BFF;border-radius:0.625rem;font-weight:700;box-shadow:0 0.25rem 0.75rem rgba(0,0,0,0.1);margin-top:0.9375rem;transition:transform 0.3s, box-shadow 0.3s;} .resaltado:hover { transform:translateY(-0.3125rem);box-shadow:0 0.9375rem 2.1875rem rgba(0,0,0,0.25);} .servicio-item-link { text-decoration:none;color:inherit;display:block;transition:transform 0.4s, box-shadow 0.4s, background 0.4s;} .servicio-item-link:hover { transform:translateY(-0.5rem) scale(1.03);box-shadow:0 1.5rem 3rem rgba(0,0,0,0.25);} .servicio-item { background:#f8f8f8;border-radius:1rem;padding:1.5rem 1.25rem;flex:1 1 15rem;max-width:18rem;text-align:center;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.1);transition:background 0.4s, box-shadow 0.4s, transform 0.4s;} .servicio-item-link:hover .servicio-item { background:#e6f0ff;} .servicio-item h3 { margin:1rem 0 0.5rem;color:#007BFF;transition:color 0.4s;} .servicio-item-link:hover .servicio-item h3 { color:#0056b3;} .servicio-item p { font-size:0.95rem;color:#333;transition:color 0.4s;} .servicio-item-link:hover .servicio-item p { color:#1a1a1a;} .servicios-section { padding:3rem 1.5rem;background:#fff;border-radius:1rem;max-width:70rem;margin:3rem auto;box-shadow:0 0.5rem 1.5rem rgba(0,0,0,0.1);} .servicios-content { display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;} .contacto-section { padding:3.125rem 1.25rem;background:#f8f8f8;} .contacto-item { display:flex;align-items:center;margin-bottom:0.75rem;} .contacto-item img { width:2.5rem;height:auto !important;object-fit:contain !important;margin-right:0.625rem;} .contacto-formulario input, .contacto-formulario textarea { width:100%;padding:0.625rem;border-radius:0.3125rem;border:1px solid #ccc;margin-bottom:0.75rem;} .btn-enviar { width:100%;padding:0.75rem;background:#009688;color:#fff;border-radius:0.3125rem;border:none;font-weight:700;transition:transform 0.3s, background 0.3s;} .btn-enviar:hover { background:#007f73;transform:translateY(-0.1875rem);} .horario { display:flex;align-items:center;gap:0.5rem;font-size:1.2rem;margin-top:1.5625rem;} .icono-horario-linea { width:28px;height:auto !important;object-fit:contain !important;margin-right:0.5rem;} ul { list-style:disc;padding-left:1.25rem;line-height:1.8;font-weight:700;color:#007BFF;} li { margin-bottom:0.625rem;position:relative;transition:transform 0.3s, color 0.3s;} li::marker { font-size:1.2rem;color:#FF5722;} li:hover { transform:translateX(0.25rem);color:#0056b3;} .servicios-lista, .resaltado, .elegirnos-texto ul, .sobre-texto ul, .conocenos-texto ul { background:#fff;padding:1.5rem;border-radius:0.75rem;box-shadow:0 0.625rem 1.5625rem rgba(0,0,0,0.15);transition:transform 0.3s, box-shadow 0.3s;} .servicios-lista:hover, .resaltado:hover, .elegirnos-texto ul:hover, .sobre-texto ul:hover, .conocenos-texto ul:hover { transform:translateY(-0.3125rem);box-shadow:0 1.25rem 3.125rem rgba(0,0,0,0.3);} .whatsapp-btn, .presupuesto-btn { position:fixed;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 0.25rem 0.625rem rgba(0,0,0,0.25);z-index:999;transition:transform 0.3s, box-shadow 0.3s;} .whatsapp-btn { left:1.25rem;bottom:1.25rem;width:3.75rem;height:3.75rem;background:#fafcfa;} .whatsapp-btn:hover { transform:translateY(-0.1875rem);box-shadow:0 0.375rem 0.9375rem rgba(0,0,0,0.35);} .presupuesto-btn { right:1.25rem;bottom:1.25rem;width:4.375rem;height:4.375rem;background:#fff;} .presupuesto-btn:hover { transform:translateY(-0.1875rem);box-shadow:0 0.375rem 1.25rem rgba(0,0,0,0.35);} .presupuesto-btn .presupuesto-icon { width:3.4375rem;height:3.4375rem;object-fit:contain !important;border-radius:0.5rem;} form#presupuesto-form { display:flex;flex-direction:column;gap:1rem;max-width:35rem;margin:1.5rem auto 0;} form#presupuesto-form .form-group { display:flex;flex-direction:column;} form#presupuesto-form label { margin-bottom:0.5rem;font-weight:600;color:#007BFF;} form#presupuesto-form input, form#presupuesto-form textarea { padding:0.75rem;border-radius:0.375rem;border:1px solid #ccc;font-size:1rem;transition:border 0.3s, box-shadow 0.3s;} form#presupuesto-form input:focus, form#presupuesto-form textarea:focus { outline:none;border-color:#007BFF;box-shadow:0 0 0.5rem rgba(0,123,255,0.3);} form#presupuesto-form button.btn-enviar { padding:0.75rem;background:#009688;color:#fff;border:none;border-radius:0.375rem;font-weight:700;cursor:pointer;transition:background 0.3s, transform 0.3s;} form#presupuesto-form button.btn-enviar:hover { background:#007f73;transform:translateY(-0.1rem);} .contacto-mapa { max-width:68.75rem;margin:3.125rem auto;border-radius:0.9375rem;box-shadow:0 0.5rem 1.25rem rgba(0,0,0,0.1);background-color:#fff;padding:0;} .mapa-container { width:100%;height:31.25rem;border-radius:0.9375rem;overflow:hidden;box-shadow:0 0.375rem 0.9375rem rgba(0,0,0,0.1);} .mapa-container iframe { width:100%;height:100%;border:0;} .slider-container { position:relative;max-width:700px;height:25rem;margin:2.5rem auto;overflow:hidden;border-radius:15px;background:#fff;padding:10px;box-shadow:0 10px 25px rgba(0,0,0,0.2);} .slider { position:relative;width:100%;height:100%;} .slider img { position:absolute;top:50%;left:50%;width:100%;max-height:100%;transform:translate(-50%, -50%);opacity:0;border-radius:12px;transition:opacity 0.5s ease, transform 0.5s ease, box-shadow 0.3s ease;object-fit:cover;} .slider img.active { opacity:1;transform:translate(-50%, -50%) translateY(-5px);box-shadow:0 20px 40px rgba(0,0,0,0.35);} .slider-prev, .slider-next { position:absolute;top:50%;font-size:2rem;background:rgba(0,0,0,0.5);padding:10px 15px;border-radius:50%;color:#fff;cursor:pointer;transform:translateY(-50%);z-index:10;user-select:none;transition:background 0.3s;} .slider-prev:hover, .slider-next:hover { background:rgba(0,0,0,0.8);} .slider-prev { left:15px;} .slider-next { right:15px;} .faq-section { padding:2.5rem 1.25rem;background:#fff;border-radius:1rem;max-width:68.75rem;margin:2.5rem auto;box-shadow:0 0.5rem 1.25rem rgba(0,0,0,0.1);} .faq-section h2 { text-align:center;color:#007BFF;margin-bottom:2rem;font-size:2rem;} .faq-item { border-bottom:1px solid #ddd;padding:1rem 0;cursor:pointer;transition:background 0.3s;} .faq-item:last-child { border-bottom:none;} .faq-question { font-weight:700;color:#007BFF;position:relative;padding-right:2rem;} .faq-question::after { content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.5rem;color:#007BFF;transition:transform 0.3s;} .faq-question.active::after { content:'-';transform:translateY(-50%);} .faq-answer { max-height:0;overflow:hidden;transition:max-height 0.4s ease, padding 0.4s ease;color:#333;padding:0 0.5rem;} .faq-answer p { margin:0.5rem 0;} .faq-answer.open { padding-top:0.5rem;padding-bottom:0.5rem;} .footer-section { background-color:#1a1a1a;color:#ffffff;text-align:center;padding:50px 20px;font-family:'Montserrat', sans-serif;font-size:0.95rem;letter-spacing:0.5px;line-height:1.6;box-shadow:0 -4px 12px rgba(0,0,0,0.1);} .footer-section .footer-content p { margin:10px 0;} .footer-section .footer-links a { color:#fff;text-decoration:none;margin:0 6px;transition:color 0.3s;} .footer-section .footer-links a:hover { color:#007BFF;} .footer-contact { margin-top:15px;} .footer-contact a { display:inline-block;margin:0 8px;transition:transform 0.3s;} .footer-contact a:hover { transform:scale(1.1);} .footer-icon { width:28px;height:28px;vertical-align:middle;} @media (max-width:768px) { .sobre-nosotros-content, .conocenos-container, .servicios-content, .elegirnos-content, .contacto-contenedor { flex-direction:column;text-align:center;} .sobre-img img, .servicios-img img { width:60%;margin:1.25rem auto 0;} .slider-container { height:20rem;} .slider-prev, .slider-next { font-size:1.5rem;padding:8px 12px;} .mapa-container { height:25rem;} ul { padding-left:1rem;font-size:0.95rem;} .faq-section { padding:1.5rem 1rem;} .faq-section h2 { font-size:1.75rem;} .faq-question { font-size:1rem;} } @media (max-width:480px) { .sobre-img img, .servicios-img img { width:50%;} .slider-container { height:15rem;} .slider img { max-width:95%;} .mapa-container { height:18.75rem;} .contacto-info span, .contacto-info p { font-size:0.9rem;} ul { padding-left:0.875rem;font-size:0.9rem;} .faq-section h2 { font-size:1.5rem;} .faq-question { font-size:0.95rem;} } @media (max-width:768px) { .footer-section { font-size:0.9rem;padding:40px 15px;} .footer-links a { display:block;margin:5px 0;} .footer-contact a { margin:5px 10px;} } body, html { overflow-x:hidden !important;} .sobre-texto, .conocenos-texto, .servicios-lista, .elegirnos-texto, .contacto-info, .contacto-formulario, .contacto-mapa { min-width:0 !important;} @media (max-width:900px) { .menu-recuadros ul { flex-direction:column;gap:12px;padding:0 20px;} .menu-recuadros ul li { width:100%;} .menu-recuadros a { width:100%;text-align:center;padding:12px;font-size:1.1rem;} } @media (max-width:900px) { .hero { height:auto;padding:40px 15px;background-position:center;background-size:cover;} .logo-hero { max-width:70%;height:auto;} .slogan-hero { font-size:1.5rem;line-height:1.3;} } @media (max-width:900px) { .sobre-nosotros-content, .conocenos-container, .servicios-content, .elegirnos-content, .contacto-contenedor { flex-direction:column !important;text-align:center;gap:20px;} .sobre-img img, .conocenos-imagen img, .servicios-img img, .elegirnos-img img { width:80%;max-width:260px;margin:0 auto;} main section { padding:20px 15px;} } @media (max-width:900px) { .servicio-item { max-width:100%;width:100%;} } @media (max-width:768px) { .whatsapp-btn { left:0.8rem;bottom:0.8rem;width:3.2rem;height:3.2rem;} .presupuesto-btn { right:0.8rem;bottom:0.8rem;width:3.6rem;height:3.6rem;} .presupuesto-btn .presupuesto-icon { width:2.8rem;height:2.8rem;} } @media (max-width:900px) { .slider-container { height:16rem;} } @media (max-width:900px) { .mapa-container { height:18rem;} }