:root{--rojo: #d32f2f;--rojo-oscuro: #b71c1c;--verde: #2e7d32;--verde-claro: #4caf50;--negro: #1a1a1a;--blanco: #ffffff;--beige: #f9f5f0;--beige-oscuro: #f0e6d6;--gris-oscuro: #424242;--gris-claro: #f5f5f5;--fondo: var(--blanco);--fondo-secundario: var(--beige);--fondo-terciario: var(--gris-claro);--texto: var(--negro);--texto-secundario: var(--gris-oscuro);--borde: #e0e0e0;--sombra: 0 5px 15px rgba(0, 0, 0, .08);--sombra-intensa: 0 10px 30px rgba(0, 0, 0, .15);--transicion: all .4s cubic-bezier(.25, .46, .45, .94);--gradiente-hero: linear-gradient(135deg, var(--beige) 0%, var(--blanco) 100%);--gradiente-about: linear-gradient(135deg, var(--beige) 0%, var(--beige-oscuro) 100%);--gradiente-galeria: linear-gradient(135deg, var(--gris-claro) 0%, var(--blanco) 100%);--gradiente-footer: linear-gradient(135deg, var(--negro) 0%, var(--gris-oscuro) 100%);--gradiente-boton: linear-gradient(135deg, var(--rojo) 0%, var(--rojo-oscuro) 100%);--navbar-bg-light: rgba(255, 255, 255, .95);--navbar-bg-dark: rgba(30, 30, 30, .95);--navbar-scrolled-bg-light: rgba(255, 255, 255, .98);--navbar-scrolled-bg-dark: rgba(30, 30, 30, .98);--navbar-shadow-light: 0 2px 20px rgba(0, 0, 0, .1);--navbar-shadow-dark: 0 2px 20px rgba(0, 0, 0, .4);--navbar-scrolled-shadow-light: 0 5px 25px rgba(0, 0, 0, .1)}[data-theme=dark]{--negro: #ffffff;--blanco: #121212;--beige: #1e1e1e;--beige-oscuro: #2d2d2d;--gris-oscuro: #b0b0b0;--gris-claro: #2a2a2a;--fondo: #121212;--fondo-secundario: #1e1e1e;--fondo-terciario: #2a2a2a;--texto: #ffffff;--texto-secundario: #b0b0b0;--borde: #404040;--sombra: 0 5px 15px rgba(0, 0, 0, .3);--sombra-intensa: 0 10px 30px rgba(0, 0, 0, .5);--gradiente-hero: linear-gradient(135deg, var(--fondo-secundario) 0%, var(--fondo) 100%);--gradiente-about: linear-gradient(135deg, var(--fondo-secundario) 0%, var(--fondo-terciario) 100%);--gradiente-galeria: linear-gradient(135deg, var(--fondo-terciario) 0%, var(--fondo) 100%);--gradiente-footer: linear-gradient(135deg, var(--fondo-terciario) 0%, var(--fondo-secundario) 100%);--navbar-bg-light: var(--navbar-bg-dark);--navbar-scrolled-bg-light: var(--navbar-scrolled-bg-dark);--navbar-shadow-light: var(--navbar-shadow-dark)}*{box-sizing:border-box}body{font-family:Open Sans,sans-serif;background-color:var(--fondo);color:var(--texto);padding-top:80px;overflow-x:hidden;line-height:1.6;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5{font-family:Playfair Display,serif;font-weight:600;color:var(--texto)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus{outline:2px solid var(--rojo);outline-offset:2px}@media screen and (max-width: 768px){input,select,textarea{font-size:16px}}.card,.btn,.navbar,footer,section{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}@keyframes flotar{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-25px) rotate(8deg) scale(1.1)}50%{transform:translateY(-40px) rotate(15deg) scale(1.15)}75%{transform:translateY(-25px) rotate(8deg) scale(1.1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;transform:translateY(40px);transition:all .8s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}[data-i18n]{transition:opacity .3s ease}.language-changing [data-i18n]{opacity:.7}.section-title{position:relative;margin-bottom:3rem;padding-bottom:1rem;font-weight:600;color:var(--texto);text-align:center;opacity:0;animation:fadeInUp .8s ease-out .2s both}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--rojo),var(--verde-claro));border-radius:2px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;border:none;transition:var(--transicion);position:relative;overflow:hidden;cursor:pointer;padding:12px 30px;border-radius:50px}.btn-primary{background:var(--gradiente-boton);box-shadow:0 6px 20px #d32f2f66;color:var(--blanco)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .7s}.btn-primary:hover,.btn-primary:focus{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 30px #d32f2f99;outline:none}.btn-primary:hover:before,.btn-primary:focus:before{left:100%}.btn-outline-primary{color:var(--rojo);border:2px solid var(--rojo);background:transparent;position:relative;overflow:hidden;z-index:1}.btn-outline-primary:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--rojo);transition:var(--transicion);z-index:-1}.btn-outline-primary:hover,.btn-outline-primary:focus{color:var(--blanco);transform:translateY(-5px);box-shadow:0 8px 25px #d32f2f66;outline:none}.btn-outline-primary:hover:before,.btn-outline-primary:focus:before{width:100%}.card{border:none;border-radius:16px;box-shadow:var(--sombra);transition:var(--transicion);height:100%;overflow:hidden;background:var(--fondo);opacity:0;animation:fadeInUp .8s ease-out both;cursor:pointer;border:1px solid var(--borde)}.card:nth-child(1){animation-delay:.3s}.card:nth-child(2){animation-delay:.5s}.card:nth-child(3){animation-delay:.7s}.card:hover,.card:focus{transform:translateY(-15px) scale(1.05);box-shadow:var(--sombra-intensa);outline:none}.card-header{background:linear-gradient(135deg,var(--fondo-terciario) 0%,var(--fondo-secundario) 100%);color:var(--texto);border-radius:16px 16px 0 0!important;font-weight:600;padding:1.25rem 1.5rem;border:none;border-bottom:1px solid var(--borde)}.service-icon{font-size:3.5rem;color:var(--rojo);margin-bottom:1.5rem;display:inline-block;transition:var(--transicion);filter:drop-shadow(0 4px 8px rgba(211,47,47,.2))}.card:hover .service-icon,.card:focus .service-icon{transform:scale(1.3) rotate(15deg);color:var(--verde)}.social-item{transition:var(--transicion);position:relative;overflow:hidden;cursor:pointer;min-height:80px}.social-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .7s}.social-item:hover:before,.social-item:focus:before{left:100%}.social-facebook{background:linear-gradient(135deg,#3b5998,#4c70ba)!important}.social-instagram{background:linear-gradient(135deg,#bc0094,#e4405f)!important}.social-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff3;transition:var(--transicion)}.social-item:hover .social-icon,.social-item:focus .social-icon{transform:scale(1.2) rotate(12deg)}.social-arrow{transition:var(--transicion)}.social-item:hover .social-arrow,.social-item:focus .social-arrow{transform:translate(8px)}.contact-item{border:none;display:flex;justify-content:space-between;align-items:center;transition:var(--transicion);border-radius:8px;padding:1.25rem 1rem;cursor:pointer;min-height:60px}.contact-item:hover,.contact-item:focus{background:linear-gradient(135deg,rgba(211,47,47,.1) 0%,transparent 100%);transform:translate(8px);outline:none}.contact-item:not(:last-child){border-bottom:1px solid var(--borde)}.whatsapp-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;transition:var(--transicion);padding:.5rem 1rem;border-radius:8px;min-height:44px}.whatsapp-link:hover,.whatsapp-link:focus{color:#25d366;background:rgba(37,211,102,.1);transform:translateY(-3px);outline:none}.whatsapp-icon{width:28px;height:28px;transition:var(--transicion)}.whatsapp-link:hover .whatsapp-icon,.whatsapp-link:focus .whatsapp-icon{transform:scale(1.3) rotate(8deg)}.phone-number{font-size:1.3rem;font-weight:700;color:var(--rojo)}.hours-text{font-weight:600;color:var(--rojo);padding:8px 16px;border-radius:8px;background:rgba(211,47,47,.1);transition:var(--transicion);cursor:pointer}.hours-text:hover,.hours-text:focus{background:rgba(211,47,47,.2);transform:scale(1.1);outline:none}.form-label{font-weight:600;color:var(--texto);margin-bottom:.5rem}.form-control,.form-select{border:2px solid var(--borde);border-radius:12px;padding:.75rem 1rem;font-size:1rem;transition:var(--transicion);background:var(--fondo);color:var(--texto);min-height:50px}.form-control:focus,.form-select:focus{border-color:var(--rojo);box-shadow:0 0 0 .2rem #d32f2f26;outline:none;background:var(--fondo);color:var(--texto)}.form-control::placeholder{color:var(--texto-secundario)}.invalid-feedback{font-size:.875rem;color:var(--rojo);margin-top:.25rem}.was-validated .form-control:invalid,.was-validated .form-select:invalid{border-color:var(--rojo)}.was-validated .form-control:valid,.was-validated .form-select:valid{border-color:var(--verde)}.btn .spinner-border{width:1rem;height:1rem}.alert{border:none;border-radius:12px;padding:1rem 1.5rem;font-weight:500}.alert-success{background:linear-gradient(135deg,#d4edda 0%,#c3e6cb 100%);color:#155724;border-left:4px solid var(--verde)}.alert-danger{background:linear-gradient(135deg,#f8d7da 0%,#f1b0b7 100%);color:#721c24;border-left:4px solid var(--rojo)}.galeria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:40px}.galeria-item{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--sombra);transition:var(--transicion);aspect-ratio:1;opacity:0;animation:fadeInUp .8s ease-out both;cursor:pointer;min-height:250px}.galeria-item:nth-child(1){animation-delay:.2s}.galeria-item:nth-child(2){animation-delay:.4s}.galeria-item:nth-child(3){animation-delay:.6s}.galeria-item:nth-child(4){animation-delay:.8s}.galeria-item:nth-child(5){animation-delay:1s}.galeria-item:hover,.galeria-item:focus{transform:translateY(-15px) scale(1.05);box-shadow:var(--sombra-intensa);outline:none}.galeria-item img{width:100%;height:100%;object-fit:cover;transition:var(--transicion)}.galeria-item:hover img,.galeria-item:focus img{transform:scale(1.15)}.galeria-item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.4) 100%);opacity:0;transition:var(--transicion)}.galeria-item:hover:after,.galeria-item:focus:after{opacity:1}.galeria-item:before{content:"🔍 Ver en pantalla completa";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);color:#fff;font-weight:600;z-index:2;opacity:0;transition:var(--transicion);text-align:center;background:rgba(0,0,0,.7);padding:10px 15px;border-radius:8px;font-size:.9rem}.galeria-item:hover:before,.galeria-item:focus:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.instagram-link{display:inline-flex;align-items:center;justify-content:center;margin-top:40px;background:linear-gradient(45deg,#405DE6,#5851DB,#833AB4,#C13584,#E1306C,#FD1D1D);color:#fff;padding:15px 35px;border-radius:50px;text-decoration:none;font-weight:600;transition:var(--transicion);box-shadow:0 4px 15px #0003;min-height:44px}.instagram-link:hover,.instagram-link:focus{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 30px #0000004d;color:#fff;outline:none}.modal-fullscreen .modal-content{background-color:#000000e6;border:none;border-radius:0}.modal-fullscreen .modal-header{border-bottom:none;padding:1rem}.modal-fullscreen .modal-header .btn-close{background-color:#fff;opacity:1;padding:.5rem;border-radius:50%}.modal-fullscreen .modal-body{padding:0}.modal-fullscreen .modal-body img{max-height:80vh;object-fit:contain}.modal-fullscreen .modal-footer{border-top:none;padding:1rem}.btn-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);border:none;color:#fff;width:50px;height:50px;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:.7;transition:opacity .3s,transform .3s}.btn-nav:hover{opacity:1;transform:translateY(-50%) scale(1.1)}.btn-nav-prev{left:20px}.btn-nav-next{right:20px}#fullscreenImage{transition:opacity .3s ease-in-out;max-height:80vh;object-fit:contain}.navbar.navbar-expand-lg.navbar-light.fixed-top{background-color:#fffffff2!important;box-shadow:0 2px 20px #0000001a;transition:var(--transicion);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.8rem 0}.navbar.navbar-expand-lg.navbar-light.fixed-top.scrolled{background-color:#fffffffa!important;box-shadow:0 5px 25px #0000001a;padding:.5rem 0}.navbar-controls{display:flex;align-items:center;gap:15px;margin-left:auto;margin-right:1rem}.navbar-logo{height:45px;width:auto;margin-right:12px;transition:var(--transicion);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.navbar-brand{font-family:Lobster,cursive;font-size:1.8rem;display:flex;align-items:center;transition:var(--transicion);text-decoration:none}.navbar-brand:hover,.navbar-brand:focus{transform:translateY(-2px);text-decoration:none}.text-floreria{color:var(--negro)!important;text-shadow:0 2px 4px rgba(0,0,0,.1);font-weight:400}.text-camelia{color:var(--rojo)!important;text-shadow:0 2px 4px rgba(211,47,47,.2);margin-left:8px;font-weight:700}.theme-toggle-container{display:flex;align-items:center}.theme-toggle{position:relative;display:inline-block;width:60px;height:30px;margin:0}.theme-toggle input{opacity:0;width:0;height:0}.theme-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gris-claro);transition:var(--transicion);border-radius:34px;border:2px solid var(--borde)}.theme-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:3px;background-color:var(--blanco);transition:var(--transicion);border-radius:50%;display:flex;align-items:center;justify-content:center}.theme-toggle input:checked+.theme-slider{background-color:var(--rojo)}.theme-toggle input:checked+.theme-slider:before{transform:translate(28px);background-color:var(--blanco)}.theme-slider:after{content:"☀️";position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.7;transition:var(--transicion)}.theme-toggle input:checked+.theme-slider:after{content:"🌙";left:38px;opacity:1}.language-selector{position:relative}.language-selector .btn{border:2px solid var(--texto-secundario);color:var(--texto-secundario);font-weight:600;padding:.4rem .8rem;border-radius:8px;transition:var(--transicion);min-height:auto;background:transparent;display:flex;align-items:center;gap:8px}.language-selector .btn:hover,.language-selector .btn:focus{background-color:var(--texto-secundario);color:var(--fondo);transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--texto-secundario)}.language-selector .dropdown-menu{border:none;border-radius:12px;box-shadow:var(--sombra-intensa);padding:.5rem;min-width:160px;background:var(--fondo);border:1px solid var(--borde)}.language-selector .dropdown-menu.dropdown-menu-end{right:0;left:auto}.language-selector .dropdown-item{border-radius:8px;padding:.6rem 1rem;transition:var(--transicion);font-weight:500;color:var(--texto);background:var(--fondo);display:flex;align-items:center;gap:8px;text-decoration:none}.language-selector .dropdown-item:hover,.language-selector .dropdown-item:focus{background-color:#d32f2f1a;color:var(--rojo);transform:translate(5px);text-decoration:none}.language-flag{font-size:1.1rem;margin-right:.5rem}.language-option{text-decoration:none}.navbar-toggler{border:none;padding:.25rem .5rem;transition:var(--transicion)}.navbar-toggler:focus{box-shadow:0 0 0 2px var(--rojo);outline:none}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");transition:var(--transicion)}.navbar-collapse{transition:var(--transicion)}.navbar-nav{gap:.5rem}.navbar-nav .nav-link{color:var(--negro)!important;font-weight:500;padding:.8rem 1rem;border-radius:8px;transition:var(--transicion);position:relative;overflow:hidden;margin:0 .2rem;min-height:44px;display:flex;align-items:center;text-decoration:none}.navbar-nav .nav-link:before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--rojo);transition:var(--transicion);transform:translate(-50%)}.navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus{background-color:#d32f2f0d;color:var(--rojo)!important;transform:translateY(-2px);outline:none;text-decoration:none}.navbar-nav .nav-link:hover:before,.navbar-nav .nav-link:focus:before{width:80%}.navbar-nav .nav-link.active{color:var(--rojo)!important;background-color:#d32f2f1a}.navbar-nav .nav-link.active:before{width:80%}[data-theme=dark] .navbar.navbar-expand-lg.navbar-light.fixed-top{background-color:#1e1e1ef2!important;box-shadow:0 2px 20px #0006}[data-theme=dark] .navbar.navbar-expand-lg.navbar-light.fixed-top.scrolled{background-color:#1e1e1efa!important}[data-theme=dark] .text-floreria{color:var(--texto)!important;text-shadow:0 2px 4px rgba(0,0,0,.3)}[data-theme=dark] .text-camelia{color:var(--rojo)!important;text-shadow:0 2px 4px rgba(211,47,47,.3)}[data-theme=dark] .navbar-nav .nav-link{color:var(--texto)!important}[data-theme=dark] .navbar-nav .nav-link:hover,[data-theme=dark] .navbar-nav .nav-link:focus{background-color:#d32f2f1a;color:var(--rojo)!important}[data-theme=dark] .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-theme=dark] .language-selector .btn{border-color:var(--texto-secundario);color:var(--texto-secundario)}[data-theme=dark] .language-selector .btn:hover,[data-theme=dark] .language-selector .btn:focus{background-color:var(--texto-secundario);color:var(--fondo)}[data-theme=dark] .language-selector .dropdown-menu{background:var(--fondo-secundario);border:1px solid var(--borde)}[data-theme=dark] .language-selector .dropdown-item{color:var(--texto);background:var(--fondo-secundario)}[data-theme=dark] .language-selector .dropdown-item:hover,[data-theme=dark] .language-selector .dropdown-item:focus{background-color:#d32f2f26;color:var(--rojo)}@media (max-width: 991.98px){.navbar-controls{margin-right:0;gap:10px}.navbar-nav{margin-top:1rem;gap:.25rem}.navbar-nav .nav-link{margin:.25rem 0;justify-content:center}.language-selector .btn{padding:.3rem .6rem;font-size:.875rem}.theme-toggle{width:50px;height:25px}.theme-slider:before{height:17px;width:17px;bottom:2px}.theme-toggle input:checked+.theme-slider:before{transform:translate(24px)}.theme-slider:after{font-size:10px;left:6px}.theme-toggle input:checked+.theme-slider:after{left:32px}}@media (max-width: 576px){.navbar-brand{font-size:1.5rem}.navbar-logo{height:35px;margin-right:8px}.navbar-controls{gap:8px}.language-selector .btn{font-size:.8rem;padding:.25rem .5rem}.language-selector .dropdown-menu{min-width:140px}}@media (hover: none) and (pointer: coarse){.navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus{transform:none}.language-selector .btn:hover,.language-selector .btn:focus{transform:none}}@keyframes flotar{0%,to{transform:translateY(0) scale(1) rotate(0);filter:drop-shadow(0 0 8px rgba(0,0,0,.15))}25%{transform:translateY(-8px) scale(1.05) rotate(2deg);filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}50%{transform:translateY(6px) scale(.98) rotate(-1deg);filter:drop-shadow(0 2px 8px rgba(0,0,0,.18))}75%{transform:translateY(-4px) scale(1.03) rotate(1deg);filter:drop-shadow(0 3px 10px rgba(0,0,0,.22))}}@keyframes respirar{0%,to{opacity:.6}50%{opacity:.8}}.flor-decorativa{position:absolute;opacity:.6;animation:flotar 9s ease-in-out infinite,respirar 6s ease-in-out infinite;transition:all .5s cubic-bezier(.25,.46,.45,.94);z-index:-1;filter:drop-shadow(0 0 12px rgba(0,0,0,.15));transform-origin:center;pointer-events:none}.flor-decorativa:hover{opacity:.9;transform:scale(1.12);filter:drop-shadow(0 0 20px rgba(0,0,0,.25));animation-play-state:paused;pointer-events:auto}.flor-margarita{width:130px;height:130px;background:url('data:image/svg+xml;utf8,     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">       <defs>         <radialGradient id="petaloM" cx="0.5" cy="0.5" r="0.5">           <stop offset="0%" stop-color="%23fff9c4"/>           <stop offset="60%" stop-color="%23fff59d"/>           <stop offset="100%" stop-color="%23fff176"/>         </radialGradient>         <radialGradient id="centroM" cx="0.5" cy="0.5" r="0.5">           <stop offset="0%" stop-color="%23ffd54f"/>           <stop offset="100%" stop-color="%23ffb300"/>         </radialGradient>       </defs>       <g transform="translate(100,100)">         <circle r="22" fill="url(%23centroM)" stroke="%23f57f17" stroke-width="2"/>         <g fill="url(%23petaloM)" stroke="%23fff9c4" stroke-width="1">           <ellipse ry="48" rx="14" transform="rotate(0) translate(0,-62)"/>           <ellipse ry="48" rx="14" transform="rotate(30) translate(0,-62)"/>           <ellipse ry="48" rx="14" transform="rotate(60) translate(0,-62)"/>           <ellipse ry="48" rx="14" transform="rotate(90) translate(0,-62)"/>           <ellipse ry="48" rx="14" transform="rotate(120) translate(0,-62)"/>           <ellipse ry="48" rx="14" transform="rotate(150) translate(0,-62)"/>           <ellipse ry="48" rx="14" transform="rotate(180) translate(0,-62)"/>           <ellipse ry="48" rx="14" transform="rotate(210) translate(0,-62)"/>           <ellipse ry="48" rx="14" transform="rotate(240) translate(0,-62)"/>           <ellipse ry="48" rx="14" transform="rotate(270) translate(0,-62)"/>           <ellipse ry="48" rx="14" transform="rotate(300) translate(0,-62)"/>           <ellipse ry="48" rx="14" transform="rotate(330) translate(0,-62)"/>         </g>       </g>     </svg>') center/contain no-repeat}.flor-rosa{width:110px;height:110px;background:url('data:image/svg+xml;utf8,     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">       <defs>         <radialGradient id="rosaGrad" cx="0.5" cy="0.5" r="0.5">           <stop offset="0%" stop-color="%23f8bbd0"/>           <stop offset="60%" stop-color="%23f48fb1"/>           <stop offset="100%" stop-color="%23ec407a"/>         </radialGradient>         <linearGradient id="rosaShadow" x1="0%" y1="0%" x2="100%" y2="100%">           <stop offset="0%" stop-color="%23ad1457" stop-opacity="0.8"/>           <stop offset="100%" stop-color="%23880e4f" stop-opacity="0.6"/>         </linearGradient>       </defs>       <g transform="translate(100,100)">         <circle r="55" fill="url(%23rosaGrad)" stroke="%23c2185b" stroke-width="2"/>         <path d="M0,0 C35,-25,55,15,0,55 C-55,15,-35,-25,0,0Z" fill="url(%23rosaShadow)"/>         <path d="M0,0 C25,-35,45,5,0,45 C-45,5,-25,-35,0,0Z" fill="%23ec407a" opacity="0.7"/>       </g>     </svg>') center/contain no-repeat}.flor-tulipan{width:85px;height:110px;background:url('data:image/svg+xml;utf8,     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 120">       <defs>         <linearGradient id="tulipanGrad" x1="0%" y1="0%" x2="0%" y2="100%">           <stop offset="0%" stop-color="%23ff5252"/>           <stop offset="60%" stop-color="%23e53935"/>           <stop offset="100%" stop-color="%23c62828"/>         </linearGradient>         <linearGradient id="talloGrad" x1="0%" y1="0%" x2="0%" y2="100%">           <stop offset="0%" stop-color="%234caf50"/>           <stop offset="100%" stop-color="%232e7d32"/>         </linearGradient>       </defs>       <path d="M50 15 C65 35,85 50,50 105 C15 50,35 35,50 15Z" fill="url(%23tulipanGrad)" stroke="%23b71c1c" stroke-width="1"/>       <path d="M48 105 L52 105 L52 120 L48 120Z" fill="url(%23talloGrad)"/>       <path d="M50 105 L55 115 L45 115Z" fill="%234caf50"/>     </svg>') center/contain no-repeat}.flor-girasol{width:140px;height:140px;background:url('data:image/svg+xml;utf8,     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">       <defs>         <radialGradient id="petaloG" cx="0.5" cy="0.5" r="0.5">           <stop offset="0%" stop-color="%23ffeb3b"/>           <stop offset="60%" stop-color="%23ffd54f"/>           <stop offset="100%" stop-color="%23ffb300"/>         </radialGradient>         <radialGradient id="centroG" cx="0.5" cy="0.5" r="0.5">           <stop offset="0%" stop-color="%235d4037"/>           <stop offset="60%" stop-color="%234e342e"/>           <stop offset="100%" stop-color="%233e2723"/>         </radialGradient>         <pattern id="semillas" patternUnits="userSpaceOnUse" width="10" height="10">           <circle cx="5" cy="5" r="2" fill="%233e2723"/>         </pattern>       </defs>       <g transform="translate(100,100)">         <circle r="28" fill="url(%23centroG)" stroke="%235d4037" stroke-width="2">           <animate attributeName="r" values="28;30;28" dur="4s" repeatCount="indefinite"/>         </circle>         <circle r="24" fill="url(%23semillas)"/>         <g fill="url(%23petaloG)" stroke="%23ff9800" stroke-width="1">           <ellipse ry="52" rx="18" transform="rotate(0) translate(0,-68)"/>           <ellipse ry="52" rx="18" transform="rotate(30) translate(0,-68)"/>           <ellipse ry="52" rx="18" transform="rotate(60) translate(0,-68)"/>           <ellipse ry="52" rx="18" transform="rotate(90) translate(0,-68)"/>           <ellipse ry="52" rx="18" transform="rotate(120) translate(0,-68)"/>           <ellipse ry="52" rx="18" transform="rotate(150) translate(0,-68)"/>           <ellipse ry="52" rx="18" transform="rotate(180) translate(0,-68)"/>           <ellipse ry="52" rx="18" transform="rotate(210) translate(0,-68)"/>           <ellipse ry="52" rx="18" transform="rotate(240) translate(0,-68)"/>           <ellipse ry="52" rx="18" transform="rotate(270) translate(0,-68)"/>           <ellipse ry="52" rx="18" transform="rotate(300) translate(0,-68)"/>           <ellipse ry="52" rx="18" transform="rotate(330) translate(0,-68)"/>         </g>       </g>     </svg>') center/contain no-repeat}.flor-lavanda{width:75px;height:130px;background:url('data:image/svg+xml;utf8,     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 150">       <defs>         <linearGradient id="talloL" x1="0%" y1="0%" x2="0%" y2="100%">           <stop offset="0%" stop-color="%2366bb6a"/>           <stop offset="100%" stop-color="%232e7d32"/>         </linearGradient>         <radialGradient id="florL" cx="0.5" cy="0.5" r="0.5">           <stop offset="0%" stop-color="%23ce93d8"/>           <stop offset="60%" stop-color="%23ab47bc"/>           <stop offset="100%" stop-color="%238e24aa"/>         </radialGradient>       </defs>       <rect x="48" y="50" width="4" height="100" fill="url(%23talloL)" rx="2"/>       <g fill="url(%23florL)">         <circle cx="50" cy="25" r="9"/>         <circle cx="50" cy="40" r="8"/>         <circle cx="50" cy="55" r="7"/>         <circle cx="50" cy="70" r="6"/>         <circle cx="50" cy="85" r="5"/>         <ellipse cx="42" cy="32" rx="6" ry="8"/>         <ellipse cx="58" cy="32" rx="6" ry="8"/>         <ellipse cx="42" cy="47" rx="5" ry="7"/>         <ellipse cx="58" cy="47" rx="5" ry="7"/>         <ellipse cx="42" cy="62" rx="4" ry="6"/>         <ellipse cx="58" cy="62" rx="4" ry="6"/>       </g>     </svg>') center/contain no-repeat}.flor-orquidea{width:95px;height:95px;background:url('data:image/svg+xml;utf8,     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">       <defs>         <radialGradient id="orquideaGrad" cx="0.5" cy="0.5" r="0.5">           <stop offset="0%" stop-color="%23e1bee7"/>           <stop offset="60%" stop-color="%23ba68c8"/>           <stop offset="100%" stop-color="%239c27b0"/>         </radialGradient>       </defs>       <g transform="translate(100,100)">         <path d="M0,-40 C20,-60,40,-50,0,-10 C-40,-50,-20,-60,0,-40Z" fill="url(%23orquideaGrad)" stroke="%237b1fa2" stroke-width="1.5"/>         <ellipse rx="25" ry="15" transform="rotate(45)" fill="%23ba68c8" opacity="0.8"/>         <ellipse rx="25" ry="15" transform="rotate(-45)" fill="%23ab47bc" opacity="0.8"/>         <circle r="8" fill="%23f3e5f5" stroke="%239c27b0" stroke-width="1"/>       </g>     </svg>') center/contain no-repeat}.flor-lirio{width:90px;height:115px;background:url('data:image/svg+xml;utf8,     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 130">       <defs>         <linearGradient id="lirioGrad" x1="0%" y1="0%" x2="0%" y2="100%">           <stop offset="0%" stop-color="%23f3e5f5"/>           <stop offset="60%" stop-color="%23e1bee7"/>           <stop offset="100%" stop-color="%23ce93d8"/>         </linearGradient>       </defs>       <path d="M50 10 L60 50 L50 90 L40 50 Z" fill="url(%23lirioGrad)" stroke="%23ab47bc" stroke-width="1.5"/>       <path d="M30 30 L50 50 L30 70 Z" fill="%23e1bee7" opacity="0.8"/>       <path d="M70 30 L50 50 L70 70 Z" fill="%23e1bee7" opacity="0.8"/>       <rect x="48" y="90" width="4" height="40" fill="%234caf50" rx="2"/>     </svg>') center/contain no-repeat}.flor-1{top:12%;left:7%;animation-delay:0s;transform:rotate(5deg)}.flor-2{top:65%;left:78%;animation-delay:1.2s;transform:rotate(-8deg)}.flor-3{top:22%;left:82%;animation-delay:2.5s;transform:rotate(12deg)}.flor-4{top:75%;left:12%;animation-delay:.7s;transform:rotate(-15deg)}.flor-5{top:52%;left:68%;animation-delay:1.8s;transform:rotate(3deg)}.flor-6{top:8%;left:72%;animation-delay:3.1s;transform:rotate(-5deg)}.flor-7{top:18%;left:28%;animation-delay:2.2s;transform:rotate(10deg)}[data-theme=dark] .flor-decorativa{opacity:.4;filter:drop-shadow(0 0 8px rgba(0,0,0,.3)) brightness(.8) contrast(1.1)}[data-theme=dark] .flor-decorativa:hover{opacity:.7;filter:drop-shadow(0 0 15px rgba(255,255,255,.1)) brightness(1.1) contrast(1.2)}@media (max-width: 1200px){.flor-decorativa{transform:scale(.9)}}@media (max-width: 992px){.flor-decorativa{transform:scale(.8);opacity:.5}.flor-margarita{width:110px;height:110px}.flor-rosa{width:95px;height:95px}.flor-tulipan{width:70px;height:95px}.flor-girasol{width:120px;height:120px}.flor-lavanda{width:65px;height:115px}.flor-orquidea{width:80px;height:80px}.flor-lirio{width:75px;height:100px}}@media (max-width: 768px){.flor-decorativa{transform:scale(.7);opacity:.4;animation-duration:12s}.flor-1{top:8%;left:5%}.flor-2{top:70%;left:80%}.flor-3{top:15%;left:85%}.flor-4{top:80%;left:8%}.flor-5{top:60%;left:75%}.flor-6{top:5%;left:75%}.flor-7{top:25%;left:20%}.flor-margarita{width:90px;height:90px}.flor-rosa{width:80px;height:80px}.flor-tulipan{width:60px;height:80px}.flor-girasol{width:100px;height:100px}.flor-lavanda{width:55px;height:95px}.flor-orquidea{width:70px;height:70px}.flor-lirio{width:65px;height:85px}}@media (max-width: 576px){.flor-decorativa{transform:scale(.6);opacity:.35}.flor-3,.flor-6{display:none}}@keyframes viento{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(2px) rotate(.5deg)}75%{transform:translate(-2px) rotate(-.5deg)}}.flor-1,.flor-3,.flor-5{animation:flotar 9s ease-in-out infinite,respirar 6s ease-in-out infinite,viento 15s ease-in-out infinite}.flor-2{animation-delay:0s,1s,2s}.flor-4{animation-delay:1.5s,.5s,3s}.flor-6{animation-delay:2s,1.5s,1s}.flor-7{animation-delay:.5s,2s,4s}