@import url(prin2-54.css);
@import url(diges-77.css);


* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

body {
    background-color: #eee7f0;
    overflow-x: hidden;
}

.quicksand-ingredientes {
    font-family: "Quicksand", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.btns-api-voz {
    position: fixed;
    bottom: 20px;
    /* Distancia desde el borde inferior */
    right: 20px;
    /* Distancia desde el borde derecho */
    z-index: 1000;
    /* Asegura que los botones estén por encima de otros elementos */
}

.btn {
    background-color: #4CAF50;
    /* Color verde por defecto (para "pause") */
    color: white;
    /* Color del icono */
    border: none;
    /* Sin borde */
    border-radius: 50%;
    /* Hace el botón redondo */
    width: 45px;
    /* Ancho del botón */
    height: 45px;
    /* Alto del botón */
    margin-top: 8px;
    display: flex;
    /* Centrar el icono */
    justify-content: center;
    /* Centrar el icono horizontalmente */
    align-items: center;
    /* Centrar el icono verticalmente */
    font-size: 20px;
    /* Tamaño del icono */
    cursor: pointer;
    /* Cambia el cursor al pasar sobre el botón */
    transition: background-color 0.3s ease;
    /* Transición suave al cambiar color */
}

.btn.play {
    background-color: #f44336;
    /* Color rojo para "play" */
}

.btn.pause {
    background-color: #4CAF50;
    /* Color verde para "pause" */
}

.btn:hover {
    opacity: 0.8;
    /* Efecto visual cuando el botón está en hover */
}

/*
html:hover .presentation,
body:hover .presentation {
    display: none;
}
*/
.presentation {
    position: fixed;
    right: 88px;
    bottom: 34px;
    text-shadow: 1px 1px 1px #000;
}