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

img {
    max-width: 100%;
    height: auto;
}

/* Servicios */
.services {
    padding: 5rem 0;
    background-color: white;
}

.section-title {
    text-align: center;
    margin-bottom: 3rem;
}

.section-title h2 {
    font-size: 2.5rem;
    color: #2c3e50;
    margin-bottom: 1rem;
}

.section-title p {
    color: #7f8c8d;
    max-width: 700px;
    margin: 0 auto;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.service-card {
    background-color: #f9f9f9;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
}

.service-card:hover {
    transform: translateY(-10px);
}

.service-img {
    height: 200px;
    overflow: hidden;
}

.service-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.service-card:hover .service-img img {
    transform: scale(1.1);
}

.service-content {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.service-content h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: #2c3e50;
}

.service-content p {
    color: #7f8c8d;
    margin-bottom: 1.5rem;
}

/* Sobre Nosotros */
.about {
    padding: 5rem 0;
    background-color: #f9f9f9;
}

.about-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    align-items: center;
}

.about-text h2 {
    font-size: 2.5rem;
    color: #2c3e50;
    margin-bottom: 1.5rem;
}

.about-text p {
    margin-bottom: 1.5rem;
    color: #34495e;
}

.about-features {
    margin-top: 2rem;
}

.feature {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.feature-icon {
    background-color: #f1c40f;
    color: #2c3e50;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    flex-shrink: 0;
}

.feature-text h3 {
    margin-bottom: 0.5rem;
    color: #2c3e50;
}

/* Testimonios */
.testimonials {
    padding: 5rem 0;
    background-color: white;
}

.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
}

.testimonial-card {
    background-color: #f9f9f9;
    padding: 2rem;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.testimonial-text {
    font-style: italic;
    margin-bottom: 1.5rem;
    color: #34495e;
}

.testimonial-author {
    display: flex;
    align-items: center;
}

.author-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 1rem;
}

.author-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author-info h4 {
    color: #2c3e50;
}

.author-info p {
    color: #7f8c8d;
    font-size: 0.9rem;
}

/* Contacto */
.contact {
    padding: 5rem 0;
    background-color: #2c3e50;
    color: white;
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
}

.contact-info h2 {
    font-size: 2.5rem;
    margin-bottom: 1.5rem;
}

.contact-info p {
    margin-bottom: 2rem;
    opacity: 0.9;
}

.contact-details {
    margin-bottom: 2rem;
}

.contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.contact-icon {
    margin-right: 1rem;
    color: #f1c40f;
}

.contact-form .form-group {
    margin-bottom: 1.5rem;
}

.contact-form label {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 0.8rem;
    border: none;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
}

.contact-form textarea {
    height: 150px;
    resize: vertical;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.contact-form .btn {
    background-color: #f1c40f;
    color: #2c3e50;
    border: none;
    cursor: pointer;
    width: 100%;
}

/* Footer */
footer {
    background-color: #1a252f;
    color: white;
    padding: 3rem 0;
    text-align: center;
}

.footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-logo {
    font-size: 2rem;
    font-weight: bold;
    color: #f1c40f;
    margin-bottom: 1.5rem;
}

.footer-logo span {
    color: white;
}

.footer-links {
    display: flex;
    margin-bottom: 2rem;
}

.footer-links a {
    margin: 0 1rem;
    color: #bdc3c7;
    transition: color 0.3s;
}

.footer-links a:hover {
    color: #f1c40f;
}

.social-links {
    margin-bottom: 2rem;
}

.social-links a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: #2c3e50;
    color: white;
    border-radius: 50%;
    line-height: 40px;
    margin: 0 0.5rem;
    transition: all 0.3s;
}

.social-links a:hover {
    background-color: #f1c40f;
    color: #2c3e50;
    transform: translateY(-3px);
}

.copyright {
    color: #7f8c8d;
    font-size: 0.9rem;
}

.share-options {
    position: fixed;
    bottom: 70px;
    right: 90px;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 1px 20px 7px #4CAF50;
    padding: 1rem;
    display: none;
    flex-direction: column;
    min-width: 200px;
}

