.elementor-7717 .elementor-element.elementor-element-229ce08:not(.elementor-motion-effects-element-type-background), .elementor-7717 .elementor-element.elementor-element-229ce08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E34D09;}.elementor-7717 .elementor-element.elementor-element-229ce08 > .elementor-container{max-width:500px;}.elementor-7717 .elementor-element.elementor-element-229ce08{border-style:solid;border-width:0px 0px 0px 0px;border-color:#f2f2f2;box-shadow:0px 12px 33px -16px rgba(0,0,0,0.3);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 143px 10px 14px;z-index:1;}.elementor-7717 .elementor-element.elementor-element-229ce08, .elementor-7717 .elementor-element.elementor-element-229ce08 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-7717 .elementor-element.elementor-element-229ce08 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7717 .elementor-element.elementor-element-22b75f1:not(.elementor-motion-effects-element-type-background), .elementor-7717 .elementor-element.elementor-element-22b75f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#893F02FC;}.elementor-7717 .elementor-element.elementor-element-22b75f1 > .elementor-container{max-width:500px;}.elementor-7717 .elementor-element.elementor-element-22b75f1 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:0px;}.elementor-7717 .elementor-element.elementor-element-22b75f1{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-7717 .elementor-element.elementor-element-22b75f1 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7717 .elementor-element.elementor-element-451cabd{--spacer-size:10px;}.elementor-7717 .elementor-element.elementor-element-785d652 > .elementor-container{max-width:500px;}.elementor-7717 .elementor-element.elementor-element-b9b4ccb{--spacer-size:10px;width:initial;max-width:initial;}.elementor-7717 .elementor-element.elementor-element-e3b808b > .elementor-container{max-width:500px;}.elementor-7717 .elementor-element.elementor-element-82838ee:not(.elementor-motion-effects-element-type-background), .elementor-7717 .elementor-element.elementor-element-82838ee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#893F02FC;}.elementor-7717 .elementor-element.elementor-element-82838ee > .elementor-container{max-width:500px;}.elementor-7717 .elementor-element.elementor-element-82838ee .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:0px;}.elementor-7717 .elementor-element.elementor-element-82838ee{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-7717 .elementor-element.elementor-element-82838ee > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7717 .elementor-element.elementor-element-8300064{--spacer-size:10px;}.elementor-7717 .elementor-element.elementor-element-7ab1252:not(.elementor-motion-effects-element-type-background), .elementor-7717 .elementor-element.elementor-element-7ab1252 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E34D09;}.elementor-7717 .elementor-element.elementor-element-7ab1252 > .elementor-container{max-width:500px;}.elementor-7717 .elementor-element.elementor-element-7ab1252{border-style:solid;border-width:0px 0px 0px 0px;border-color:#f2f2f2;box-shadow:0px 12px 33px -16px rgba(0,0,0,0.3);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 143px 10px 14px;z-index:1;}.elementor-7717 .elementor-element.elementor-element-7ab1252, .elementor-7717 .elementor-element.elementor-element-7ab1252 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-7717 .elementor-element.elementor-element-7ab1252 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:767px){.elementor-7717 .elementor-element.elementor-element-229ce08{margin-top:-20px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-7717 .elementor-element.elementor-element-7ab1252{margin-top:-20px;margin-bottom:0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-734d852 */body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    padding: 20px;
}

h2 {
    text-align: center;
}

.tarea {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3515913 */.tarea {
    display: flex;
    align-items: center;
}

input[type="checkbox"] {
    display: none;
}

.iconoWrapper {
    position: relative;
    width: 30px; /* Ajusta según tus necesidades */
    height: 30px; /* Ajusta según tus necesidades */
    border-radius: 50%;
    border: 2px solid #333; /* Color del borde del círculo */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    cursor: pointer;
}

.icono {
    font-size: 20px;
}

#completado:checked + .iconoWrapper {
    background-color: #E34D09; /* Cambiar color del círculo cuando esté completado */
    border-color: #893F02FC; /* Cambiar color del borde cuando esté completado */
}

#completado:checked + .iconoWrapper .icono {
    color: white; /* Cambiar color del ícono cuando esté completado */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e3b808b */.tarea {
    display: flex;
    align-items: center;
}

input[type="checkbox"] {
    display: none;
}

.iconoWrapper {
    position: relative;
    width: 50px; /* Ajusta según tus necesidades */
    height: 50px; /* Ajusta según tus necesidades */
    border-radius: 50%;
    border: 2px solid #333; /* Color del borde del círculo */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    cursor: pointer;
}

.icono {
    font-size: 35px;
}

/* Cambiar color y estilo cuando está completado */
input:checked + .iconoWrapper {
    background-color: #E34D09; /* Cambiar color del círculo cuando esté completado */
    border-color: #893F02FC; /* Cambiar color del borde cuando esté completado */
}

input:checked + .iconoWrapper .icono {
    color: white; /* Cambiar color del ícono cuando esté completado */
}/* End custom CSS */