/*
Theme Name: Deltamed
Theme URI: https://deltamed.com
Description: Tema hijo de Hello Elementor
Author: Abdallah
Author URI: https://nexbu.com
Template: hello-elementor
Version: 1.0
Text Domain: Deltamed
*/

/* Si existe algun color nuevo asignar color aca
Siguiendo el parametro de los otros */

[data-filter=amarillo] {
    font-size: 0;
    background-color: #fff200 !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=azul] {
    font-size: 0;
    background-color: #1e73be !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=azul-caribe] {
    font-size: 0;
    background-color: #00bcd4 !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=azul-marino] {
    font-size: 0;
    background-color: #003366 !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=azul-oscuro] {
    font-size: 0;
    background-color: #001f3f !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=beige] {
    font-size: 0;
    background-color: #f5f5dc !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=blanco] {
    font-size: 0;
    background-color: #ffffff !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=calipso] {
    font-size: 0;
    background-color: #00cccc !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=celeste] {
    font-size: 0;
    background-color: #87ceeb !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=gris] {
    font-size: 0;
    background-color: #808080 !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=gris-pizarra] {
    font-size: 0;
    background-color: #2f4f4f !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=metal] {
    font-size: 0;
    background-color: #a9a9a9 !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=morado] {
    font-size: 0;
    background-color: #8224e3 !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=naranja] {
    font-size: 0;
    background-color: #ff7f00 !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=negro] {
    font-size: 0;
    background-color: #000000 !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=purpura] {
    font-size: 0;
    background-color: #800080 !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=rojo] {
    font-size: 0;
    background-color: #dd3333 !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=rosado] {
    font-size: 0;
    background-color: #ffc0cb !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=verde] {
    font-size: 0;
    background-color: #81d742 !important;
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=verde-claro] {
    font-size: 0;
    background-color: #90ee90 !important; 
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=verde-esmeralda] {
    font-size: 0;
    background-color: #50c878 !important; 
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

[data-filter=verde-oscuro] {
    font-size: 0;
    background-color: #006400 !important; 
    padding: 12px !important;
    border-radius: 50% !important;
    transition: 0.3s ease-in-out;
}

/* Estilos para selección */
[data-filter][aria-pressed="true"] {
    outline: 0.655px solid #294074 !important;
    outline-offset: 5px;
}



#btn-enviar{
    display:none;
}
.elementor-element-4f7e6ea img {
  filter: grayscale(100%);
}