.share-options a {
    padding: 0.5rem 1rem;
    color: #2c3e50;
    display: flex;
    align-items: center;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.share-options a:hover {
    background-color: #f1f1f1;
}

.share-options a i {
    margin-right: 0.5rem;
}

.share-options.active {
    display: flex;
}

        /* Iconos */
.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.whatsapp-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    background-color: #25d366;
    color: white;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.whatsapp-button:hover {
    background-color: #128c7e;
}

/* Estilos para el botón de compartir */
.share-button {
    position: fixed;
    bottom: 90px;
    right: 20px;
    z-index: 1000;
    background-color: #1e3a8a;
    color: white;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.share-button:hover {
    background-color: #172554;
}


.mobile-menu-btn {
    display: none; /* Mantienes esto */
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    position: absolute; /* Cambia a posición absoluta */
    right: 0; /* Lo fija a la derecha */
    top: 50%; /* Centra verticalmente */
    transform: translateY(-50%); /* Ajuste fino del centrado */
    padding: 10px; /* Añade espacio táctil */
    z-index: 1001; /* Encima de otros elementos */
}

/* Reset y estilos base */
html, body {
    max-width: 100%;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

body {
    line-height: 1.6;
    color: #333;
    background-color: #f9f9f9;
    padding-top: 60px; /* Para compensar el header fixed */
}

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

img {
    max-width: 100%;
    height: auto;
}

/* Header */
header {
    background-color: #2c3e50;
    color: white;
    padding: 0.5rem 0;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.container {
    width: 100%;
    max-width: 1200px;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
}

.header-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    padding-right: 50px; /* Espacio para el botón móvil */
}

.logo {
    font-size: 1.8rem;
    color: #f1c40f;
    display: flex;
    align-items: center;
    max-width: calc(100% - 60px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.logo span {
    color: rgb(72, 255, 0);
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    padding-left: 10px;
}

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

nav ul li {
    margin-left: 1.5rem;
}

nav ul li a {
    color: white;
    font-weight: 500;
    transition: color 0.3s;
}

nav ul li a:hover {
    color: #f1c40f;
}

.mobile-menu-btn {
    display: none;
    background: none;
    border: none;
    color: white;
    font-size: 1.5rem;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    padding: 8px;
    z-index: 1001;
}

/* Hero Section */
.hero {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/activos/imgs/background1.jpg') no-repeat center center/cover;
    min-height: calc(100vh - 60px);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    padding: 20px;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.hero-content {
    width: 100%;
    /* max-width: 800px; */
    padding: 0 15px;
}

.hero-content h1 {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.hero-content p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
}

.btn {
    display: inline-block;
    background-color: #f1c40f;
    color: #2c3e50;
    padding: 0.8rem 1.8rem;
    border-radius: 30px;
    font-weight: bold;
    transition: all 0.3s;
    border: none;
    cursor: pointer;
    font-size: 1rem;
}

.btn:hover {
    background-color: #f39c12;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

/* [Resto de tus estilos permanecen igual hasta las media queries] */

/* Responsive */
@media (max-width: 992px) {
    .about-content,
    .contact-grid {
        grid-template-columns: 1fr;
    }
    
    .about-img {
        order: -1;
    }
}

@media (max-width: 840px) {
    .mobile-menu-btn {
        display: block;
    }
    
    nav {
        position: fixed;
        top: 60px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 60px);
        background-color: #2c3e50;
        transition: left 0.3s;
        padding: 2rem;
    }
    
    nav.active {
        left: 0;
    }
    
    nav ul {
        flex-direction: column;
    }
    
    nav ul li {
        margin: 1rem 0;
    }
    
    .hero-content h1 {
        font-size: 2.5rem;
    }
    
    .section-title h2 {
        font-size: 2rem;
    }
}

@media (max-width: 576px) {
    .hero-content h1 {
        font-size: 2rem;
    }
    
    .hero-content p {
        font-size: 1rem;
    }
    
    .btn {
        padding: 0.6rem 1.5rem;
    }

    .footer-links {
        flex-direction: column;
    }
}

/* Ajustes específicos para pantallas muy pequeñas */
@media (max-width: 472px) {
    .container {
        padding: 0 10px;
    }
    
    .header-content {
        padding-right: 40px;
    }
    
    .logo {
        font-size: 1.4rem;
        max-width: 70vw;
    }
    
    .mobile-menu-btn {
        right: 10px;
        font-size: 1.3rem;
    }
    
    .hero {
        padding: 60px 10px 20px;
    }
    
    .hero-content h1 {
        font-size: 1.8rem;
    }
}

@media (max-width: 360px) {
    .logo {
        font-size: 1.2rem;
    }
    
    .mobile-menu-btn {
        right: 5px;
        font-size: 1.2rem;
    }
    
    .hero-content h1 {
        font-size: 1.6rem;
    }
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.logo-facebook {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath fill='%231877f2' d='M256 128C256 57.308 198.692 0 128 0S0 57.308 0 128c0 63.888 46.808 116.843 108 126.445V165H75.5v-37H108V99.8c0-32.08 19.11-49.8 48.348-49.8C170.352 50 185 52.5 185 52.5V84h-16.14C152.959 84 148 93.867 148 103.99V128h35.5l-5.675 37H148v89.445c61.192-9.602 108-62.556 108-126.445'/%3E%3Cpath fill='%23fff' d='m177.825 165l5.675-37H148v-24.01C148 93.866 152.959 84 168.86 84H185V52.5S170.352 50 156.347 50C127.11 50 108 67.72 108 99.8V128H75.5v37H108v89.445A129 129 0 0 0 128 256a129 129 0 0 0 20-1.555V165z'/%3E%3C/svg%3E");
}

.logo-instagram {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='none'%3E%3Crect width='256' height='256' fill='url(%23skillIconsInstagram0)' rx='60'/%3E%3Crect width='256' height='256' fill='url(%23skillIconsInstagram1)' rx='60'/%3E%3Cpath fill='%23fff' d='M128.009 28c-27.158 0-30.567.119-41.233.604c-10.646.488-17.913 2.173-24.271 4.646c-6.578 2.554-12.157 5.971-17.715 11.531c-5.563 5.559-8.98 11.138-11.542 17.713c-2.48 6.36-4.167 13.63-4.646 24.271c-.477 10.667-.602 14.077-.602 41.236s.12 30.557.604 41.223c.49 10.646 2.175 17.913 4.646 24.271c2.556 6.578 5.973 12.157 11.533 17.715c5.557 5.563 11.136 8.988 17.709 11.542c6.363 2.473 13.631 4.158 24.275 4.646c10.667.485 14.073.604 41.23.604c27.161 0 30.559-.119 41.225-.604c10.646-.488 17.921-2.173 24.284-4.646c6.575-2.554 12.146-5.979 17.702-11.542c5.563-5.558 8.979-11.137 11.542-17.712c2.458-6.361 4.146-13.63 4.646-24.272c.479-10.666.604-14.066.604-41.225s-.125-30.567-.604-41.234c-.5-10.646-2.188-17.912-4.646-24.27c-2.563-6.578-5.979-12.157-11.542-17.716c-5.562-5.562-11.125-8.979-17.708-11.53c-6.375-2.474-13.646-4.16-24.292-4.647c-10.667-.485-14.063-.604-41.23-.604zm-8.971 18.021c2.663-.004 5.634 0 8.971 0c26.701 0 29.865.096 40.409.575c9.75.446 15.042 2.075 18.567 3.444c4.667 1.812 7.994 3.979 11.492 7.48c3.5 3.5 5.666 6.833 7.483 11.5c1.369 3.52 3 8.812 3.444 18.562c.479 10.542.583 13.708.583 40.396s-.104 29.855-.583 40.396c-.446 9.75-2.075 15.042-3.444 18.563c-1.812 4.667-3.983 7.99-7.483 11.488c-3.5 3.5-6.823 5.666-11.492 7.479c-3.521 1.375-8.817 3-18.567 3.446c-10.542.479-13.708.583-40.409.583c-26.702 0-29.867-.104-40.408-.583c-9.75-.45-15.042-2.079-18.57-3.448c-4.666-1.813-8-3.979-11.5-7.479s-5.666-6.825-7.483-11.494c-1.369-3.521-3-8.813-3.444-18.563c-.479-10.542-.575-13.708-.575-40.413s.096-29.854.575-40.396c.446-9.75 2.075-15.042 3.444-18.567c1.813-4.667 3.983-8 7.484-11.5s6.833-5.667 11.5-7.483c3.525-1.375 8.819-3 18.569-3.448c9.225-.417 12.8-.542 31.437-.563zm62.351 16.604c-6.625 0-12 5.37-12 11.996c0 6.625 5.375 12 12 12s12-5.375 12-12s-5.375-12-12-12zm-53.38 14.021c-28.36 0-51.354 22.994-51.354 51.355s22.994 51.344 51.354 51.344c28.361 0 51.347-22.983 51.347-51.344c0-28.36-22.988-51.355-51.349-51.355zm0 18.021c18.409 0 33.334 14.923 33.334 33.334c0 18.409-14.925 33.334-33.334 33.334s-33.333-14.925-33.333-33.334c0-18.411 14.923-33.334 33.333-33.334'/%3E%3Cdefs%3E%3CradialGradient id='skillIconsInstagram0' cx='0' cy='0' r='1' gradientTransform='matrix(0 -253.715 235.975 0 68 275.717)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fd5'/%3E%3Cstop offset='.1' stop-color='%23fd5'/%3E%3Cstop offset='.5' stop-color='%23ff543e'/%3E%3Cstop offset='1' stop-color='%23c837ab'/%3E%3C/radialGradient%3E%3CradialGradient id='skillIconsInstagram1' cx='0' cy='0' r='1' gradientTransform='matrix(22.25952 111.2061 -458.39518 91.75449 -42.881 18.441)' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%233771c8'/%3E%3Cstop offset='.128' stop-color='%233771c8'/%3E%3Cstop offset='1' stop-color='%2360f' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/g%3E%3C/svg%3E");
}

.logo-whatsapp {
    display: inline-block;
    width: 31.76px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 258'%3E%3Cdefs%3E%3ClinearGradient id='logosWhatsappIcon0' x1='50%25' x2='50%25' y1='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%231faf38'/%3E%3Cstop offset='100%25' stop-color='%2360d669'/%3E%3C/linearGradient%3E%3ClinearGradient id='logosWhatsappIcon1' x1='50%25' x2='50%25' y1='100%25' y2='0%25'%3E%3Cstop offset='0%25' stop-color='%23f9f9f9'/%3E%3Cstop offset='100%25' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23logosWhatsappIcon0)' d='M5.463 127.456c-.006 21.677 5.658 42.843 16.428 61.499L4.433 252.697l65.232-17.104a123 123 0 0 0 58.8 14.97h.054c67.815 0 123.018-55.183 123.047-123.01c.013-32.867-12.775-63.773-36.009-87.025c-23.23-23.25-54.125-36.061-87.043-36.076c-67.823 0-123.022 55.18-123.05 123.004'/%3E%3Cpath fill='url(%23logosWhatsappIcon1)' d='M1.07 127.416c-.007 22.457 5.86 44.38 17.014 63.704L0 257.147l67.571-17.717c18.618 10.151 39.58 15.503 60.91 15.511h.055c70.248 0 127.434-57.168 127.464-127.423c.012-34.048-13.236-66.065-37.3-90.15C194.633 13.286 162.633.014 128.536 0C58.276 0 1.099 57.16 1.071 127.416m40.24 60.376l-2.523-4.005c-10.606-16.864-16.204-36.352-16.196-56.363C22.614 69.029 70.138 21.52 128.576 21.52c28.3.012 54.896 11.044 74.9 31.06c20.003 20.018 31.01 46.628 31.003 74.93c-.026 58.395-47.551 105.91-105.943 105.91h-.042c-19.013-.01-37.66-5.116-53.922-14.765l-3.87-2.295l-40.098 10.513z'/%3E%3Cpath fill='%23fff' d='M96.678 74.148c-2.386-5.303-4.897-5.41-7.166-5.503c-1.858-.08-3.982-.074-6.104-.074c-2.124 0-5.575.799-8.492 3.984c-2.92 3.188-11.148 10.892-11.148 26.561s11.413 30.813 13.004 32.94c1.593 2.123 22.033 35.307 54.405 48.073c26.904 10.609 32.379 8.499 38.218 7.967c5.84-.53 18.844-7.702 21.497-15.139c2.655-7.436 2.655-13.81 1.859-15.142c-.796-1.327-2.92-2.124-6.105-3.716s-18.844-9.298-21.763-10.361c-2.92-1.062-5.043-1.592-7.167 1.597c-2.124 3.184-8.223 10.356-10.082 12.48c-1.857 2.129-3.716 2.394-6.9.801c-3.187-1.598-13.444-4.957-25.613-15.806c-9.468-8.442-15.86-18.867-17.718-22.056c-1.858-3.184-.199-4.91 1.398-6.497c1.431-1.427 3.186-3.719 4.78-5.578c1.588-1.86 2.118-3.187 3.18-5.311c1.063-2.126.531-3.986-.264-5.579c-.798-1.593-6.987-17.343-9.819-23.64'/%3E%3C/svg%3E");
  }

.social-links .icon {
    margin: 0 10px;
}

.icon:hover {
    filter: brightness(130%);
}

.icon-location {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72'%3E%3Ccircle cx='36.446' cy='28.864' r='7.225' fill='%23fff'/%3E%3Cpath fill='%23d22f27' d='M52.573 29.11c0-9.315-7.133-16.892-15.903-16.892s-15.903 7.577-15.903 16.896c.002.465.223 11.609 12.96 31.245a3.46 3.46 0 0 0 2.818 1.934c1.84 0 3.094-2.026 3.216-2.232C52.58 40.414 52.58 29.553 52.573 29.11M36.67 35.914a7.083 7.083 0 1 1 7.083-7.083a7.09 7.09 0 0 1-7.083 7.083'/%3E%3Cpath fill='%23ea5a47' d='M52.573 29.11c0-9.315-7.133-16.892-15.903-16.892a15 15 0 0 0-3.865.525c8.395.45 15.1 7.823 15.1 16.85c.006.443.006 11.303-12.813 30.95a6 6 0 0 1-.586.797c.52.584 1.257.928 2.04.954c1.839 0 3.093-2.027 3.215-2.233C52.58 40.414 52.58 29.553 52.573 29.11'/%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M36.545 62.294a3.46 3.46 0 0 1-2.817-1.935C20.99 40.723 20.769 29.58 20.766 29.114c0-9.32 7.134-16.896 15.904-16.896s15.903 7.577 15.903 16.892c.007.444.007 11.304-12.812 30.95c-.122.207-1.377 2.234-3.216 2.234'/%3E%3Cpath d='M36.67 35.914a7.083 7.083 0 1 1 7.083-7.083a7.09 7.09 0 0 1-7.083 7.083'/%3E%3C/g%3E%3C/svg%3E");
  }

.icon-call {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cg fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='0.8'%3E%3Cpath stroke-linecap='round' d='M41.7796 20.6066C42.0324 18.9108 41.9495 17.1747 41.5309 15.5054C40.978 13.3002 39.8392 11.2118 38.1147 9.4873C36.3902 7.76281 34.3018 6.62409 32.0967 6.07115C30.4274 5.65257 28.6912 5.56967 26.9954 5.82245'/%3E%3Cpath stroke-linecap='round' d='M34.1897 19.8035C34.4605 17.9869 33.8967 16.0699 32.4983 14.6715C31.0998 13.2731 29.1829 12.7092 27.3663 12.98'/%3E%3Cpath fill='%232f88ff' d='M14.3757 8.79424C15.1022 8.79424 15.7716 9.1883 16.1243 9.8235L18.5707 14.2303C18.891 14.8073 18.9061 15.5052 18.6109 16.0955L16.2541 20.8091C16.2541 20.8091 16.9371 24.3206 19.7955 27.179C22.654 30.0374 26.1536 30.7086 26.1536 30.7086L30.8665 28.3522C31.4572 28.0568 32.1556 28.0721 32.7328 28.393L37.1521 30.85C37.7868 31.2028 38.1803 31.8719 38.1803 32.598V37.6715C38.1803 40.2552 35.7804 42.1213 33.3323 41.2952C28.3044 39.5987 20.4997 36.3685 15.5529 31.4216C10.606 26.4748 7.37579 18.6701 5.67928 13.6422C4.85325 11.1941 6.71934 8.79424 9.30299 8.79424H14.3757Z'/%3E%3C/g%3E%3C/svg%3E");
  }

  .icon-mail {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cg fill='none'%3E%3Crect width='30' height='22' x='1' y='5' fill='%23b4acbc' rx='1.5'/%3E%3Crect width='28' height='18' x='2' y='7' fill='%23cdc4d6' rx='1'/%3E%3Cpath fill='%23e1d8ec' d='m30 23.4l-12.971-7.782a2 2 0 0 0-2.058 0L2 23.4V25a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1z'/%3E%3Cpath fill='%23998ea4' d='M2 9.766V8h28v1.766L17.544 17.24a3 3 0 0 1-3.088 0z'/%3E%3Cpath fill='%23f3eef8' d='M2 8.6V7a1 1 0 0 1 1-1h26a1 1 0 0 1 1 1v1.6l-12.971 7.783a2 2 0 0 1-2.058 0z'/%3E%3Cpath fill='%2300a6ed' d='M16 23a7 7 0 1 0 0-14a7 7 0 0 0 0 14'/%3E%3Cpath fill='%23f4f4f4' d='M16 11.5c-1.21-.02-2.36.44-3.22 1.3c-.87.85-1.34 1.99-1.34 3.2c0 2.48 2.02 4.5 4.5 4.5a.47.47 0 1 0 0-.94c-1.96 0-3.56-1.6-3.56-3.56c0-.96.38-1.86 1.06-2.53s1.59-1.03 2.55-1.03c1.93.03 3.51 1.65 3.51 3.62v.81a.67.67 0 0 1-1.34 0v-3.08a.47.47 0 0 0-.47-.47c-.26 0-.49.21-.49.47v.09c-.44-.35-.99-.57-1.6-.57c-1.4 0-2.54 1.14-2.54 2.54s1.14 2.54 2.54 2.54c.7 0 1.34-.29 1.8-.75c.28.5.81.84 1.42.84c.89 0 1.62-.73 1.62-1.62v-.81c0-2.47-1.99-4.52-4.44-4.55m-.39 5.96c-.88 0-1.6-.72-1.6-1.6s.72-1.6 1.6-1.6s1.6.72 1.6 1.6s-.72 1.6-1.6 1.6'/%3E%3C/g%3E%3C/svg%3E");
  }

  .icon-clock {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill='%2382aec0' d='M32.04 123.67a3.12 3.12 0 0 1-1.55-3.8l4.02-11.77l7.87 5.31l-6.36 9.24a3.13 3.13 0 0 1-3.98 1.02m63.32 0c1.39-.7 2.06-2.32 1.55-3.8l-4.07-11.91l-8.29 4.77l6.83 9.92a3.13 3.13 0 0 0 3.98 1.02'/%3E%3Cpath fill='%232f7889' d='m34.51 108.1l-2.05 6c1.27-.73 2.93-.66 4.25-.01s2.33 1.79 3.1 3.05l2.33-3.38c0-.14-7.63-5.66-7.63-5.66m58.36-.15l2.22 6.6c-1.27-.73-2.79-.71-4.12-.06c-1.32.65-2.33 1.79-3.1 3.05l-3.05-4.43z'/%3E%3Ccircle cx='63.7' cy='73.93' r='42.01' fill='%23ffefa1'/%3E%3Ccircle cx='63.7' cy='70.22' r='49.36' fill='%23cc2929'/%3E%3Ccircle cx='63.7' cy='72.7' r='46.4' fill='%23ff4638'/%3E%3Ccircle cx='63.7' cy='72.7' r='40.03' fill='%23fafafa'/%3E%3Ccircle cx='64' cy='72.7' r='4.45' fill='%23563428'/%3E%3Cpath fill='%23b2947c' d='M63.7 42.57c-.81 0-1.47-.66-1.47-1.47v-4.4c0-.81.66-1.47 1.47-1.47s1.47.66 1.47 1.47v4.4c0 .81-.66 1.47-1.47 1.47m0 67.59c-.81 0-1.47-.66-1.47-1.47v-4.4c0-.81.66-1.47 1.47-1.47s1.47.66 1.47 1.47v4.4c0 .81-.66 1.47-1.47 1.47m35.99-36h-4.4c-.81 0-1.47-.66-1.47-1.47s.66-1.47 1.47-1.47h4.4c.81 0 1.47.66 1.47 1.47c0 .82-.66 1.47-1.47 1.47m-67.58 0h-4.4c-.81 0-1.47-.66-1.47-1.47s.66-1.47 1.47-1.47h4.4c.81 0 1.47.66 1.47 1.47c0 .82-.66 1.47-1.47 1.47'/%3E%3Cpath fill='%23b2947c' d='M63.7 42.57c-.81 0-1.47-.66-1.47-1.47v-4.4c0-.81.66-1.47 1.47-1.47s1.47.66 1.47 1.47v4.4c0 .81-.66 1.47-1.47 1.47m0 67.59c-.81 0-1.47-.66-1.47-1.47v-4.4c0-.81.66-1.47 1.47-1.47s1.47.66 1.47 1.47v4.4c0 .81-.66 1.47-1.47 1.47M46.63 46.07l-2.2-3.81c-.41-.7-.17-1.6.54-2.01c.7-.41 1.6-.17 2.01.54l2.2 3.81c.41.7.17 1.6-.54 2.01c-.7.4-1.6.16-2.01-.54m33.8 58.53l-2.2-3.81c-.41-.7-.16-1.6.54-2.01s1.6-.16 2.01.54l2.2 3.81c.41.7.16 1.6-.54 2.01c-.71.4-1.61.16-2.01-.54'/%3E%3Cpath fill='%23b2947c' d='m46.63 46.07l-2.2-3.81c-.41-.7-.17-1.6.54-2.01c.7-.41 1.6-.17 2.01.54l2.2 3.81c.41.7.17 1.6-.54 2.01c-.7.4-1.6.16-2.01-.54m33.8 58.53l-2.2-3.81c-.41-.7-.16-1.6.54-2.01s1.6-.16 2.01.54l2.2 3.81c.41.7.16 1.6-.54 2.01c-.71.4-1.61.16-2.01-.54M35.61 58.17l-3.81-2.2c-.7-.41-.94-1.3-.54-2.01c.41-.7 1.3-.94 2.01-.54l3.81 2.2c.7.41.94 1.3.54 2.01c-.41.71-1.31.95-2.01.54m58.53 33.79l-3.81-2.2c-.7-.41-.94-1.3-.54-2.01c.41-.7 1.3-.94 2.01-.54l3.81 2.2c.7.41.94 1.3.54 2.01c-.41.71-1.31.95-2.01.54M78.76 46.61c-.7-.41-.94-1.3-.54-2.01l2.2-3.81c.41-.7 1.3-.94 2.01-.54c.7.41.94 1.3.54 2.01l-2.2 3.81c-.41.7-1.3.94-2.01.54m-33.79 58.53c-.7-.41-.94-1.3-.54-2.01l2.2-3.81c.41-.7 1.3-.94 2.01-.54c.7.41.94 1.3.54 2.01l-2.2 3.81c-.41.7-1.31.94-2.01.54m44.82-47.51c-.41-.7-.17-1.6.54-2.01l3.81-2.2c.7-.41 1.6-.16 2.01.54s.16 1.6-.54 2.01l-3.81 2.2c-.71.41-1.61.17-2.01-.54m-58.53 33.8c-.41-.7-.16-1.6.54-2.01l3.81-2.2c.7-.41 1.6-.16 2.01.54s.16 1.6-.54 2.01l-3.81 2.2c-.71.4-1.61.16-2.01-.54'/%3E%3Cpath fill='none' stroke='%23563428' stroke-linecap='round' stroke-miterlimit='10' stroke-width='5' d='M47.49 63.49L63.7 72.7'/%3E%3Cpath fill='none' stroke='%23563428' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3.5' d='M86.87 59.41L64.44 72.7'/%3E%3Cpath fill='%2382aec0' d='m91.99 32.49l-4.14-2.71l14.09-24.96l4.3 2.43z'/%3E%3Cpath fill='%23cc2929' d='M111.17 35.21c1.23.36 2.55-.32 2.93-1.54c3.24-10.35-.96-21.61-11.12-26.84c-10.23-5.27-21.34-1.81-27.81 7.02c-.73.99-.56 2.38.36 3.19c2.09 1.85 6.73 5.33 15.98 10.01c9.77 4.94 16.47 7.22 19.66 8.16'/%3E%3Cpath fill='%2382aec0' d='M105.85 10.3s2.61-3.33-1.18-5.44c-2.95-1.64-4.82 1.95-4.82 1.95c-.65 1.19 5.55 4.31 6 3.49M35.63 32.52L21.36 7.25l4.31-2.43l13.86 24.56z'/%3E%3Cpath fill='%23cc2929' d='M16.83 35.21c-1.23.36-2.55-.32-2.93-1.54c-3.24-10.35.96-21.61 11.12-26.84c10.23-5.27 21.34-1.81 27.81 7.02c.73.99.56 2.38-.36 3.19c-2.09 1.85-6.73 5.33-15.98 10.01c-9.77 4.94-16.47 7.22-19.66 8.16'/%3E%3Cpath fill='%2382aec0' d='M22.15 10.3s-2.61-3.33 1.18-5.44c2.95-1.64 4.82 1.95 4.82 1.95c.65 1.19-5.55 4.31-6 3.49'/%3E%3Cpath fill='none' stroke='%2382aec0' stroke-miterlimit='10' stroke-width='3.706' d='M63.7 23.22V9.5'/%3E%3Cpath fill='%2382aec0' d='M63.76 14.38c-3.92 0-7.85-1.5-7.85-1.5V9.91s3.65-1.63 8.04-1.63s7.65 1.63 7.65 1.63v2.97c.01.01-3.91 1.5-7.84 1.5'/%3E%3Cpath fill='%2394d1e0' d='M56.9 9.79c-.43.16-.47.75-.07.98c.58.33 1.27.67 1.51.63c3.3-.51 8.09-.26 11.4.24c.23.04.89-.52 1.36-.94c.26-.24.2-.65-.12-.8c-1.04-.47-3.39-1.31-7.03-1.31c-3.36 0-5.79.71-7.05 1.2'/%3E%3Cpath fill='%23ff4638' d='M95.06 7.9c.31 1.06-.83 1.93-1.75 2.54a15.76 15.76 0 0 0-5.4 6.22c-.58 1.2-1.23 2.67-2.56 2.86c-.53.07-1.05-.09-1.55-.27c-.77-.28-1.52-.6-2.25-.97c-.87-.44-1.76-1-2.16-1.89c-.52-1.17-.03-2.55.67-3.63c1.67-2.55 4.39-4.13 7.19-5.17c1.69-.63 6.97-2.56 7.81.31m-68.93 8.43c.65 1.35 1.38 2.66 2.19 3.92c.99 1.54 2.14 3.26 1.72 5.04c-.49 2.04-2.75 3.02-4.74 3.7c-1.02.35-2.03.7-3.05 1.05c-.54.19-1.11.38-1.68.35c-.9-.04-1.71-.61-2.22-1.34c-.52-.73-.78-1.61-.98-2.48c-.75-3.35-.6-6.9.43-10.18c.6-1.88 1.54-3.86 3.67-4.01c2.59-.18 3.69 1.93 4.66 3.95'/%3E%3C/svg%3E");
  }

  .contact-item i {
    margin-right: 10px;
  }

  .notificacion-cuadro {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    padding: 15px; /* Espacio en móviles */
    box-sizing: border-box;
  }
  
  .notificacion-cuadro.mostrar {
    opacity: 1;
  }
  
  #notificacion-contenido {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    max-width: 100%;
    width: 100%;
    text-align: center;
    transform: translateY(-20px);
    transition: transform 0.3s ease;
    
    /* Mejoras para móvil */
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 16px;
  }
  
  /* Ajustes para pantallas más grandes */
  @media (min-width: 768px) {
    #notificacion-contenido {
      max-width: 80%;
      width: auto;
      padding: 25px 40px;
    }
  }
  
  .notificacion-cuadro.mostrar #notificacion-contenido {
    transform: translateY(0);
  }
  
  .exito {
    border-top: 4px solid #4CAF50;
    color: #2E7D32;
  }
  
  .error {
    border-top: 4px solid #f44336;
    color: #C62828;
  }