From 98f89dbf92eb2ba077a6c270f9f34cac24e4c749 Mon Sep 17 00:00:00 2001 From: David Martinez Date: Wed, 10 Dec 2025 13:30:26 -0600 Subject: [PATCH] update --- OgestanPlus/contenido/03.html | 151 ++++++++++++++++++++++++++++++---- OgestanPlus/contenido/04.html | 122 +++++++++++++++++++++++++++ OgestanPlus/css/style.min.css | 2 +- OgestanPlus/css/style.scss | 9 ++ OgestanPlus/css/stylee.css | 9 ++ OgestanPlus/img/04.0.png | Bin 0 -> 176441 bytes OgestanPlus/img/04.1.png | Bin 0 -> 164008 bytes OgestanPlus/img/04.2.png | Bin 0 -> 184305 bytes OgestanPlus/img/04.3.png | Bin 0 -> 157326 bytes OgestanPlus/img/04.4.png | Bin 0 -> 152764 bytes OgestanPlus/img/04.5.png | Bin 0 -> 174384 bytes OgestanPlus/img/bg05.jpg | Bin 0 -> 198337 bytes OgestanPlus/img/fondo-pop.jpg | Bin 0 -> 116584 bytes OgestanPlus/js/config.js | 20 ++--- OgestanPlus/js/config.min.js | 2 +- 15 files changed, 285 insertions(+), 30 deletions(-) create mode 100644 OgestanPlus/contenido/04.html create mode 100644 OgestanPlus/img/04.0.png create mode 100644 OgestanPlus/img/04.1.png create mode 100644 OgestanPlus/img/04.2.png create mode 100644 OgestanPlus/img/04.3.png create mode 100644 OgestanPlus/img/04.4.png create mode 100644 OgestanPlus/img/04.5.png create mode 100644 OgestanPlus/img/bg05.jpg create mode 100644 OgestanPlus/img/fondo-pop.jpg diff --git a/OgestanPlus/contenido/03.html b/OgestanPlus/contenido/03.html index 40f623d..da1d1bf 100644 --- a/OgestanPlus/contenido/03.html +++ b/OgestanPlus/contenido/03.html @@ -23,6 +23,40 @@ display: none; } + .custom-switch { + width: 6em; + height: 3em; + background: #dd3352; + background: linear-gradient(to left, #dd3352 33%, #ff8c29 100%); + border-radius: 1.5em; + box-shadow: inset 0 0 10px rgba(0,0,0,0.5); + position: relative; + cursor: pointer; + transition: all 0.3s ease; + } + + .custom-switch::before { + content: ''; + position: absolute; + width: 2.4em; + height: 2.4em; + background: #fff; + border-radius: 50%; + top: 0.3em; + left: 0.3em; + transition: all 0.3s ease; + box-shadow: 0 2px 4px rgba(0,0,0,0.2); + } + + .custom-switch.active { + background: #3ac0d5; + background: linear-gradient(to right, #3ac0d5 20%, #c1c902 100%); + } + + .custom-switch.active::before { + transform: translateX(3em); + } + @media(min-width: 768px) { .back0 { background-position: 28% 100%; @@ -58,14 +92,62 @@ -