@font-face {
    font-family: 'Brush Script MT';
    src: url('../webfonts/BrushScriptMT.woff2') format('woff2'),
        url('../webfonts/webfonts/BrushScriptMT.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

.pc {
    color: #1E3A5F !important;
}

.sc {
    color: #2C6E49 !important;
}

.tc {
    color: #73f389 !important;
}

.fp {
    font-family: 'Brush Script MT', cursive !important;
    font-weight: bold;
    font-style: italic;
    font-display: swap;
    text-transform: capitalize;
    
    font-size: 3em;
    line-height: 80px;
}

.st {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* sombra negra semitransparente */
}


.scroll-down {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.scroll-down a {
    color: white;
    font-size: 2rem;
    text-decoration: none !important;
    transition: all 0.3s ease;
    border-bottom: none;
}

.scroll-down a:hover {
    transform: translateY(5px);
}

.scroll-down i {
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}

ul.bulleted-icons li h3,
ul.bulleted-icons li p {
    font-size: 1.25em !important;
}

h2.pc {
    font-size: 1.6em !important;
}

section#contact label.pc {
    font-size: 1.4em !important;
}

.image.fit {
    max-width: 1000px;
}

.btn-wsp {
    color: white;
    background-color:#075E54;
    border-radius: 10px;
    padding: 5px 10px;
    margin: auto;
    
}

.centrado {
    display: flex;
    justify-content: center;
    align-items: center;
}

.whatsapp-button {
    position: fixed;
    bottom: 20px; /* Ajusta la distancia desde el fondo */
    right: 20px;  /* Ajusta la distancia desde la derecha */
    background-color: #25D366; /* Color de fondo de WhatsApp */
    border-radius: 50%; /* Hacer el botón circular */
    padding: 10px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* Sombra del botón */
    z-index: 1000; /* Asegura que esté sobre otros elementos */
}

.whatsapp-button a {
    color: white; /* Color del ícono */
    text-decoration: none; /* Sin subrayado */
    font-size: 24px; /* Tamaño del ícono */
    border-bottom: none;
}