/* juego: pantalla de la C mientras arranca (viene de la bienvenida) */ @keyframes cdmPasoJ{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.92}50%{transform:translate(-50%,-50%) scale(1.06);opacity:1}} #cdm-paso-j{position:fixed;inset:0;z-index:2147483646;background:radial-gradient(circle at 50% 47%,rgba(232,201,119,.3) 0,rgba(232,201,119,0) min(40vmin,260px)),radial-gradient(circle at 50% 47%,#1f3a7e 0%,#112250 36%,#0a1638 68%,#050b1f 100%);opacity:1;transition:opacity .5s ease;pointer-events:auto} #cdm-paso-j i{position:absolute;left:50%;top:47%;width:min(26vmin,170px);height:min(26vmin,170px);transform:translate(-50%,-50%);background:url("/web/image/22055") center / contain no-repeat;filter:drop-shadow(0 0 18px rgba(243,214,138,.55));animation:cdmPasoJ 1.4s ease-in-out infinite} #cdm-paso-j.fuera{opacity:0;pointer-events:none} /* pantalla de carga del inicio */ @keyframes cdmCargaBarra{0%{background-position:-70% 100%}100%{background-position:170% 100%}} @keyframes cdmCargaLuz{0%,100%{opacity:.55}50%{opacity:1}} html.cdm-cargando body::before{content:""!important;display:block!important;position:fixed!important;inset:0!important;z-index:2147483000!important;background:url("/web/image/22055") center 44% / 96px auto no-repeat,radial-gradient(circle at 50% 44%,rgba(243,214,138,.22) 0,rgba(243,214,138,.06) 70px,rgba(243,214,138,0) 150px),radial-gradient(65% 65% at 50% 48%,#16285c 0%,#0a1438 55%,#050b1f 100%)!important;opacity:1!important;transition:opacity .6s ease!important;pointer-events:auto!important;filter:none!important} html.cdm-cargando body::after{content:"PREPARANDO LA MAGIA"!important;display:block!important;position:fixed!important;left:50%!important;top:calc(44% + 78px)!important;right:auto!important;bottom:auto!important;width:auto!important;height:auto!important;transform:translateX(-50%)!important;z-index:2147483001!important;padding:0 0 14px .32em!important;font:800 11px/1 Raleway,sans-serif!important;letter-spacing:.32em!important;white-space:nowrap!important;color:#dfb44c!important;background:linear-gradient(90deg,rgba(243,214,138,0),#f3d68a,rgba(243,214,138,0)) 0 100% / 45% 2px no-repeat,linear-gradient(rgba(223,180,76,.18),rgba(223,180,76,.18)) 0 100% / 100% 1px no-repeat!important;animation:cdmCargaBarra 1.3s ease-in-out infinite,cdmCargaLuz 1.6s ease-in-out infinite!important;opacity:1;transition:opacity .5s ease!important;pointer-events:none!important} html.cdm-cargado body::before,html.cdm-cargado body::after{opacity:0!important} @media (prefers-reduced-motion:reduce){html.cdm-cargando body::after{animation:none!important}} /* boton de La mision de Santa: carita de Nuez dentro del codigo (aparece al instante, 132 px) */ html body .cdmn.cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt.cdmn-bt::before,html body .cdmn-bt.cdmn-bt.cdmn-bt.cdmn-bt.cdmn-bt::before,html body header .navbar-nav .nav-item > a.nav-link.nav-link[href="/la-mision-de-santa"]::before{background-image:url("data:image/webp;base64,UklGRmwaAABXRUJQVlA4WAoAAAAgAAAAgwAAgwAASUNDUMgBAAAAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADZWUDggfhgAAJBVAJ0BKoQAhAA+SRyLQ6KhoRfrnwQoBIS0AFqNr4Qj5P8wvZPsf9//s/7C4zOsfLb57/6Xrb/yf6u+7v9B+wb/W/7Z53Pq5/tvoI/pX+n/bj3TP91+6HvI/uXqK/4/qd/3M9iry8PZz/sn/a/c72nv//emn6fwb8X/r79y/cn+7+3pkr66P9P0G/mP34/W/3b8cveP/ieG/xt1C/y/+i/6jxQ9zPZ30F+7X+98TzVr8Nf9H3BP1Z/4XsF4D3pHsAf0f/Ff+H1V//H/T+if6t/9fuHfz7+2f9f15PZp+7ns8qrNU4dWV5yht/H8TGodcrwjHfkvuR0oehA6h4DY4XF9XZOt45qrW/VROu/hJMMG/iuh99MKlnymyM38CmbaoX43OA7CzhqgpC4RFLg3iw7Xaiu3hIhK6UQRG0GaWMRMz+iJJGpWUdqvtZLaLJHznlh5iQ+wHUNn6mUA1qBb8L8Cxj05MtOC9qHSoSA6w+1GQpvig984oh2wb1feQ4MF950sLMbctGDY2cz4PY7Jqidzw/PiKO1u/lagcjaY9GRJEXhkDiSh/0z/tajXOXZP17Izw6crQu3y2ZF6GQ1B0EYR9fM3/bcU3sAbZN0FuiTZm41hAik39NmFqiWyake6rd4jfCr28rSNj45zZI61i/m7zhVV8qL83gZmYXHaH8FdtodmNgKXSvpvHNNwd5fJiDfAj/7zKZGXgjTbknE+psKIAkXP14Hg12Hb3zKvfgxyOaVehfrN8tul48OJ/RneB74OkBb4JCeVf0mh1ydISF+EgCA7bmPv6PuOGTBt5D/gMfHTKNpzjkiavsjb+P4DHZ4VUjql0F5OZ4PvgG6FPjOiAO2eipQBFUcJulY3CfJPamZi5HIMssUsHmoCw4gTnW8RepQk7BKjPovPANQ+vRfTgn/W4AD+/4enPTKJk9gP0hWXpu40v//GZa/5YuagVe/FaDM+Bi6Ar7JboU7rrwzmJSNNsz2/1KSyUQNvgA4wqmLOT8ECE4I7f/EPCXiViEZIiT9Wf8BP2NwzosqvWFEGLPL6v3YbLF90VJAELdOOXylS2fjo4PmjgRjACsyLAFVsdr2031tN4aal7ICLoclwo9AoRwCtb1cy+W41XNn0/JzFmcXgIWQQ6s2kH5+wVrlZZvljv5C7DG+dokDGo0ilzAC8FhXbP9hub6G53Bi2HyYjPjsPmQt2NUZc4UqyMXiJ4Bc/HuMq2So3yi7vySMg9f2VTRxMGTmZJrvlcjpRczwh7P72KLXZBFdIk/11dE/7+6yX8W+zoTqLx5ev/hMmcQzY33uCt3Dr/tHqiKDAI7mKMwXX68GN95+Nn5LDPV+DRvUzVQ+qxoxdhpDZzoMYGtKZquGFXUjYiwA6r1oHY67yO755UiUIhfalzQ33v4QgArEIn4lWyI6ROktvkn1dfo+DKdDz+f+m47snayzgD7O/W8rH9Xe+ybneUGgwcjcA45qL0dCiefQypTJqUWNpyYdTBVJfYcT2lvRp12EFA8tWxX0Kp+Hy+naL78ZwzWoJUJFVU3twCJZXI+GG1h4oen1Hg57HEAArBK8ZHXDvrfuLLdhHKVvdqberISmNEII2tZeV4ExQltHa51CJPn9SGdJuAGQmxLdbJ4DBnPvQXB/nNqUhtdftVJZZt9Xc5I1Uj5uIH11Qz/Q75TykMYALxFIfZcxN0cNhOTIDGKHwoZpWBiQl/rZRMGI8fZAWp3252B+T4prOFxMwMcn7ptxG6ZgwIw7ukFTlv9ukjrKseqYJPERY5uA4fQUIU1x9ZfoQH5PARk+4AO3goIyMCtNszgkm3x8f/ycD+ZdSk5zKqne9TaXMa7GA1G0JOsH96ADJMlCxS8SkUI4ROMC5gs0nvWt/zkFt4rTkC9XIKhV+A3ScODrlhb05XisODl/ok+seHHgd8mwGuBktrx4tATvWKf5YgdYveQ+dhPlkdw8OmO8HZlq4u8Cn9I/+E734YvQiRobArdYhnNGrKLJZ2cuKlb/z+lnhj9mz2DYRODrogQkAo8Etr4JMTPd1kHPDPDFoJfNJEw+46x2yOgOqXD+oUBVe+6yPKarXVjAqA5wGj9hsAGfYDsABpgw+RgKSqkz+dmWPztb1mMTPpG11b8SsE7BBEgMDYiXnfMgjMleith9ohW2v7fF5q55/8Giyv7yLg1GhQvp8hImEaimBZkBNKzrOndc4CXFSGx7K2wDwvGC8/M4tAI77Z1tU0bhd2oTwIV30nG8RrydJUp9sLDueh193BjbDQELZEFG+mt/N2X9/AaOdFg6Wxbrsn8ud8ddNSlqB05fDrGy3zhyti17Mr6Mel/qdnLNoRVDp+QpfAz9BuMTs3TjTskvS71HYrq6FJSwvklzfRatZ9PNcbAuB+jyp4pwR+SndY7E+dfSnPwiyeHeGsL7kn/skgUnqrFXVECa3j0Va9OpKxRg928yEG/t3AyTenCeyFBQGlJMVwlVBvhqBuaolItlzLF/dhOkmwwqc8XeGgNJ8feF3GaP9PicL71UMn5dDZntahc4zCWTOnKDwpvOcPpJEB7d+oRUhhZtSAdaP8t4k1qlTciNP/2OROloO2CqeiWq2mYeVJa7PqrqNaCgb6SoJ4aZwa7Gs2QH4wVv76JCDerP0T4lS1gUu0IqylXe/Cdswc1ng+Im6TmhLmOowUuWMbU7Jh9JKsZfOpIfcpkZiLZHhHKoGx50c7LY4y5RhQzk53R7nNuqXwNt9V2BFQxEuzIVIzWVz2EYJUtgIjzFykHswdtoMwaccL3t7k9OZFm1BAaWUHAq18UjSkIJMjI6fZQAKdvHvT7RUQeLjVAH42E1x//lb1PneD2D+s1Oq+Zfp6ucWpJKSNswItRC280h9O11GA6iPsGzkEE58h1Grw/z6QQNKsyZK1CfwmkEhF2zcAVRJ1IveKWEDXizLK2+h5WckHfNuK2wpTPTjq9k2dbtVCAXnN/KV/W/JYq385s4yopAE87MfQcgHZAGcqVlgLPW5erY8KuxczhpKIMWA8ekjcaY7v3d1gXYTeMJCKYzFJlS9MSaA/sIygvLdjtiFUnZscjUYC0Se+PAWGZx0Y2/i/npnToS0sUyrEj9XvCbQ9j03xOTuEGR5GM4xIaeF9k/BrhS1Pi/jylC9826S3JfgSy3/964mhV400+PYeyyc65t3a/6zIwAQfztiYj21vmCGO0mKy2Wrp6zCbhTwC+24ka3MoxqtXLp4sMYolwUdKjcPQ5baJ6hhQeI5yTTsmujxawr+sdmkDc/IOrvobNOrr9vHV4Oq4kN1LQcjS1ExR68D/Hrcsu4VPnnXDPIIAtEPBDBgaNeGMSgPUV+OsKSyBIS8P15lrYs2dMklYg9puvx3dhpyAJhOjmUWWj9MDLugMDJK4Lh6/M7aGoEi+fZcROj4X2SueYOwE18oKeTBhT/7c/6AiKEXL2yddmztK4UKFfMr+aJNT9GeoqYHMAn2oBPozPH35llOA5+jDauCWeVZ1RN+ktT3qYdrUAz4tHkPaq3cJa2kZJfXRLsTa1eSMp1rPEdBhCjo5WKavJ6/3XJ86A2+uXAwPjuPdL+QRb+VJmJPDwdYRnufOnDRI5/C6W6kU25SEGpbVGgzhjqp/CKNpr0FncBQqWR8ydIcA2LVch8eD7yx3RFYXdYyOn3rHaYzDhDxDK61rWF4CT+lS7Zf66luuOqzyKMlwTtw8bUfdnHmuwMhXyk/NDc/OGJPwVJQmHYE3CHc1ZpKCKyZsS3PPVz0CwFy++2i9YmhzcLM62HkeZCdWMD2A/zuMESSKY9IswZrvBOExr8Jiw93gkWJZDyx1aiuDtxIpI2VBlPVXg5A5/QOMCpuLytKeo4Tb96VyQiN7hi6xrlSUZQrqlgwpR5SPl2+XS1O4Gy304VQ5e+rYbgi/0J12dBox6uFkSArX8evOWNSmv7AWKDgGFtu43SSiMV9tRLcKT1vp3hlkHwE3aoLef4zUz3v7L2dNz8biLcL9InPlzc7xRT2lBPzeXDXjOIQuCw3tE0/hh/Pb1Y58j9zgJktR0JKzloL9KqC6+zJW+TaJdZHws6kbs9sm+16cqpegM6FbwmyaNjCFYhP+f6bn3VrAqkADSBkGqtjhRk9Uc60VHtG6nYKM+mrSzSxh+ranSxdgFul6ooz/uxlZo8NK8lU9VYmyYoTcejMghEYWoSlVutSUhwxdZlyjm+WxCwF78GBjowjU7NabYDkV6V2FdHnrizltIZHrcvAgZLf0Y7N/o9MBzCdlnqvJ9f3R8woiQ8ODhbPpFZ+8V4wkAfmDt4yayFf5cxxXfFMfUK/qmkP2JwAzOZNLAOdjMW+26NwWJAxTJJmi3gmnQn2Vvusl6BZACiSqR50HQ+sKTGivExZcfcyz4r5HC2AXndI9sJaj2jpan9/kJ2Q4j+ScrZBXbSdcJU8rCGXJJtx2IQ7Vmafi8bV1RuuhF6NMhGzbAfmmuNnpZkRMKuExwiWxt26qj7nLWXTBOzhP1SDGUjr826t7ggx3p6tiQoTtC0zHrQ17Kzs8ylgAJpQC5HPou317TkSP3nw25wLYfXix2a2ZyxGKe6cGWuPvaPOWqRrNDF1eJWX+QUm+8bjxoNYPDR/AFLHO1tzeGMnNHg4pbu63hb54BYHsL6mQDTSDLtarglAXdI2CYHj4YWrT2FswW2AQwqmRNtViajoVekertpwHKjCbxK1rSWRdG2Pbo31k3X5e/e39+BUpMBwbSC8AFiiUGnFGF+LpIvkDV+Qe8pbB/1WMLw8Cn2LvFKA8a7q5xiFWsX4wmxikS78k04BmU06Q+JRta9X+2rf+hRYkWOjakD6vv9wpQ1yaWfmgLtFSh+3FCmjwv8MzVhzij1LnhdNnIsTccxgsvQhMsG472jWIP5O97vAgzlu03cjAYbY2Czd4DHaVmAq24Ru1PBvthVjNgFCvXhcfsUnhebluY/VshUe4zzBhBns6nSV/JzoS4YVEIoJhUMrf2wp2i8JeyKV0epfpWsnb2w/4JYveAzkVgBFlauWiHqxAW3wo8au2jI3nGCTEWBUzk6KK31YnzbV4NT5lAGyvVBD8qzfOiHVo9OiEfuyBlP6zifg7z6nPSqMaJ4XMS0YQtbZTiXfy8Qyz1JdrPuVRdFAvcPptiUCJXK4gmUq8Qxgg7zGQk7xpxUKE90I+FxN4OpiCc3EAwWNGOAPzdrSM/jvftb7BPMINsIVbxR1VjBSZGuFKmFOu1lBy7zbFcApg3WIpGYPgBIAYnBebOTLv0MMFnIxgGWRQlv1xDHB0hZoCrhsH4o97G/dw7WH8dcWvZsHRjXdgCPPA7vVGDIExuH14me/Rt7PLoXHr/Nko7Y+Ba0YtDdQbhl8Jc6cukV8yX7xQKflsR576GOxyqDqa11XRZXJ+WYX4DSU9S+RYqRvI+vP12PwputPxpMWS4sAb+8IFNJOfqX2WHzLiqB3M8sm99IiXq/hRyi3qllgZj2mD/EKSrTRO7pe+mfw88pEr1oDjFxIq1MSDhqZ9rM8UYfKm2OpRjqZ8QIY4BlNj7Zv5Rcy5V+OBkmTnUGWnPJEo4Jd1+6pPhqyvOPoDGqpDbnyKI87kKDzKEQsbUa83SBxw7EtC2gMfyoFgCqqRwo/mBzS7Rh1oX14D0Xq7548932tM1j981sU6Z2dt/XMVNVKhEk3AsMtjEWix+bL9IFO8Wa9DTUTlCM/LMeiQAwxoBN5M1wT3ahOcJjQRiNDGL7y5LRCc526DMNadAnhtrv2qjD6hqSLoDCla+zNSnWvztNHyEWdtBbyPUkB0Fej3vQB8LKLfvETqil83h/LowhoDx243ZdS2zioEV/uQPkU9fK5Zub4IMlZfa7MWiKkcg3rfGsWYCkvJSnm7DcReYZbFfpEeWTKsepF14X5HtKnjTzjWDh5wBsRDNCiIpdIq/kaDXDPguKQhWlVf+eJNWlLKhWmF7PTNqh2zZh1F0OedhZiY1OYdOGfbeH+KCZZ/4DwLMq3oA4TzQGbrPGX/N9Faza8+/8S7UXfIkKE8fkmCrQmmrbsHBGff4Lr5+6Z94CYlzzpa+xznGeHD8AQbAZVOQuBBIpztbHmdAEPWKo7ggIOhOm9V1LYDA/wQMEcByDIkzaFmKLRWyJvZhkvreiq2TfYDyvCfoWxfL6opaTroOuR07G9ITE8Jjs+ZT9a3KDe/pO9GGNJYlLtz8J7x9ghzN1X4IBJ2TwH4QmWdp9E15z5DktjIg5dgl5n6WPOnN6+bvugX67K1f433gwitMT+TXqk/3oDfAqg1o3WL/4yraAOUFoAtJLEst/rBzDUHKSvS1Ht12loYze2Ve9+Ta+cm2oBJlZLh5+SsaL5pPsjWKpXRBLIF8kFRgplbJxx+OlIvzjNDhCHCzzE8162x8n5QMxdvHQVvur9uir5phlRu+O/EXJ136Y09ioPiXaHGhqyUujshHh11fBwPVA6GUdbIyHH2ZKoU4tqR26EpT81hUZLxgfr7MnvI/8bG6lYTiENDBxjxYd/1QTzTpcLAU/+PdhOvS52OdOU+mU227lcvAgMmTBBdzif5RXuxi0hbsBzN2e9VRGfak9J/fd7a245kOGS6HGkwXTL0oKz6Rvrs7vJc4hAnYXmooNoh+b5NoEZQjWiXaNN8YSGmQ1rN+aYkuhgJu5EyDmtAxoq4tCpaZx68YnszV/P9vOYcHlYVjqXjxW/TC87SuYd0QatPc2acrooaj7Db5Mgq5mfV326A6wPnUTknB0bm+JN5Fj6neYX0L+ZReQ4nsN03u/nERek4yVkArzPjkFa0rIvdiWAd/4T7L1iMiFfcLH1hQK63xXbcu5N7F8Qy+hOe9n1BxZFGodiLOgz6hSs4B3FBcDMLPf/VG1RWtl3YaVPLzMcCfNrqeAja7bApBPWcsgKqXghVOEy1BH9RW0wQPBLIk5tRzprNs+bXB+ZHcHZBLm8T19oB8ZuPjQaytQb4PCNbdDU98lw5X9BmC6/6LdGwnIyYwjWx913sXs0a0Cq2e0GAZOQCQLH/eNwcfs0X3yxJdwopz0kpm3b4ury89/mxWMT/BqRAHaswNGXi5QGLf3VGRJ+x2uarH/yotlL0JO/QGIJug4ejKcb178KJ9MuqjbBeeeDVzLrDf8j6ljdC7rZX0yNJ6g/dlCFGOw1AFPse3WCnu4W1ID5CRi0/8EWc4RTQzcpf3NaaKuJdEwar6SVCk7fa2mibFcE2HSIAHIyvksUl/LPlitcbzsqt9ez6ceMjl1PYtGXvYDmpZ6QAakeQk4ntvTllklzqA22VhzAOHifTTtDrfxwlGmGZqDFLKjuXEWbgvoiMVlDOldih97dmnFg71XdCKhA2unHD/b1OFWKjrh8xzdYdICmWfVpSdyOiYm3NNyunqhOgjofZYFOhTa4MP80HQ9ri2RvEYxm1N9c49IM/K3hTEUgiO4mvwNdKSVWdjXzrjV4pLXPbK6RMrsIYdujI7+kRjN2dA0v3sCVl9LzsfXhWh5lyhO/WgvKzcHK56wsLV19/RIyFcXzQei+cB1qeKScLXkyzGUogoGN2mk8g8bMia8MH170wj9lp0SB5M+YRpLpvkwSSOPDiR38m/hJnTkrTjLddDjbL58WQzQcgyNQhZoVKtisu4O57Z23CmPFNro6f0rEQmptycDKBtmGCiDNR4HtqVNKbV9tOTdxuYfoaqWrj3nwnq1Rkechddz9dEXSIx0DFD4tSp4MEsNOmQjelaxvb1sHuCkicBW2Scgc8vMpUwMYqgzpejTGL82xt4aQn11VPnl+Mdz/EmXQKFTwpJgfMR80t5/PMSPf48OXhLotx/n6bYjOyr3Z5J/oxCjxfmEh+hEyqZCI3AznoXDuSO7vNMJGLNcB7T8sZjga3iPl7wKlf5bgsx37m6SOhJndEOIB/tEi/VrRXwfLQ3Wbgy5ZZAV802V3vRI2z2XGpwztUfS4L48x5vzspyQCXQz5MFYtthCo3wY+Fvz5fpX3G6ZYhXjyVZOJENdiZJG4BCIz8AviVTfgF5+jPBstA0fwTxXMfzMd0gf3paN+tf1GLuGJtS2N0K1X+P0XC8Mbk/41fPISB0e3DDevo1myveXngnDSp03qHwFFqJdDX8LBc2WlH6oHQuLVVfqUlPtmwBqaDaa218sfgesD8w5iGxtPpQVoXhm8RX3bCfYAV2hNajj2STu4C+fR/Pe68YY1t61XrTJQR+6Qo9BR2wOBUGeTsKcQRnu20EkH+dovKVMzRgVfhI9JGqwRB7TdV4TXAvHIo2a4250zRbKvpFMCpuzQmZNDpDh6/OjnuL4H23tq27sER09lcFJYxiNWMIoY9bBlXUYnYj1kwp6wP4CRGcrveaSBmiZVofcAAA==")!important} /* ===== TIENDA: header transparente sobre la portada ===== */ #wrapwrap:has(.o_wsale_products_page) > header#top { position: absolute; top: 0; left: 0; right: 0; z-index: 1030; } #wrapwrap:has(.o_wsale_products_page) > header#top, #wrapwrap:has(.o_wsale_products_page) > header#top nav, #wrapwrap:has(.o_wsale_products_page) > header#top .navbar, #wrapwrap:has(.o_wsale_products_page) > header#top .o_header_standard { background: transparent !important; background-image: none !important; box-shadow: none !important; border: 0 !important; } /* ===== SCROLL EN CELULAR (TIENDA): se queda azul ===== */ @media (max-width: 991.98px) { #wrapwrap:has(.o_wsale_products_page) > header#top.o_header_is_scrolled, #wrapwrap:has(.o_wsale_products_page) > header#top.o_header_is_scrolled nav { background: #0a0f2c !important; } } /* ===== SCROLL EN ESCRITORIO (TIENDA): transparente, sin hueco blanco ===== */ @media (min-width: 992px) { #wrapwrap:has(.o_wsale_products_page) > main { padding-top: 0 !important; } } /* ===== PÁGINA PRINCIPAL: transparente al hacer scroll (solo escritorio) ===== */ @media (min-width: 992px) { #wrapwrap.o_header_overlay > header#top.o_header_is_scrolled, #wrapwrap.o_header_overlay > header#top.o_header_is_scrolled nav, #wrapwrap.o_header_overlay > header#top.o_header_is_scrolled .navbar, #wrapwrap.homepage > header#top.o_header_is_scrolled, #wrapwrap.homepage > header#top.o_header_is_scrolled nav, #wrapwrap.homepage > header#top.o_header_is_scrolled .navbar { background: transparent !important; background-image: none !important; box-shadow: none !important; border: 0 !important; } } /* ===== MENÚ CELULAR: nombre de usuario en blanco ===== */ #top_menu_collapse_mobile .dropdown-toggle, #top_menu_collapse_mobile .dropdown-toggle *, #top_menu_collapse_mobile .fa-user, #top_menu_collapse_mobile .o_header_mobile_buttons_wrap a, #top_menu_collapse_mobile .o_header_mobile_buttons_wrap span { color: #ffffff !important; } /* ========================================================= MEGA MENÚ CATÁLOGO — 2 tarjetas separadas (solo escritorio) ========================================================= */ @media (min-width: 992px) { /* Mientras Catálogo está abierto, la página de atrás no se mueve */ html { scrollbar-gutter: stable; } html:has(.o_mega_menu.show .s_mega_menu_thumbnails), html:has(.o_mega_menu.show .s_mega_menu_thumbnails) body { overflow: hidden !important; } /* Contenedor del desplegable: sin fondo */ .o_mega_menu:has(.s_mega_menu_thumbnails) { background: transparent !important; border: 0 !important; box-shadow: none !important; padding-bottom: 8px !important; overscroll-behavior: contain; } /* Barra de scroll moderna (por si en pantallas chicas hiciera falta) */ .o_mega_menu:has(.s_mega_menu_thumbnails), .o_mega_menu:has(.s_mega_menu_thumbnails) * { scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.35) transparent; } .o_mega_menu:has(.s_mega_menu_thumbnails)::-webkit-scrollbar, .o_mega_menu:has(.s_mega_menu_thumbnails) *::-webkit-scrollbar { width: 6px; height: 6px; } .o_mega_menu:has(.s_mega_menu_thumbnails)::-webkit-scrollbar-track, .o_mega_menu:has(.s_mega_menu_thumbnails) *::-webkit-scrollbar-track { background: transparent; } .o_mega_menu:has(.s_mega_menu_thumbnails)::-webkit-scrollbar-thumb, .o_mega_menu:has(.s_mega_menu_thumbnails) *::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.35); border-radius: 999px; } .o_mega_menu:has(.s_mega_menu_thumbnails)::-webkit-scrollbar-thumb:hover, .o_mega_menu:has(.s_mega_menu_thumbnails) *::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.6); } /* Panel general: más angosto y centrado */ .o_mega_menu .s_mega_menu_thumbnails { background-color: transparent !important; border-radius: 14px; padding: 0 !important; position: relative; max-width: 1280px; margin: 0 auto !important; } .o_mega_menu .s_mega_menu_thumbnails > .o_we_shape { display: none !important; } .o_mega_menu .s_mega_menu_thumbnails > .container-fluid { padding: 0 !important; position: relative; z-index: 1; } /* Tarjeta de Colecciones: vidrio esmerilado */ .o_mega_menu .s_mega_menu_thumbnails::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 32%; background: rgba(14, 22, 52, 0.38); backdrop-filter: blur(24px) saturate(130%); -webkit-backdrop-filter: blur(24px) saturate(130%); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 14px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12); z-index: 0; } /* Rejilla: 2 columnas de colecciones · espacio · piezas */ .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode { display: grid !important; grid-template-columns: 16% 16% 16px minmax(0, 1fr) !important; grid-template-rows: none !important; grid-auto-rows: auto !important; gap: 0 !important; margin: 0 !important; } /* ----- TÍTULOS A LA MISMA ALTURA ----- */ .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(1), .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(9) { padding: 24px 24px 4px !important; display: flex !important; flex-direction: column !important; justify-content: flex-start !important; align-items: stretch !important; } /* ----- TARJETA IZQUIERDA: COLECCIONES ----- */ .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(1) { grid-area: 1 / 1 / 2 / 3 !important; background-image: none !important; background-color: transparent !important; clip-path: inset(0); } .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(1) .container, .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(1) .row, .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(1) [class*="col-"], .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(1) .s_text_highlight { padding: 0 !important; margin: 0 !important; } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item.shadow h2, .o_mega_menu .s_mega_menu_thumbnails .o_grid_item.shadow h2 * { color: #ffffff !important; letter-spacing: 0 !important; text-align: center !important; margin: 0 !important; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35); } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item.shadow h2 strong { font-weight: 400; } /* Posición de cada colección: 2 columnas x 4 filas */ .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(2) { grid-area: 2 / 1 !important; } /* Gilded Winter */ .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(3) { grid-area: 2 / 2 !important; } /* Scottish Xmas */ .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(4) { grid-area: 3 / 1 !important; } /* Pearls in Xmas */ .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(5) { grid-area: 3 / 2 !important; } /* Red Symphony */ .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(6) { grid-area: 4 / 1 !important; } /* Forest Tales */ .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(7) { grid-area: 4 / 2 !important; } /* First Frost */ .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(10) { grid-area: 5 / 1 !important; } /* Old World */ .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(11) { grid-area: 5 / 2 !important; } /* Emerald */ /* Estilo de cada colección: círculo + nombre debajo */ .o_mega_menu .s_mega_menu_thumbnails .o_grid_item_image { width: auto !important; max-width: none !important; padding: 6px 8px 10px !important; text-align: center !important; } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item_image .nav-link { display: block !important; padding: 0 !important; } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item_image img { display: block; width: 64px !important; height: 64px !important; margin: 0 auto; } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item_image .nav-link > span, .o_mega_menu .s_mega_menu_thumbnails .o_grid_item_image .nav-link > p { display: block; padding: 6px 0 0 !important; margin: 0 !important; } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item_image .nav-link .o_small-fs { font-size: 15px !important; } /* Nombres en blanco, con sombrita suave */ .o_mega_menu .s_mega_menu_thumbnails .o_grid_item_image .nav-link, .o_mega_menu .s_mega_menu_thumbnails .o_grid_item_image .nav-link * { color: #ffffff !important; text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item_image .nav-link:hover > span, .o_mega_menu .s_mega_menu_thumbnails .o_grid_item_image .nav-link:hover > p { text-decoration: underline; text-decoration-thickness: 0.5px; text-underline-offset: 4px; } /* ----- TARJETA DERECHA: PIECE BY PIECE ----- */ .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(9) { grid-area: 1 / 4 / 2 / 5 !important; background: #faf8f3 !important; border-radius: 14px 14px 0 0 !important; } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(h6) h6, .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(h6) p { margin: 0 0 2px !important; } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(h6) h6, .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(h6) h6 * { letter-spacing: 0 !important; } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(h6) p, .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(h6) p * { color: #5a6688 !important; letter-spacing: 1px !important; } /* Bloque de piezas: llena el alto de la tarjeta */ .o_mega_menu .s_mega_menu_thumbnails .row.o_grid_mode > .o_grid_item:nth-child(8) { grid-area: 2 / 4 / 6 / 5 !important; background: #faf8f3 !important; border-radius: 0 0 14px 14px !important; padding: 0 24px 16px !important; display: flex !important; flex-direction: column; } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) > .container { flex: 1; max-width: none; display: flex; } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .row { flex: 1; display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)); align-content: space-evenly; gap: 2px 12px; margin: 0 !important; } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .row > .w-100 { display: none !important; } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .row > div { width: auto !important; max-width: none !important; padding: 2px 0 !important; } /* Fotos flotando */ .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) img { display: block; max-height: 72px; width: auto !important; margin: 0 auto; mix-blend-mode: multiply; transition: transform 0.35s ease; } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .nav-link:hover img { transform: translateY(-4px); } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .nav-link br { display: none; } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .nav-link p { margin: 2px 0 0 !important; padding: 0 !important; } /* Nombres de piezas en azul marino */ .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .nav-link, .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .nav-link * { color: #112250 !important; } } /* ========================================================= MENÚ CELULAR — vidrio + catálogo directo (solo celular) ========================================================= */ @media (max-width: 991.98px) { /* Panel del menú: vidrio esmerilado */ #top_menu_collapse_mobile { background: rgba(14, 22, 52, 0.78) !important; backdrop-filter: blur(20px) saturate(130%); -webkit-backdrop-filter: blur(20px) saturate(130%); } #top_menu_collapse_mobile .offcanvas-body { overflow-y: auto !important; background: transparent !important; } /* Quitar "Inicio" (el logo ya lleva a Inicio) */ #top_menu_collapse_mobile .top_menu > li:has(> a[href="/inicio"]) { display: none !important; } /* Renglón "Catálogo": invisible pero presente (para que el script lo pueda abrir) */ #top_menu_collapse_mobile .o_mega_menu_toggle { height: 0 !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } #top_menu_collapse_mobile .o_mega_nav { display: none !important; } #top_menu_collapse_mobile .top_menu > li:has(> .o_mega_menu_toggle) { border-top: 0 !important; } /* El catálogo se muestra dentro del menú, no como pantalla aparte */ #top_menu_collapse_mobile .o_mega_menu { display: block !important; position: static !important; inset: auto !important; transform: none !important; visibility: visible !important; opacity: 1 !important; width: auto !important; height: auto !important; max-height: none !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails { background-color: transparent !important; padding: 4px 0 8px !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails > .o_we_shape { display: none !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails > .container-fluid { padding: 0 12px !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .row.o_grid_mode { display: flex !important; flex-wrap: wrap !important; margin: 0 !important; } /* Título "Colecciones" */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow { flex: 0 0 100% !important; max-width: 100% !important; background-image: none !important; background-color: transparent !important; clip-path: inset(0); padding: 8px 4px 4px !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow .container, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow .row, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow [class*="col-"], #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow .s_text_highlight { padding: 0 !important; margin: 0 !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow h2, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow h2 * { color: #ffffff !important; font-size: 20px !important; font-weight: 400 !important; letter-spacing: 0 !important; text-align: left !important; margin: 0 !important; } /* Colecciones: 2 filas de 4, círculo chico + nombre */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item_image { flex: 0 0 25% !important; max-width: 25% !important; padding: 8px 3px !important; text-align: center !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item_image img { display: block; width: 56px !important; height: 56px !important; margin: 0 auto; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item_image .nav-link > span, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item_image .nav-link > p { display: block; padding: 5px 0 0 !important; margin: 0 !important; line-height: 1.2; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item_image .nav-link, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item_image .nav-link * { color: #ffffff !important; font-size: 12px !important; } /* Título Create your Christmas (inicio de la tarjeta crema) */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(h6) { flex: 0 0 100% !important; max-width: 100% !important; background: #faf8f3 !important; border-radius: 16px 16px 0 0 !important; margin-top: 14px !important; padding: 16px 12px 6px !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(h6) h6, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(h6) p { margin: 0 0 2px !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(h6) h6 .h3-fs { font-size: 20px !important; letter-spacing: 0 !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(h6) p, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(h6) p * { color: #5a6688 !important; font-size: 13px !important; letter-spacing: 1px !important; } /* Piezas: 3 columnas, fotos chicas flotando, con nombre */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) { flex: 0 0 100% !important; max-width: 100% !important; background: #faf8f3 !important; border-radius: 0 0 16px 16px !important; padding: 0 8px 14px !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) > .container { padding: 0 !important; max-width: none; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .row { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 6px; margin: 0 !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .row > .w-100 { display: none !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .row > div { width: auto !important; max-width: none !important; padding: 4px 0 !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) img { display: block; max-height: 60px; width: auto !important; margin: 0 auto; mix-blend-mode: multiply; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .nav-link br { display: none; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .nav-link p { margin: 2px 0 0 !important; padding: 0 !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .nav-link, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .nav-link * { color: #112250 !important; font-size: 12px !important; } /* Contáctanos */ #top_menu_collapse_mobile .top_menu > li:has(> a[href="/contactus"]) { border-top: 1px solid rgba(255, 255, 255, 0.12) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important; margin-top: 10px; } #top_menu_collapse_mobile .top_menu > li:has(> a[href="/contactus"]) .nav-link, #top_menu_collapse_mobile .top_menu > li:has(> a[href="/contactus"]) .nav-link * { color: #ffffff !important; font-size: 17px !important; } /* Redes en círculos */ #top_menu_collapse_mobile .o_header_social_links .s_social_media_title { display: none !important; } #top_menu_collapse_mobile .o_header_social_links .s_social_media > a { display: inline-flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 8px 0 0 !important; border-radius: 50%; background: rgba(255, 255, 255, 0.1); } #top_menu_collapse_mobile .o_header_social_links .s_social_media > a i { padding: 0 !important; font-size: 17px; } /* Tu cuenta en tarjetita */ #top_menu_collapse_mobile .o_no_autohide_item > .dropdown-toggle { background: rgba(255, 255, 255, 0.08) !important; border-radius: 12px !important; padding: 12px 14px !important; } } /* ===== AJUSTES MENÚ CELULAR: nombres sin encimarse + piezas más compactas ===== */ @media (max-width: 991.98px) { /* Nombres de colecciones: se parten en 2 líneas en vez de encimarse */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item_image .nav-link, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item_image .nav-link * { white-space: normal !important; word-break: normal; overflow-wrap: anywhere; font-size: 11px !important; line-height: 1.2 !important; } /* Piezas: 4 columnas, fotos más chicas */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .row { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 4px 4px !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) img { max-height: 48px !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .nav-link, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .nav-link * { white-space: normal !important; overflow-wrap: anywhere; font-size: 10.5px !important; line-height: 1.2 !important; } } /* ===== MENÚ CELULAR COMO POPUP CENTRADO + título Colecciones ===== */ @media (max-width: 991.98px) { /* Popup centrado */ #top_menu_collapse_mobile { top: 50% !important; left: 50% !important; right: auto !important; bottom: auto !important; width: calc(100vw - 24px) !important; max-width: 480px !important; height: auto !important; max-height: 88vh !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; border-radius: 22px !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; transform: translate(-50%, -46%) scale(0.96) !important; opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45); } #top_menu_collapse_mobile.showing, #top_menu_collapse_mobile.show:not(.hiding) { transform: translate(-50%, -50%) scale(1) !important; opacity: 1; } #top_menu_collapse_mobile.hiding { transform: translate(-50%, -46%) scale(0.96) !important; opacity: 0; } /* Encabezado (X) fijo arriba; el contenido hace scroll por dentro */ #top_menu_collapse_mobile .offcanvas-header { flex: none; } #top_menu_collapse_mobile .offcanvas-body { flex: 1 1 auto; height: auto !important; min-height: 0; overflow-y: auto !important; padding-bottom: 18px !important; } /* Fondo de la página: oscuro y desenfocado */ .offcanvas-backdrop { background: rgba(5, 8, 22, 0.55) !important; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); } .offcanvas-backdrop.show { opacity: 1 !important; } /* Título "Colecciones": centrado, más grande, con línea fina */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow h2, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow h2 * { font-size: 26px !important; text-align: center !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow h2::after { content: ""; display: block; width: 44px; height: 1px; margin: 8px auto 4px; background: rgba(255, 255, 255, 0.4); } } /* ===== MENÚ CELULAR: detalles de app ===== */ @media (max-width: 991.98px) { /* Botón de cerrar: círculo de vidrio */ #top_menu_collapse_mobile [data-bs-dismiss="offcanvas"], #top_menu_collapse_mobile .btn-close { width: 40px !important; height: 40px !important; padding: 0 !important; margin: 4px 0 0 auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background-color: rgba(255, 255, 255, 0.12) !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; color: #ffffff !important; opacity: 1 !important; box-shadow: none !important; transition: transform 0.15s ease, background-color 0.15s ease; } #top_menu_collapse_mobile [data-bs-dismiss="offcanvas"] i, #top_menu_collapse_mobile [data-bs-dismiss="offcanvas"] span { font-size: 16px !important; color: #ffffff !important; } #top_menu_collapse_mobile .btn-close { --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); background-image: var(--bs-btn-close-bg) !important; background-size: 13px !important; background-position: center !important; background-repeat: no-repeat !important; } #top_menu_collapse_mobile [data-bs-dismiss="offcanvas"]:active, #top_menu_collapse_mobile .btn-close:active { transform: scale(0.9); background-color: rgba(255, 255, 255, 0.2) !important; } /* Scroll de app: sin barra, con desvanecido arriba y abajo */ #top_menu_collapse_mobile .offcanvas-body { scrollbar-width: none; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 14px, #000 calc(100% - 28px), transparent 100%); mask-image: linear-gradient(to bottom, transparent 0, #000 14px, #000 calc(100% - 28px), transparent 100%); } #top_menu_collapse_mobile .offcanvas-body::-webkit-scrollbar { display: none; } /* Respuesta al tocar: la foto se hunde un poquito */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .nav-link { -webkit-tap-highlight-color: transparent; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .nav-link img { transition: transform 0.15s ease; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .nav-link:active img { transform: scale(0.92); } /* Nombres de piezas: sin cortarse a la mitad */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .nav-link, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .nav-link * { white-space: nowrap !important; overflow-wrap: normal !important; font-size: 10px !important; letter-spacing: 0 !important; } /* Tarjeta crema de una sola pieza (sin rayita) */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(h6), #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) { border: 0 !important; box-shadow: none !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) { margin-top: -1px !important; } } /* ===== MENÚ CELULAR: versión blanca, centrada y con "Conoce nuestras" ===== */ @media (max-width: 991.98px) { /* Popup blanco de vidrio */ #top_menu_collapse_mobile { background: rgba(255, 255, 255, 0.94) !important; border: 1px solid rgba(17, 34, 80, 0.08) !important; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.35) !important; } /* X flotando en la esquina (no ocupa renglón) */ #top_menu_collapse_mobile .offcanvas-header { position: absolute !important; top: 10px; right: 10px; z-index: 10; padding: 0 !important; background: transparent !important; border: 0 !important; } #top_menu_collapse_mobile [data-bs-dismiss="offcanvas"], #top_menu_collapse_mobile .btn-close { background-color: rgba(17, 34, 80, 0.06) !important; border: 1px solid rgba(17, 34, 80, 0.12) !important; color: #112250 !important; } #top_menu_collapse_mobile [data-bs-dismiss="offcanvas"] i, #top_menu_collapse_mobile [data-bs-dismiss="offcanvas"] span { color: #112250 !important; } #top_menu_collapse_mobile .btn-close { --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23112250'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); } /* Contenido centrado, sin margen de más */ #top_menu_collapse_mobile .offcanvas-body { padding: 22px 16px 18px !important; } #top_menu_collapse_mobile .top_menu { margin-left: 0 !important; margin-right: 0 !important; } #top_menu_collapse_mobile .o_mega_menu, #top_menu_collapse_mobile .s_mega_menu_thumbnails { width: 100% !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails > .container-fluid { padding: 0 !important; } /* Título: "Conoce nuestras" + "Colecciones" */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow { padding: 4px 0 6px !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow h2, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow h2 * { color: #112250 !important; text-shadow: none !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow h2::before { content: "Conoce nuestras"; display: block; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #5a6688; margin-bottom: 2px; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow h2::after { background: rgba(17, 34, 80, 0.25) !important; } /* Nombres de colecciones en azul marino */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item_image .nav-link, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item_image .nav-link * { color: #112250 !important; text-shadow: none !important; } /* Piece by Piece en crema cálida para distinguirla */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(h6), #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) { background: #f4eee3 !important; } /* Contáctanos en azul marino */ #top_menu_collapse_mobile .top_menu > li:has(> a[href="/contactus"]) { border-top: 1px solid rgba(17, 34, 80, 0.1) !important; border-bottom: 1px solid rgba(17, 34, 80, 0.1) !important; } #top_menu_collapse_mobile .top_menu > li:has(> a[href="/contactus"]) .nav-link, #top_menu_collapse_mobile .top_menu > li:has(> a[href="/contactus"]) .nav-link * { color: #112250 !important; } /* Redes en círculos claros con íconos azul marino */ #top_menu_collapse_mobile .o_header_social_links .s_social_media > a { background: rgba(17, 34, 80, 0.06) !important; } #top_menu_collapse_mobile .o_header_social_links .s_social_media > a i { color: #112250 !important; } /* Tu cuenta / Inicia sesión en azul marino */ #top_menu_collapse_mobile .o_no_autohide_item > .dropdown-toggle, #top_menu_collapse_mobile .o_no_autohide_item > .dropdown-toggle *, #top_menu_collapse_mobile .navbar-nav .btn, #top_menu_collapse_mobile .navbar-nav .btn * { color: #112250 !important; } #top_menu_collapse_mobile .o_no_autohide_item > .dropdown-toggle { background: rgba(17, 34, 80, 0.06) !important; } #top_menu_collapse_mobile .navbar-nav .btn:not(.dropdown-toggle) { border-color: rgba(17, 34, 80, 0.25) !important; } } /* ===== MENÚ CELULAR: sin caja en Colecciones, azul grisáceo, sin Contáctanos, X visible ===== */ @media (max-width: 991.98px) { /* Quitar la caja/sombra alrededor de "Colecciones" */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow .container, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow .row, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow [class*="col-"], #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow .s_text_highlight { background: none !important; background-image: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow .s_text_highlight::before, #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow .s_text_highlight::after { display: none !important; } /* Piece by Piece en azul grisáceo suave */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(h6), #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) { background: #e8ecf2 !important; } /* Quitar Contáctanos */ #top_menu_collapse_mobile .top_menu > li:has(> a[href="/contactus"]) { display: none !important; } /* X visible en azul marino */ #top_menu_collapse_mobile .offcanvas-header button, #top_menu_collapse_mobile .offcanvas-header .btn-close { filter: none !important; } #top_menu_collapse_mobile .offcanvas-header button, #top_menu_collapse_mobile .offcanvas-header button * { color: #112250 !important; fill: #112250 !important; stroke: #112250; } } /* ===== MENÚ CELULAR: centrado + Piece by Piece en carrusel ===== */ @media (max-width: 991.98px) { /* Quitar el relleno lateral que descentraba todo */ #top_menu_collapse_mobile .top_menu > li { padding-left: 0 !important; padding-right: 0 !important; } #top_menu_collapse_mobile .o_mega_menu { left: auto !important; right: auto !important; min-width: 0 !important; max-width: 100% !important; } /* Tarjeta de Piece by Piece: el carrusel llega hasta la orilla derecha */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) { padding: 2px 0 16px 12px !important; overflow: hidden !important; } /* Carrusel deslizable de 2 filas */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .row { display: grid !important; grid-template-columns: none !important; grid-template-rows: repeat(2, auto) !important; grid-auto-flow: column !important; grid-auto-columns: calc((100% - 28px) / 3.4) !important; gap: 8px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none; padding: 4px 12px 8px 0 !important; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent 100%); mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent 100%); } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .row::-webkit-scrollbar { display: none; } /* Cada pieza en su tarjetita blanca */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .row > div:not(.w-100) { background: #ffffff; border-radius: 14px; padding: 10px 4px 8px !important; box-shadow: 0 2px 10px rgba(17, 34, 80, 0.07); scroll-snap-align: start; transition: transform 0.15s ease; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .row > div:not(.w-100):active { transform: scale(0.96); } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) img { max-height: 56px !important; mix-blend-mode: normal !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .nav-link p { margin: 6px 0 0 !important; } } /* ===== MENÚ CELULAR: popup siempre centrado + X más chica ===== */ @media (max-width: 991.98px) { /* Centrado con márgenes iguales (no depende de la animación) */ #top_menu_collapse_mobile { left: 12px !important; right: 12px !important; margin-left: auto !important; margin-right: auto !important; width: auto !important; max-width: 480px !important; top: 50% !important; bottom: auto !important; transform: translateY(-46%) scale(0.97) !important; transform-origin: center center !important; } #top_menu_collapse_mobile.showing, #top_menu_collapse_mobile.show:not(.hiding) { transform: translateY(-50%) scale(1) !important; } #top_menu_collapse_mobile.hiding { transform: translateY(-46%) scale(0.97) !important; } /* Contenido centrado dentro del popup */ #top_menu_collapse_mobile .offcanvas-body, #top_menu_collapse_mobile .offcanvas-body > .navbar-nav, #top_menu_collapse_mobile .top_menu, #top_menu_collapse_mobile .top_menu > li, #top_menu_collapse_mobile .o_mega_menu, #top_menu_collapse_mobile .s_mega_menu_thumbnails, #top_menu_collapse_mobile .s_mega_menu_thumbnails > .container-fluid, #top_menu_collapse_mobile .s_mega_menu_thumbnails .row.o_grid_mode { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } /* X más chica */ #top_menu_collapse_mobile .offcanvas-header { top: 12px !important; right: 12px !important; } #top_menu_collapse_mobile [data-bs-dismiss="offcanvas"], #top_menu_collapse_mobile .btn-close { width: 32px !important; height: 32px !important; margin: 0 !important; } #top_menu_collapse_mobile [data-bs-dismiss="offcanvas"] i, #top_menu_collapse_mobile [data-bs-dismiss="offcanvas"] span { font-size: 12px !important; } #top_menu_collapse_mobile .btn-close { background-size: 10px !important; } } /* ===== MENÚ CELULAR: espacios parejos + indicador de deslizar ===== */ @media (max-width: 991.98px) { /* Que Odoo no empuje la parte de abajo hasta el fondo */ #top_menu_collapse_mobile .offcanvas-body { justify-content: flex-start !important; } /* Quitar el bloque de texto vacío entre el catálogo y las redes */ #top_menu_collapse_mobile .offcanvas-body li:has(> .s_text_block) { display: none !important; } /* Quitar la rayita gris que viene de Odoo */ #top_menu_collapse_mobile .top_menu > li { border-top: 0 !important; border-bottom: 0 !important; } /* Título "Colecciones": 16 px hacia los círculos */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow { padding: 8px 0 16px !important; } /* Colecciones: 16 px entre filas */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item_image { padding: 8px 3px !important; } /* Tarjeta de Piece by Piece: 24 px de separación */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(h6) { margin-top: 24px !important; padding: 20px 12px 12px !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(h6) p { margin-top: 4px !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) { padding-bottom: 14px !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails { padding-bottom: 0 !important; } /* Redes: 24 px después de la tarjeta */ #top_menu_collapse_mobile .o_header_social_links { margin-top: 24px !important; } #top_menu_collapse_mobile .o_header_social_links .s_social_media { margin: 0 !important; } /* Tu cuenta / Inicia sesión: 16 px después de las redes */ #top_menu_collapse_mobile .offcanvas-body > .navbar-nav + .navbar-nav { margin-top: 16px !important; } /* El carrusel se asoma solito al abrir el menú */ @keyframes cdm-asomar { 0%, 100% { transform: translateX(0); } 40% { transform: translateX(-34px); } 70% { transform: translateX(0); } } #top_menu_collapse_mobile.show .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .row { animation: cdm-asomar 1.1s ease-in-out 0.7s 2; } /* "Desliza para ver más →" con flecha animada */ @keyframes cdm-flecha { 0%, 100% { transform: translateX(0); opacity: 0.6; } 50% { transform: translateX(5px); opacity: 1; } } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2)::after { content: "Desliza para ver más →"; display: block; text-align: center; font-size: 11px; letter-spacing: 1px; color: #5a6688; margin: 8px 12px 0 0; animation: cdm-flecha 1.6s ease-in-out infinite; } } /* ===== MENÚ CELULAR: sin empujones al reabrir ===== */ @media (max-width: 991.98px) { #top_menu_collapse_mobile .offcanvas-body > .navbar-nav, #top_menu_collapse_mobile .offcanvas-body > .navbar-nav > li, #top_menu_collapse_mobile .top_menu, #top_menu_collapse_mobile .top_menu > li, #top_menu_collapse_mobile .o_mega_menu, #top_menu_collapse_mobile .s_mega_menu_thumbnails { transform: none !important; translate: none !important; left: auto !important; right: auto !important; } } /* ========================================================= TIENDA CELULAR — estilo boutique (solo celular) ========================================================= */ @media (max-width: 991.98px) { /* Fondo marfil y sin desbordes laterales */ #wrap.o_wsale_products_page { background: #fbfaf7; overflow-x: clip; } #wrapwrap:has(.o_wsale_products_page) > main { padding-top: 0 !important; } /* Ocultar la portada alta del tren (en celular la reemplaza la portada corta) */ #wrap.o_wsale_products_page #oe_structure_website_sale_products_1 > section.s_banner_connected { display: none !important; } /* Reacomodar: portada → categorías → herramientas → productos */ #wrap.o_wsale_products_page .o_wsale_products_main_row { flex-wrap: wrap !important; margin: 0 !important; } #wrap.o_wsale_products_page #products_grid, #wrap.o_wsale_products_page #o_wsale_products_header { display: contents !important; } #wrap.o_wsale_products_page #o_wsale_products_header .breadcrumb { display: none !important; } /* ----- PORTADA CORTA con el nombre de la categoría ----- */ #wrap.o_wsale_products_page .o_wsale_category_title { order: 1; flex: 0 0 auto; width: 100vw !important; max-width: 100vw !important; margin: 0 calc(50% - 50vw) !important; min-height: 210px; padding: 100px 20px 26px !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; text-align: center; background: linear-gradient(to bottom, rgba(11, 18, 48, 0.35), rgba(11, 18, 48, 0.85)), url("/web/image/22424-00d838da/Expreso%20naviden%CC%83o%20en%20noche%20de%20estrellas.png") center / cover no-repeat; color: #ffffff !important; font-size: 30px !important; font-weight: 400 !important; letter-spacing: 1px; line-height: 1.1 !important; } #wrap.o_wsale_products_page .o_wsale_category_title span { color: #ffffff !important; } #wrap.o_wsale_products_page #category_header { order: 2; flex: 0 0 100%; } #wrap.o_wsale_products_page #category_header:empty { display: none; } /* ----- CATEGORÍAS como pestañas deslizables ----- */ #wrap.o_wsale_products_page #products_grid_before { display: block !important; position: static !important; order: 3; flex: 0 0 auto; width: 100vw !important; max-width: 100vw !important; margin: 0 calc(50% - 50vw) !important; padding: 0 !important; } #wrap.o_wsale_products_page #products_grid_before #oe_structure_website_sale_sidebar_top, #wrap.o_wsale_products_page #products_grid_before #oe_structure_website_sale_sidebar_bottom, #wrap.o_wsale_products_page #products_grid_before .products_attributes_filters, #wrap.o_wsale_products_page #products_grid_before .o_categories_collapse_title { display: none !important; } #wrap.o_wsale_products_page #products_grid_before .o_wsale_products_grid_before_rail { height: auto !important; overflow: visible !important; margin: 0 !important; padding: 0 !important; } #wrap.o_wsale_products_page #products_grid_before #o_wsale_categories { display: block !important; } #wrap.o_wsale_products_page #products_grid_before .wsale_products_categories_list > ul.nav { position: relative; flex-direction: row !important; flex-wrap: nowrap !important; gap: 22px; overflow-x: auto; margin: 0 !important; padding: 16px 20px 0; border-bottom: 1px solid #e6e2d9; scrollbar-width: none; -webkit-overflow-scrolling: touch; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent 100%); mask-image: linear-gradient(to right, #000 calc(100% - 24px), transparent 100%); } #wrap.o_wsale_products_page #products_grid_before .wsale_products_categories_list > ul.nav::-webkit-scrollbar { display: none; } #wrap.o_wsale_products_page #products_grid_before ul.nav > li { flex: none; margin: 0 !important; } #wrap.o_wsale_products_page #products_grid_before ul.nav > li > div { display: block !important; margin: 0 !important; } /* Sin subcategorías, sin flechitas y sin categorías no publicadas */ #wrap.o_wsale_products_page #products_grid_before ul.nav > li > ul, #wrap.o_wsale_products_page #products_grid_before .o_categories_recursive_button, #wrap.o_wsale_products_page #products_grid_before li[data-publish="off"] { display: none !important; } #wrap.o_wsale_products_page #products_grid_before ul.nav a { display: inline-block; padding: 0 0 11px !important; white-space: nowrap; font-family: var(--headings-font-family, inherit); font-size: 14px; letter-spacing: 0.5px; color: #7a7f92 !important; text-decoration: none !important; border-bottom: 1px solid transparent; } /* Categoría actual */ #wrap.o_wsale_products_page #products_grid_before ul.nav a.text-decoration-underline { color: #112250 !important; border-bottom-color: #112250; } /* "Todos los productos" → "Todo" */ #wrap.o_wsale_products_page #products_grid_before ul.nav > li:first-child > a { font-size: 0 !important; } #wrap.o_wsale_products_page #products_grid_before ul.nav > li:first-child > a::before { content: "Todo"; font-size: 14px; } /* ----- HERRAMIENTAS discretas: lupa · ordenar · filtrar ----- */ #wrap.o_wsale_products_page .products_header { order: 4; flex: 0 0 100%; position: sticky; top: 0; z-index: 5; background: #fbfaf7; padding: 12px 8px !important; margin: 0 0 6px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; } #wrap.o_wsale_products_page .o_wsale_products_header_search_form_container { display: none !important; } #wrap.o_wsale_products_page .products_header > a[data-bs-target="#o_wsale_search_modal"] { display: inline-flex !important; margin-right: auto !important; } #wrap.o_wsale_products_page .products_header .btn, #wrap.o_wsale_products_page .products_header .dropdown-toggle { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #112250 !important; font-size: 12px !important; letter-spacing: 1.5px; text-transform: uppercase; padding: 6px 8px !important; } #wrap.o_wsale_products_page .products_header small { font-size: 12px !important; } #wrap.o_wsale_products_page .o_sortby_dropdown .dropdown-toggle::after { border-top-width: 0.25em; border-left-width: 0.25em; border-right-width: 0.25em; margin-left: 6px; vertical-align: 0.15em; } /* ----- PRODUCTOS: sin cajas, foto sobre marfil, mucho aire ----- */ #wrap.o_wsale_products_page .o_wsale_products_grid_table_wrapper { order: 5; flex: 0 0 100%; padding: 0 4px; } #wrap.o_wsale_products_page #o_wsale_products_grid { row-gap: 28px !important; column-gap: 14px !important; } #wrap.o_wsale_products_page .oe_product_cart { flex-direction: column !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; } #wrap.o_wsale_products_page .oe_product_image { background: #f1eee7; border-radius: 4px; } #wrap.o_wsale_products_page .oe_product_image img { mix-blend-mode: multiply; } #wrap.o_wsale_products_page .o_wsale_product_information { padding: 12px 0 0 !important; text-align: left !important; } #wrap.o_wsale_products_page .o_wsale_products_item_title { font-size: 14px !important; font-weight: 400 !important; line-height: 1.3 !important; margin: 0 0 4px !important; min-height: 2.6em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } #wrap.o_wsale_products_page .o_wsale_products_item_title a, #wrap.o_wsale_products_page .o_wsale_products_item_title span { color: #112250 !important; } #wrap.o_wsale_products_page .oe_subdescription_wrapper:has(.oe_subdescription > div:empty) { display: none !important; } #wrap.o_wsale_products_page .oe_subdescription { font-size: 11px !important; } /* Precio limpio */ #wrap.o_wsale_products_page .o_wsale_product_sub { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 10px !important; } #wrap.o_wsale_products_page .product_price, #wrap.o_wsale_products_page .product_price span { font-weight: 400 !important; font-size: 14px !important; letter-spacing: 0.5px; color: #112250 !important; text-align: left !important; } #wrap.o_wsale_products_page .product_price del, #wrap.o_wsale_products_page .product_price del span { font-size: 12px !important; color: #8a8f9f !important; margin-left: 6px; } /* Botón "Agregar" delineado */ #wrap.o_wsale_products_page .o_wsale_product_btn, #wrap.o_wsale_products_page .o_wsale_product_action_row { width: 100% !important; display: flex !important; } #wrap.o_wsale_products_page .o_wsale_product_btn_primary { width: 100% !important; background: transparent !important; border: 1px solid #112250 !important; border-radius: 0 !important; color: #112250 !important; padding: 8px 6px !important; font-size: 0 !important; box-shadow: none !important; transition: background 0.2s ease, color 0.2s ease; } #wrap.o_wsale_products_page .o_wsale_product_btn_primary i, #wrap.o_wsale_products_page .o_wsale_product_btn_primary .o_label { display: none !important; } #wrap.o_wsale_products_page .o_wsale_product_btn_primary::after { content: "Agregar"; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; } #wrap.o_wsale_products_page .o_wsale_product_btn_primary:active, #wrap.o_wsale_products_page .o_wsale_product_btn_primary:hover { background: #112250 !important; color: #ffffff !important; } /* Corazón fino flotando sobre la foto */ #wrap.o_wsale_products_page .o_add_wishlist { position: absolute !important; top: 6px; right: 6px; z-index: 3; width: 32px; height: 32px; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; background: transparent !important; border: 0 !important; color: #112250 !important; } #wrap.o_wsale_products_page .o_add_wishlist .o_label { display: none !important; } #wrap.o_wsale_products_page .o_add_wishlist .fa { font-size: 16px; } /* Paginación discreta */ #wrap.o_wsale_products_page #o_wsale_pager { order: 6; flex: 0 0 100%; } #wrap.o_wsale_products_page #o_wsale_pager .page-link { border: 0 !important; background: transparent !important; color: #7a7f92 !important; font-size: 13px; } #wrap.o_wsale_products_page #o_wsale_pager .page-item.active .page-link { color: #112250 !important; border-bottom: 1px solid #112250 !important; border-radius: 0 !important; } #wrap.o_wsale_products_page #category_footer { order: 7; flex: 0 0 100%; } } /* ===== TIENDA CELULAR: refuerzo botón "Agregar" ===== */ @media (max-width: 991.98px) { #wrap.o_wsale_products_page .o_wsale_product_btn, #wrap.o_wsale_products_page .o_wsale_product_action_row, #wrap.o_wsale_products_page .o_wsale_product_btn_primary { aspect-ratio: auto !important; max-height: 38px !important; min-height: 0 !important; flex-grow: 0 !important; } #wrap.o_wsale_products_page .o_wsale_product_btn_primary { width: 100% !important; height: 38px !important; border-radius: 999px !important; } } /* ===== TIENDA CELULAR: botón "+" estilo app junto al precio ===== */ @media (max-width: 991.98px) { /* Precio a la izquierda, botón a la derecha, en una línea */ #wrap.o_wsale_products_page .o_wsale_product_sub { flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; } #wrap.o_wsale_products_page .o_wsale_product_btn, #wrap.o_wsale_products_page .o_wsale_product_action_row { width: auto !important; flex: none !important; } /* Botón redondo con "+" */ #wrap.o_wsale_products_page .o_wsale_product_btn_primary { width: 36px !important; height: 36px !important; max-height: 36px !important; padding: 0 !important; border-radius: 50% !important; border: 0 !important; background: #112250 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(17, 34, 80, 0.25) !important; transition: transform 0.15s ease, background 0.2s ease; } #wrap.o_wsale_products_page .o_wsale_product_btn_primary::after { content: "+" !important; font-size: 22px !important; font-weight: 300; letter-spacing: 0 !important; line-height: 1; text-transform: none !important; margin-top: -2px; } #wrap.o_wsale_products_page .o_wsale_product_btn_primary:active { transform: scale(0.9); background: #1d3270 !important; } #wrap.o_wsale_products_page .o_wsale_product_btn_primary:hover { background: #1d3270 !important; color: #ffffff !important; } } /* ===== TIENDA CELULAR: curvas en todo + "Añadir" junto al precio ===== */ @media (max-width: 991.98px) { /* Sin scroll horizontal */ #wrapwrap:has(.o_wsale_products_page) { overflow-x: clip; } #wrap.o_wsale_products_page .o_wsale_category_title, #wrap.o_wsale_products_page #products_grid_before { width: auto !important; max-width: none !important; margin-left: calc(var(--bs-gutter-x, 1.5rem) * -0.5) !important; margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5) !important; flex: 0 0 calc(100% + var(--bs-gutter-x, 1.5rem)) !important; } /* Portada con curva abajo */ #wrap.o_wsale_products_page .o_wsale_category_title { border-radius: 0 0 28px 28px !important; } /* Pestañas de categorías → píldoras */ #wrap.o_wsale_products_page #products_grid_before .wsale_products_categories_list > ul.nav { gap: 8px !important; padding: 16px 16px 4px !important; border-bottom: 0 !important; } #wrap.o_wsale_products_page #products_grid_before ul.nav a { padding: 8px 16px !important; border-radius: 999px !important; border-bottom: 0 !important; background: rgba(17, 34, 80, 0.06) !important; color: #4a5170 !important; font-size: 13px !important; } #wrap.o_wsale_products_page #products_grid_before ul.nav > li:first-child > a { font-size: 0 !important; } #wrap.o_wsale_products_page #products_grid_before ul.nav > li:first-child > a::before { font-size: 13px; } #wrap.o_wsale_products_page #products_grid_before ul.nav a.text-decoration-underline { background: #112250 !important; color: #ffffff !important; } /* Herramientas en píldoras */ #wrap.o_wsale_products_page .products_header { gap: 8px !important; padding: 12px 4px !important; } #wrap.o_wsale_products_page .products_header > a[data-bs-target="#o_wsale_search_modal"], #wrap.o_wsale_products_page .products_header .o_sortby_dropdown > .dropdown-toggle, #wrap.o_wsale_products_page .products_header > button[data-bs-target="#o_wsale_offcanvas"] { background: rgba(17, 34, 80, 0.06) !important; border-radius: 999px !important; padding: 8px 14px !important; font-size: 11px !important; } #wrap.o_wsale_products_page .products_header small { font-size: 11px !important; } /* Fotos redondeadas */ #wrap.o_wsale_products_page .oe_product_image { border-radius: 18px !important; overflow: hidden !important; } /* Tarjeta: la fila de precio/botón siempre abajo */ #wrap.o_wsale_products_page .oe_product_cart, #wrap.o_wsale_products_page .o_wsale_product_information { display: flex !important; flex-direction: column !important; } #wrap.o_wsale_products_page .o_wsale_product_information { flex: 1 1 auto !important; } /* Precio a la izquierda, "Añadir" a la derecha */ #wrap.o_wsale_products_page .o_wsale_product_sub { margin-top: auto !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 6px !important; } #wrap.o_wsale_products_page .o_wsale_product_sub .product_price { flex: 1 1 auto !important; width: auto !important; min-width: 0; } #wrap.o_wsale_products_page .product_price, #wrap.o_wsale_products_page .product_price span { font-size: 13px !important; white-space: nowrap; } #wrap.o_wsale_products_page .o_wsale_product_btn, #wrap.o_wsale_products_page .o_wsale_product_action_row { width: auto !important; flex: none !important; max-height: none !important; } /* Píldora "+ Añadir" */ #wrap.o_wsale_products_page .o_wsale_product_btn_primary { width: auto !important; height: 32px !important; max-height: 32px !important; padding: 0 12px !important; border-radius: 999px !important; border: 0 !important; background: #112250 !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(17, 34, 80, 0.22) !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; transition: transform 0.15s ease, background 0.2s ease; } #wrap.o_wsale_products_page .o_wsale_product_btn_primary::after { content: "+ Añadir" !important; font-size: 11px !important; font-weight: 400; letter-spacing: 0.5px !important; text-transform: none !important; line-height: 1; margin: 0 !important; } #wrap.o_wsale_products_page .o_wsale_product_btn_primary:active { transform: scale(0.94); } /* Píldora "Ver" para productos sin botón (la pone el script) */ #wrap.o_wsale_products_page .cdm-ver-pieza { flex: none; height: 32px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(17, 34, 80, 0.35); color: #112250 !important; font-size: 11px; letter-spacing: 0.5px; display: inline-flex; align-items: center; text-decoration: none !important; background: transparent; } /* Corazón en círculo suave */ #wrap.o_wsale_products_page .o_add_wishlist { top: 8px !important; right: 8px !important; background: rgba(255, 255, 255, 0.85) !important; border-radius: 50% !important; } } /* ===== TIENDA CELULAR: precio arriba, "Añadir" abajo + fotos completas ===== */ @media (max-width: 991.98px) { /* Precio arriba, botón abajo, alineados a la izquierda */ #wrap.o_wsale_products_page .o_wsale_product_sub { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 8px !important; } #wrap.o_wsale_products_page .o_wsale_product_sub .product_price { width: 100% !important; } /* Sin recuadro blanco detrás del botón */ #wrap.o_wsale_products_page .o_wsale_product_btn, #wrap.o_wsale_products_page .o_wsale_product_action_row { background: transparent !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; } /* Fotos completas, sin recorte ni zoom */ #wrap.o_wsale_products_page .oe_product_image img, #wrap.o_wsale_products_page .oe_product_image_img { object-fit: contain !important; padding: 10px; transform: none !important; transition: none !important; } #wrap.o_wsale_products_page .oe_product_image_link:hover img { transform: none !important; } } @media (max-width: 991.98px) { #wrap.o_wsale_products_page .o_wsale_product_btn_primary { box-shadow: none !important; } } /* ===== TIENDA CELULAR: fondo gris suave detrás de las fotos ===== */ @media (max-width: 991.98px) { #wrap.o_wsale_products_page .oe_product_image { background: #eceff3 !important; } } /* ===== CELULAR: paginación en círculos + pie de página estilo app ===== */ @media (max-width: 991.98px) { /* ----- Paginación ----- */ #wrap.o_wsale_products_page #o_wsale_pager .pagination { gap: 6px; } #wrap.o_wsale_products_page #o_wsale_pager .page-link { width: 38px; height: 38px; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; border-radius: 50% !important; border: 0 !important; border-bottom: 0 !important; background: rgba(17, 34, 80, 0.06) !important; color: #112250 !important; font-size: 13px; } #wrap.o_wsale_products_page #o_wsale_pager .page-item.active .page-link { background: #112250 !important; color: #ffffff !important; } #wrap.o_wsale_products_page #o_wsale_pager .page-item.disabled .page-link { opacity: 0.4; } /* ----- Pie de página ----- */ footer#bottom { border-radius: 28px 28px 0 0; overflow: hidden; margin-top: 24px; } footer#bottom #footer > section { padding: 40px 0 8px !important; } footer#bottom #footer .container { padding: 0 24px !important; } footer#bottom #footer .row > div { width: 100% !important; margin-left: 0 !important; padding: 0 0 20px !important; text-align: center !important; } /* Marca y descripción */ footer#bottom #footer h4, footer#bottom #footer h4 * { font-size: 20px !important; margin-bottom: 10px; } footer#bottom #footer .o_small-fs { font-size: 13px !important; line-height: 1.65; opacity: 0.8; } footer#bottom #footer p.text-muted, footer#bottom #footer p.text-muted * { font-size: 12px !important; line-height: 1.6; } /* Teléfono y correo en píldoras de vidrio */ footer#bottom #footer ul.list-unstyled { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 18px !important; } footer#bottom #footer ul.list-unstyled li { width: 100%; max-width: 320px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); } footer#bottom #footer ul.list-unstyled li .fa { margin: 0 !important; opacity: 0.8; } footer#bottom #footer ul.list-unstyled li a, footer#bottom #footer ul.list-unstyled li a * { font-size: 13px !important; font-weight: 400 !important; text-decoration: none !important; } /* Redes en círculos suaves */ footer#bottom #footer .s_social_media { text-align: center !important; display: flex; justify-content: center; gap: 10px; } footer#bottom #footer .s_social_media > a { width: 42px; height: 42px; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, 0.1); } footer#bottom #footer .s_social_media > a .fa { font-size: 18px !important; margin: 0 !important; } /* Copyright */ footer#bottom .o_footer_copyright { border-top: 1px solid rgba(255, 255, 255, 0.1); } footer#bottom .o_footer_copyright .container { padding: 14px 24px 22px !important; } footer#bottom .o_footer_copyright, footer#bottom .o_footer_copyright * { text-align: center !important; font-size: 11px !important; } footer#bottom .o_footer_copyright p { margin: 4px 0 0; opacity: 0.7; } } /* ===== CELULAR: pie de página fino y detallado ===== */ @media (max-width: 991.98px) { footer#bottom #footer > section { padding: 44px 0 6px !important; } footer#bottom #footer .row > div { padding: 0 0 22px !important; } /* Marca: más fina, con línea y estrellita */ footer#bottom #footer h4, footer#bottom #footer h4 * { font-size: 16px !important; letter-spacing: 1.5px; margin-bottom: 0 !important; } footer#bottom #footer h4 b { font-weight: 500 !important; } footer#bottom #footer h4::after { content: "✦"; display: block; font-size: 10px; letter-spacing: 0; opacity: 0.6; margin: 12px auto 14px; background: linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)) left center / 36% 1px no-repeat, linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)) right center / 36% 1px no-repeat; width: 120px; } /* Descripción tipo revista */ footer#bottom #footer .o_small-fs { font-size: 12px !important; line-height: 1.75 !important; opacity: 0.65 !important; } footer#bottom #footer .row > div:first-child p { max-width: 300px; margin: 0 auto; } /* Dirección con ícono pequeñito */ footer#bottom #footer p.text-muted { max-width: 280px; margin: 0 auto !important; } footer#bottom #footer p.text-muted, footer#bottom #footer p.text-muted * { font-size: 11px !important; opacity: 0.85; } footer#bottom #footer p.text-muted::before { content: "\f041"; font-family: "FontAwesome"; display: block; font-size: 13px; opacity: 0.6; margin-bottom: 8px; } /* Separador fino entre secciones */ footer#bottom #footer .row > div:not(:first-child)::before { content: ""; display: block; width: 32px; height: 1px; margin: 0 auto 22px; background: rgba(255, 255, 255, 0.25); } /* Teléfono y correo: píldoras delgadas solo con borde */ footer#bottom #footer ul.list-unstyled { gap: 8px !important; margin-bottom: 20px !important; } footer#bottom #footer ul.list-unstyled li { max-width: 280px !important; padding: 9px 16px !important; background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; gap: 8px !important; } footer#bottom #footer ul.list-unstyled li .fa { font-size: 11px !important; width: auto !important; opacity: 0.6 !important; } footer#bottom #footer ul.list-unstyled li a, footer#bottom #footer ul.list-unstyled li a * { font-size: 12px !important; letter-spacing: 0.5px; } /* Redes: círculos chicos solo con borde */ footer#bottom #footer .s_social_media { gap: 12px !important; } footer#bottom #footer .s_social_media > a { width: 36px !important; height: 36px !important; background: transparent !important; border: 1px solid rgba(255, 255, 255, 0.25); } footer#bottom #footer .s_social_media > a .fa { font-size: 14px !important; } /* Copyright y cookies legibles */ footer#bottom .o_footer_copyright, footer#bottom .o_footer_copyright * { font-size: 10px !important; letter-spacing: 0.5px; } footer#bottom .o_footer_copyright .o_footer_copyright_name { opacity: 0.55; } footer#bottom .o_footer_copyright a { color: rgba(255, 255, 255, 0.7) !important; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 0.5px; } } /* ===== CELULAR: descripción más chica + contacto como texto fino ===== */ @media (max-width: 991.98px) { /* Descripción más chica */ footer#bottom #footer .row > div:first-child .o_small-fs { font-size: 11px !important; line-height: 1.7 !important; opacity: 0.6 !important; } footer#bottom #footer .row > div:first-child p { max-width: 270px !important; } /* Teléfono y correo: sin píldora, texto fino */ footer#bottom #footer ul.list-unstyled { gap: 6px !important; } footer#bottom #footer ul.list-unstyled li { max-width: none !important; width: auto !important; padding: 2px 0 !important; border: 0 !important; background: transparent !important; border-radius: 0 !important; } footer#bottom #footer ul.list-unstyled li .fa { font-size: 10px !important; opacity: 0.5 !important; } footer#bottom #footer ul.list-unstyled li a, footer#bottom #footer ul.list-unstyled li a * { font-size: 12px !important; letter-spacing: 0.8px !important; opacity: 0.85; } } /* ===== TIENDA CELULAR: portada editorial ===== */ @media (max-width: 991.98px) { #wrap.o_wsale_products_page .o_wsale_category_title { flex-direction: column !important; align-items: flex-start !important; justify-content: flex-end !important; text-align: left !important; min-height: 240px !important; padding: 110px 24px 24px !important; font-size: 38px !important; line-height: 1 !important; letter-spacing: -0.3px !important; background: linear-gradient(to top, rgba(11, 18, 48, 0.92) 0%, rgba(11, 18, 48, 0.5) 50%, rgba(11, 18, 48, 0.15) 100%), url("/web/image/22424-00d838da/Expreso%20naviden%CC%83o%20en%20noche%20de%20estrellas.png") center / cover no-repeat !important; } /* "COLECCIÓN" chiquito arriba */ #wrap.o_wsale_products_page .o_wsale_category_title::before { content: "Colección"; display: block; font-size: 10px; letter-spacing: 4px; text-transform: uppercase; opacity: 0.7; margin-bottom: 10px; line-height: 1; } /* Línea fina con estrellita debajo */ #wrap.o_wsale_products_page .o_wsale_category_title::after { content: "✦"; display: block; width: 70px; margin-top: 14px; font-size: 9px; line-height: 1; letter-spacing: 0; opacity: 0.7; text-align: right; background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)) left center / 52px 1px no-repeat; } } /* ===== TIENDA CELULAR: 3 tonos alternados detrás de las fotos ===== */ @media (max-width: 991.98px) { #wrap.o_wsale_products_page #o_wsale_products_grid > .oe_product:nth-child(3n+1) .oe_product_image { background: #eceff3 !important; } #wrap.o_wsale_products_page #o_wsale_products_grid > .oe_product:nth-child(3n+2) .oe_product_image { background: #f6f5f2 !important; } #wrap.o_wsale_products_page #o_wsale_products_grid > .oe_product:nth-child(3n) .oe_product_image { background: #e9eaee !important; } } /* ===== HEADER CELULAR: menú izquierda · logo centro · carrito derecha ===== */ @media (max-width: 991.98px) { header#top nav.o_header_mobile .o_main_nav { display: grid !important; grid-template-columns: 48px 1fr 48px !important; align-items: center !important; } /* Deja que el logo y el carrito se acomoden en la rejilla */ header#top nav.o_header_mobile .o_main_nav > .d-flex.flex-grow-1 { display: contents !important; } /* Menú ☰ a la izquierda */ header#top nav.o_header_mobile .o_main_nav > button[data-bs-target="#top_menu_collapse_mobile"] { grid-column: 1; grid-row: 1; justify-self: start; margin: 0 !important; } /* Logo al centro */ header#top nav.o_header_mobile .navbar-brand { grid-column: 2; grid-row: 1; justify-self: center; margin: 0 !important; } header#top nav.o_header_mobile .navbar-brand img { max-height: 40px; width: auto; } /* Carrito a la derecha */ header#top nav.o_header_mobile .o_header_mobile_buttons_wrap { grid-column: 3; grid-row: 1; justify-self: end; margin: 0 !important; } } /* ===== TIENDA CELULAR: paginación tipo app ===== */ @media (max-width: 991.98px) { /* Píldora blanca flotante que contiene todo */ #wrap.o_wsale_products_page #o_wsale_pager { padding: 28px 0 36px !important; } #wrap.o_wsale_products_page #o_wsale_pager .pagination { display: inline-flex !important; align-items: center; gap: 2px !important; padding: 5px !important; background: #ffffff; border-radius: 999px; box-shadow: 0 6px 20px rgba(17, 34, 80, 0.08); border: 1px solid rgba(17, 34, 80, 0.06); } /* Números en círculos chicos */ #wrap.o_wsale_products_page #o_wsale_pager .pagination .page-item .page-link { width: 34px !important; height: 34px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; border: 0 !important; background: transparent !important; color: #4a5170 !important; font-size: 12px !important; letter-spacing: 0.3px; box-shadow: none !important; transition: background 0.2s ease, color 0.2s ease; } #wrap.o_wsale_products_page #o_wsale_pager .pagination .page-item .page-link:active { background: rgba(17, 34, 80, 0.08) !important; } /* Página actual: círculo azul marino */ #wrap.o_wsale_products_page #o_wsale_pager .pagination .page-item.active .page-link { background: #112250 !important; color: #ffffff !important; border-radius: 50% !important; border: 0 !important; } /* Flechas */ #wrap.o_wsale_products_page #o_wsale_pager .pagination .page-link .oi { font-size: 11px; } #wrap.o_wsale_products_page #o_wsale_pager .pagination .page-item.disabled .page-link { opacity: 0.3; } /* Los puntitos "…" más angostos */ #wrap.o_wsale_products_page #o_wsale_pager .pagination .page-item.disabled:not(:first-child):not(:last-child) .page-link { width: 18px !important; opacity: 0.5; } } /* ===== HEADER CELULAR AL HACER SCROLL: vidrio esmerilado ===== */ @media (max-width: 991.98px) { #wrapwrap > header#top.o_header_is_scrolled { background: transparent !important; box-shadow: none !important; } #wrapwrap > header#top.o_header_is_scrolled nav.navbar.o_header_mobile { background: rgba(11, 18, 48, 0.55) !important; background-image: none !important; backdrop-filter: blur(16px) saturate(130%); -webkit-backdrop-filter: blur(16px) saturate(130%); border-radius: 0 0 22px 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important; } } /* ===== CELULAR: sin barras de scroll horizontales en el contenido ===== */ @media (max-width: 991.98px) { #wrap * { scrollbar-width: none; } #wrap *::-webkit-scrollbar { height: 0 !important; width: 0 !important; display: none; } } /* ===== CELULAR: carrusel de colecciones flotante ===== */ @media (max-width: 991.98px) { /* Carril deslizable con imán al centro */ .s_ecomm_categories_showcase_wrapper { position: relative; display: flex !important; flex-wrap: nowrap !important; gap: 14px !important; overflow-x: auto !important; overflow-y: visible !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none; padding: 14px 11% 30px !important; margin-left: calc(var(--bs-gutter-x, 1.5rem) * -0.5) !important; margin-right: calc(var(--bs-gutter-x, 1.5rem) * -0.5) !important; } .s_ecomm_categories_showcase_wrapper::-webkit-scrollbar { display: none; } /* Tarjetas flotando */ .s_ecomm_categories_showcase_wrapper > .s_ecomm_categories_showcase_block { flex: 0 0 78% !important; max-width: 78% !important; min-height: 380px; scroll-snap-align: center; border-radius: 26px !important; overflow: hidden; box-shadow: 0 22px 40px rgba(0, 0, 0, 0.5) !important; transition: transform 0.25s ease, opacity 0.25s ease; will-change: transform; } /* Título de cada colección */ .s_ecomm_categories_showcase_wrapper .s_ecomm_categories_showcase_content { padding: 22px !important; } .s_ecomm_categories_showcase_wrapper .s_ecomm_categories_showcase_content h6 { margin-bottom: 12px !important; line-height: 1.1; } .s_ecomm_categories_showcase_wrapper .s_ecomm_categories_showcase_content h6 .h5-fs { font-size: 24px !important; color: #ffffff !important; text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4); } /* Botón: píldora fina que dice "Ver" */ .s_ecomm_categories_showcase_wrapper .s_ecomm_categories_showcase_content .btn { background: rgba(255, 255, 255, 0.08) !important; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); border: 1px solid rgba(255, 255, 255, 0.7) !important; border-radius: 999px !important; color: #ffffff !important; padding: 6px 18px !important; font-size: 0 !important; width: auto !important; height: auto !important; } .s_ecomm_categories_showcase_wrapper .s_ecomm_categories_showcase_content .btn::after { content: "Ver"; font-size: 11px; letter-spacing: 2.5px; text-transform: uppercase; } /* Al aparecer, se recorren solitas para invitar */ @keyframes cdm-carrusel-asomar { 0%, 100% { transform: translateX(0); } 40% { transform: translateX(-44px); } 70% { transform: translateX(0); } } .s_ecomm_categories_showcase_wrapper.cdm-asomar > .s_ecomm_categories_showcase_block { animation: cdm-carrusel-asomar 1.2s ease-in-out 0.3s 2; } /* Puntitos de progreso + aviso de deslizar (los crea el script) */ .cdm-carrusel-nav { text-align: center; margin: -8px 0 18px; } .cdm-dots { display: flex; justify-content: center; gap: 6px; } .cdm-dots span { width: 6px; height: 6px; border-radius: 999px; background: rgba(255, 255, 255, 0.3); transition: width 0.3s ease, background 0.3s ease; } .cdm-dots span.on { width: 20px; background: #ffffff; } @keyframes cdm-carrusel-flecha { 0%, 100% { transform: translateX(0); opacity: 0.55; } 50% { transform: translateX(5px); opacity: 1; } } .cdm-hint { margin: 12px 0 0; font-size: 11px; letter-spacing: 1px; color: rgba(255, 255, 255, 0.75); animation: cdm-carrusel-flecha 1.6s ease-in-out infinite; transition: opacity 0.4s ease; } .cdm-carrusel-nav.usado .cdm-hint { opacity: 0 !important; animation: none; } } /* ===== CELULAR: sombra completa en el carrusel de colecciones ===== */ @media (max-width: 991.98px) { .s_ecomm_categories_showcase_wrapper { padding-top: 24px !important; padding-bottom: 60px !important; } .s_ecomm_categories_showcase_wrapper > .s_ecomm_categories_showcase_block { box-shadow: 0 16px 28px rgba(0, 0, 0, 0.45) !important; } /* Puntitos pegaditos a las tarjetas aunque haya más aire */ .cdm-carrusel-nav { margin-top: -36px !important; } } /* ===== CELULAR: tarjetas flotantes más bajitas ===== */ @media (max-width: 991.98px) { .s_floating_blocks_block { min-height: 0 !important; height: 60vh !important; max-height: 480px !important; border-radius: 26px !important; overflow: hidden !important; padding-top: 32px !important; padding-bottom: 32px !important; } /* Texto más proporcionado */ .s_floating_blocks_block .lead { font-size: 15px !important; line-height: 1.4 !important; margin-bottom: 10px !important; } .s_floating_blocks_block .display-2-fs { font-size: 38px !important; line-height: 1.05 !important; } } /* ===== CELULAR: cuenta regresiva de días para Navidad ===== */ @media (max-width: 991.98px) { /* Ocultar el contador dibujado de Odoo cuando el nuevo está activo */ .s_countdown.cdm-activo .s_countdown_canvas_flex { display: none !important; } .s_countdown.cdm-activo { padding-top: 8px !important; padding-bottom: 56px !important; } .cdm-cuenta { width: 100%; text-align: center; color: #ffffff; } .cdm-cuenta .cdm-k { margin: 0 0 4px; font-size: 11px; letter-spacing: 5px; text-transform: uppercase; opacity: 0.7; } .cdm-cuenta .cdm-num { font-family: var(--headings-font-family, inherit); font-size: 110px; line-height: 1; letter-spacing: -2px; text-shadow: 0 0 30px rgba(255, 235, 190, 0.35), 0 0 60px rgba(255, 235, 190, 0.15); } .cdm-cuenta .cdm-u { margin: 6px 0 22px; font-family: var(--headings-font-family, inherit); font-size: 20px; letter-spacing: 0.5px; } .cdm-cuenta .cdm-u::after { content: "✦"; display: block; width: 120px; margin: 12px auto 0; font-size: 9px; opacity: 0.7; background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)) left center / 36% 1px no-repeat, linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)) right center / 36% 1px no-repeat; } /* Horas, minutos y segundos en píldoras de vidrio */ .cdm-cuenta .cdm-mini { display: flex; justify-content: center; gap: 10px; } .cdm-cuenta .cdm-mini div { min-width: 66px; padding: 10px 8px 8px; border-radius: 18px; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } .cdm-cuenta .cdm-mini b { display: block; font-weight: 400; font-size: 22px; line-height: 1.1; font-variant-numeric: tabular-nums; } .cdm-cuenta .cdm-mini small { display: block; margin-top: 2px; font-size: 9px; letter-spacing: 2px; text-transform: uppercase; opacity: 0.65; } } /* ===== CELULAR: menú pastilla + cuenta regresiva en una sola tarjeta ===== */ @media (max-width: 991.98px) { /* ----- Menú al hacer scroll: azul más sólido y flotando ----- */ #wrapwrap > header#top.o_header_is_scrolled nav.navbar.o_header_mobile { background: rgba(11, 18, 48, 0.86) !important; backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%); margin: 8px 10px 0 !important; border-radius: 22px !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; box-shadow: 0 10px 28px rgba(5, 10, 30, 0.35) !important; } /* ----- Título y contador unidos en una sola tarjeta ----- */ section.s_title:has(+ section.s_countdown) { margin: 16px 12px 0 !important; border-radius: 32px 32px 0 0 !important; overflow: hidden; padding: 40px 0 0 !important; background: linear-gradient(to bottom, #0a1438 0%, #0c1a48 100%) !important; } section.s_title + section.s_countdown { margin: 0 12px 20px !important; border-radius: 0 0 32px 32px !important; overflow: hidden; background: radial-gradient(ellipse 70% 45% at 50% 38%, rgba(70, 100, 200, 0.35) 0%, rgba(70, 100, 200, 0) 70%), linear-gradient(to bottom, #0c1a48 0%, #08112e 100%) !important; box-shadow: 0 24px 40px rgba(5, 10, 30, 0.25); } /* Título como etiqueta chiquita */ section.s_title:has(+ section.s_countdown) h2, section.s_title:has(+ section.s_countdown) h2 * { font-size: 12px !important; letter-spacing: 5px !important; font-weight: 400 !important; opacity: 0.75; margin: 0 !important; line-height: 1.6 !important; } /* Sin el "FALTAN" repetido */ .cdm-cuenta .cdm-k { display: none !important; } .cdm-cuenta .cdm-num { margin-top: 10px; } } /* ===== CELULAR: sin sombras cortadas + fondo claro continuo ===== */ @media (max-width: 991.98px) { /* Sin sombra en la tarjeta de la cuenta regresiva */ section.s_title + section.s_countdown { box-shadow: none !important; } /* Sombra del menú flotante muy sutil */ #wrapwrap > header#top.o_header_is_scrolled nav.navbar.o_header_mobile { box-shadow: 0 4px 14px rgba(5, 10, 30, 0.15) !important; } /* Fondo claro continuo en todo el contenido */ #wrap { background-color: #f5f5f3 !important; } #wrap .o_cc1, #wrap .o_cc2 { background-color: transparent !important; } } /* ===== CELULAR: mapa → cascanueces → Instagram → footer, todo continuo ===== */ @media (max-width: 991.98px) { /* ----- Sección del mapa y cascanueces ----- */ section.s_call_to_action.d-lg-none { padding-bottom: 0 !important; } /* Quitar la curva blanca que cortaba al cascanueces */ section.s_call_to_action.d-lg-none > .o_we_shape { display: none !important; } /* Mapa: sin hueco arriba, redondeado y con borde fino */ section.s_call_to_action.d-lg-none .s_map { padding: 18px 0 0 !important; } section.s_call_to_action.d-lg-none .s_map .map_container { position: relative; height: 220px !important; padding: 0 !important; border-radius: 22px !important; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.18); } section.s_call_to_action.d-lg-none .s_map iframe { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; } /* Cascanueces más chico y desvaneciéndose en el fondo */ section.s_call_to_action.d-lg-none img.o_we_custom_image { max-width: 72% !important; margin-top: 10px; -webkit-mask-image: linear-gradient(to bottom, #000 62%, transparent 100%); mask-image: linear-gradient(to bottom, #000 62%, transparent 100%); } /* ----- Sección de Instagram sobre fondo oscuro continuo ----- */ section.s_instagram_page { background-color: #020b21 !important; padding: 0 0 36px !important; margin-top: -1px; } section.s_instagram_page > .o_we_shape { display: none !important; } section.s_instagram_page .o_instagram_container { margin: 0 14px !important; padding: 8px !important; background: #ffffff; border-radius: 24px; overflow: hidden; } section.s_instagram_page .o_instagram_container iframe { border-radius: 16px; display: block; } /* ----- Footer pegado, sin franja clara ----- */ #wrapwrap:has(.s_instagram_page) { background-color: #020b21 !important; } #wrapwrap:has(.s_instagram_page) footer#bottom { margin-top: 0 !important; } } /* ===== CELULAR: popup del menú centrado aunque hayas bajado en la página ===== */ @media (max-width: 991.98px) { #wrapwrap > header#top:has(#top_menu_collapse_mobile.show), #wrapwrap > header#top:has(#top_menu_collapse_mobile.showing), #wrapwrap > header#top:has(#top_menu_collapse_mobile.hiding) { transform: none !important; filter: none !important; will-change: auto !important; } #wrapwrap > header#top:has(#top_menu_collapse_mobile.show) nav.navbar.o_header_mobile, #wrapwrap > header#top:has(#top_menu_collapse_mobile.showing) nav.navbar.o_header_mobile, #wrapwrap > header#top:has(#top_menu_collapse_mobile.hiding) nav.navbar.o_header_mobile { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; filter: none !important; transform: none !important; will-change: auto !important; } } /* ===== CELULAR: transición suave después de la cuenta regresiva ===== */ @media (max-width: 991.98px) { /* Secciones con blanco puesto directo → mismo tono claro del resto */ #wrap section[style*="background-color: rgb(255, 255, 255)"], #wrap section[style*="background-color: #ffffff"], #wrap section[style*="background-color: #FFFFFF"] { background-color: transparent !important; } /* La sección que sigue a la cuenta regresiva: más aire y separador ✦ */ section.s_title + section.s_countdown + section { padding-top: 44px !important; position: relative; } section.s_title + section.s_countdown + section::before { content: "✦"; display: block; width: 120px; margin: 0 auto 22px; text-align: center; font-size: 10px; line-height: 1; color: #112250; opacity: 0.55; background: linear-gradient(rgba(17, 34, 80, 0.3), rgba(17, 34, 80, 0.3)) left center / 36% 1px no-repeat, linear-gradient(rgba(17, 34, 80, 0.3), rgba(17, 34, 80, 0.3)) right center / 36% 1px no-repeat; } } /* ===== CELULAR: entrada suave a la sección oscura "The magic lives here" ===== */ @media (max-width: 991.98px) { section.s_call_to_action.d-lg-none { margin-top: 16px !important; border-radius: 34px 34px 0 0 !important; overflow: hidden; padding-top: 56px !important; } /* Degradado suave al inicio para que el oscuro entre poco a poco */ section.s_call_to_action.d-lg-none::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 160px; background: linear-gradient(to bottom, rgba(40, 60, 130, 0.35), rgba(40, 60, 130, 0)); pointer-events: none; z-index: 0; } section.s_call_to_action.d-lg-none > .container { position: relative; z-index: 1; } /* Pequeña estrellita de entrada arriba del título */ section.s_call_to_action.d-lg-none h2::before { content: "✦"; display: block; width: 120px; margin: 0 auto 18px; font-size: 10px; line-height: 1; opacity: 0.6; background: linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)) left center / 36% 1px no-repeat, linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)) right center / 36% 1px no-repeat; } } /* ===== CELULAR: cascanueces protagonista + tarjeta de visita ===== */ @media (max-width: 991.98px) { /* Cascanueces grande otra vez, sin desvanecerse */ section.s_call_to_action.d-lg-none img.o_we_custom_image { max-width: 100% !important; margin-top: 18px; -webkit-mask-image: none !important; mask-image: none !important; position: relative; z-index: 1; } /* Instagram con fondo azul de nuevo, montándose tantito sobre el cascanueces */ #wrap section.s_instagram_page { background-color: #020b21 !important; margin-top: -70px !important; position: relative; z-index: 2; } /* ----- Tarjeta de visita (la crea el script) ----- */ .cdm-visita { margin: 22px auto 6px; max-width: 340px; padding: 20px 18px 18px; border-radius: 24px; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.16); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #ffffff; text-align: center; } .cdm-visita .cdm-estado { display: inline-block; padding: 5px 12px; border-radius: 999px; font-size: 11px; letter-spacing: 0.5px; margin-bottom: 14px; background: rgba(255, 255, 255, 0.1); } .cdm-visita .cdm-estado.abierto { background: rgba(76, 175, 120, 0.2); color: #9fe3b8; } .cdm-visita .cdm-dir { font-size: 13px; line-height: 1.55; opacity: 0.9; margin: 0; } .cdm-visita .cdm-dir::before { content: "\f041"; font-family: "FontAwesome"; display: block; font-size: 16px; opacity: 0.75; margin-bottom: 8px; } .cdm-visita .cdm-sep { width: 120px; margin: 14px auto; font-size: 9px; line-height: 1; opacity: 0.6; background: linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)) left center / 36% 1px no-repeat, linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)) right center / 36% 1px no-repeat; } .cdm-visita .cdm-titulo { font-family: var(--headings-font-family, inherit); font-size: 15px; letter-spacing: 1px; margin: 0 0 10px; } .cdm-visita .cdm-horas { display: grid; grid-template-columns: 1fr 1px 1fr; gap: 12px; align-items: center; font-size: 12px; line-height: 1.5; } .cdm-visita .cdm-horas .cdm-linea { height: 100%; background: rgba(255, 255, 255, 0.35); } .cdm-visita .cdm-horas b { display: block; font-weight: 500; font-size: 12px; letter-spacing: 0.5px; } .cdm-visita .cdm-horas span { opacity: 0.75; } .cdm-visita .cdm-llegar { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; padding: 8px 18px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.6); color: #ffffff !important; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none !important; } } /* ===== CELULAR: sin mapa + "Navidad entre líneas" elegante ===== */ @media (max-width: 991.98px) { /* Quitar el mapa (el botón "Cómo llegar" ya lleva a Google Maps) */ section.s_call_to_action.d-lg-none .s_map { display: none !important; } /* ----- Navidad entre líneas ----- */ section.s_title + section.s_countdown + section { background-color: transparent !important; background-image: none !important; padding-bottom: 40px !important; } /* Título y frase */ section.s_title + section.s_countdown + section h2, section.s_title + section.s_countdown + section h2 * { font-size: 26px !important; line-height: 1.15 !important; } section.s_title + section.s_countdown + section p { font-size: 13px !important; line-height: 1.6 !important; opacity: 0.7; max-width: 300px; margin-left: auto !important; margin-right: auto !important; } /* Logos más compactos */ section.s_title + section.s_countdown + section .row > div:has(img) { padding-top: 14px !important; padding-bottom: 14px !important; display: flex !important; align-items: center; justify-content: center; } /* Todos en un solo tono azul marino suave y a la misma altura */ section.s_title + section.s_countdown + section img { max-height: 30px !important; width: auto !important; max-width: 100% !important; object-fit: contain; filter: grayscale(1) brightness(0.45) sepia(0.4) hue-rotate(185deg) saturate(2.2); opacity: 0.75; } } /* ===== CELULAR: menos espacio entre los dos carruseles de colecciones ===== */ @media (max-width: 991.98px) { /* Relleno de las secciones que tienen carrusel */ section:has(.s_ecomm_categories_showcase_wrapper) { padding-top: 8px !important; padding-bottom: 8px !important; border: 0 !important; } /* Sin la rayita entre las dos secciones */ section:has(.s_ecomm_categories_showcase_wrapper) + section:has(.s_ecomm_categories_showcase_wrapper) { margin-top: -1px !important; } /* Carril: menos aire arriba, el justo abajo para la sombra */ .s_ecomm_categories_showcase_wrapper { padding-top: 12px !important; padding-bottom: 46px !important; } /* Puntitos pegados y sin espacio extra debajo */ .cdm-carrusel-nav { margin-top: -30px !important; margin-bottom: 4px !important; } } /* ===== CELULAR: página fija a los lados, barra de progreso, botón "Catálogo" en el header ===== */ @media (max-width: 991.98px) { /* La página solo se mueve de arriba hacia abajo */ html, body { overflow-x: clip !important; max-width: 100% !important; } #wrapwrap { overflow-x: clip !important; } /* Ocultar la barra de scroll (Android y computadora) */ html { scrollbar-width: none; } html::-webkit-scrollbar { display: none; } /* Línea fina de progreso arriba (la mueve el script) */ .cdm-progreso { position: fixed; top: 0; left: 0; height: 2px; width: 0; z-index: 2000; background: linear-gradient(to right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.7)); border-radius: 0 2px 2px 0; pointer-events: none; transition: width 0.1s linear; } /* Header: logo centrado aunque el botón de la izquierda sea más ancho */ header#top nav.o_header_mobile .o_main_nav { grid-template-columns: 1fr auto 1fr !important; } /* Botón ☰ convertido en píldora "Catálogo" */ header#top nav.o_header_mobile .o_main_nav > button[data-bs-target="#top_menu_collapse_mobile"] { display: inline-flex !important; align-items: center; gap: 7px; padding: 7px 13px 7px 10px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.1) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; color: #ffffff !important; animation: cdm-boton-brillo 1.8s ease-in-out 1s 2; } header#top nav.o_header_mobile .o_main_nav > button[data-bs-target="#top_menu_collapse_mobile"] .navbar-toggler-icon { width: 16px !important; height: 16px !important; background-size: 16px 16px !important; } header#top nav.o_header_mobile .o_main_nav > button[data-bs-target="#top_menu_collapse_mobile"]::after { content: "Catálogo"; font-size: 11px; letter-spacing: 1.5px; text-transform: uppercase; line-height: 1; } @keyframes cdm-boton-brillo { 0%, 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } 50% { box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.15); } } } /* ===== CELULAR: botón de menú solo ícono, en círculo de vidrio con latido ===== */ @media (max-width: 991.98px) { /* Logo centrado de nuevo */ header#top nav.o_header_mobile .o_main_nav { grid-template-columns: 48px 1fr 48px !important; } /* Botón circular de vidrio, sin texto */ header#top nav.o_header_mobile .o_main_nav > button[data-bs-target="#top_menu_collapse_mobile"] { position: relative; width: 42px !important; height: 42px !important; padding: 0 !important; gap: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.12) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; animation: none !important; overflow: visible !important; } header#top nav.o_header_mobile .o_main_nav > button[data-bs-target="#top_menu_collapse_mobile"]::after { content: none !important; display: none !important; } header#top nav.o_header_mobile .o_main_nav > button[data-bs-target="#top_menu_collapse_mobile"] .navbar-toggler-icon { width: 18px !important; height: 18px !important; background-size: 18px 18px !important; } /* Onda tipo latido: 3 veces al entrar y se detiene */ header#top nav.o_header_mobile .o_main_nav > button[data-bs-target="#top_menu_collapse_mobile"]::before { content: ""; position: absolute; inset: -1px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.6); opacity: 0; pointer-events: none; animation: cdm-latido 1.8s ease-out 1.2s 3; } @keyframes cdm-latido { 0% { transform: scale(1); opacity: 0.8; } 100% { transform: scale(1.7); opacity: 0; } } } /* ===== POPUP CELULAR: sin Inicio + colecciones como slide que se desliza de lado ===== */ @media (max-width: 991.98px) { #top_menu_collapse_mobile .top_menu > li:has(> a[href="/"]), #top_menu_collapse_mobile .top_menu > li:has(> a[href="/inicio"]), #top_menu_collapse_mobile .top_menu > li:has(> a[href$=".com/"]) { display: none !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .row.o_grid_mode > .cdm-slide-col { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; gap: 12px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; scrollbar-width: none; padding: 4px 0 8px !important; margin: 0 !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .row.o_grid_mode > .cdm-slide-col::-webkit-scrollbar { display: none; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .row.o_grid_mode > .cdm-slide-col > .o_grid_item_image { flex: 0 0 72% !important; max-width: 72% !important; width: 72% !important; padding: 0 !important; margin: 0 !important; scroll-snap-align: center; } @keyframes cdm-cargando { 0% { background-position: -200px 0, 0 0; } 100% { background-position: 200px 0, 0 0; } } #top_menu_collapse_mobile .s_mega_menu_thumbnails .cdm-slide-col > .o_grid_item_image .nav-link { position: relative; display: block !important; min-height: 280px; border-radius: 20px; overflow: hidden; padding: 0 !important; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 50%, rgba(255, 255, 255, 0) 100%) 0 0 / 200px 100% no-repeat, linear-gradient(to bottom, #1a2a5e, #0c1a48); animation: cdm-cargando 1.4s ease-in-out infinite; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .cdm-slide-col > .o_grid_item_image img { width: 100% !important; height: 280px !important; object-fit: cover; border-radius: 20px; margin: 0 !important; display: block; transition: transform 0.3s ease; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .cdm-slide-col > .o_grid_item_image .nav-link:active img { transform: scale(0.97); } #top_menu_collapse_mobile .s_mega_menu_thumbnails .cdm-slide-col > .o_grid_item_image .nav-link > span, #top_menu_collapse_mobile .s_mega_menu_thumbnails .cdm-slide-col > .o_grid_item_image .nav-link > p { position: absolute !important; left: 0; right: 0; bottom: 0; margin: 0 !important; padding: 46px 16px 16px !important; text-align: left !important; background: linear-gradient(to top, rgba(5, 10, 30, 0.85), rgba(5, 10, 30, 0)); border-radius: 0 0 20px 20px; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .cdm-slide-col > .o_grid_item_image .nav-link > span, #top_menu_collapse_mobile .s_mega_menu_thumbnails .cdm-slide-col > .o_grid_item_image .nav-link > p, #top_menu_collapse_mobile .s_mega_menu_thumbnails .cdm-slide-col > .o_grid_item_image .nav-link > span *, #top_menu_collapse_mobile .s_mega_menu_thumbnails .cdm-slide-col > .o_grid_item_image .nav-link > p * { color: #ffffff !important; font-size: 17px !important; line-height: 1.15 !important; white-space: normal !important; text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4); } } /* ===== ESCRITORIO: colecciones en círculo con CSS (ya sin forma de Odoo) ===== */ @media (min-width: 992px) { .o_mega_menu .s_mega_menu_thumbnails .o_grid_item_image img { border-radius: 50% !important; object-fit: cover !important; } } /* ===== POPUP CELULAR: redes centradas + "Inicia sesión" llamativo ===== */ @media (max-width: 991.98px) { /* Redes al centro */ #top_menu_collapse_mobile .o_header_social_links, #top_menu_collapse_mobile .o_header_social_links .s_social_media { width: 100% !important; display: flex !important; justify-content: center !important; text-align: center !important; } #top_menu_collapse_mobile .o_header_social_links .s_social_media { gap: 12px !important; } #top_menu_collapse_mobile .o_header_social_links .s_social_media > a { margin: 0 !important; } /* Botón "Inicia sesión": píldora azul marino con brillo */ #top_menu_collapse_mobile .navbar-nav .btn:not(.dropdown-toggle) { position: relative; overflow: hidden; display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px; width: 100% !important; padding: 15px 20px !important; border: 0 !important; border-radius: 999px !important; background: linear-gradient(135deg, #112250 0%, #1d3270 100%) !important; box-shadow: 0 10px 24px rgba(17, 34, 80, 0.3) !important; transition: transform 0.15s ease; } #top_menu_collapse_mobile .navbar-nav .btn:not(.dropdown-toggle), #top_menu_collapse_mobile .navbar-nav .btn:not(.dropdown-toggle) * { color: #ffffff !important; font-size: 17px !important; letter-spacing: 1px !important; } #top_menu_collapse_mobile .navbar-nav .btn:not(.dropdown-toggle)::before { content: "✦"; font-size: 10px; opacity: 0.8; } #top_menu_collapse_mobile .navbar-nav .btn:not(.dropdown-toggle):active { transform: scale(0.97); } /* Destello que cruza el botón */ #top_menu_collapse_mobile .navbar-nav .btn:not(.dropdown-toggle)::after { content: ""; position: absolute; top: 0; left: -60%; width: 40%; height: 100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0)); transform: skewX(-20deg); pointer-events: none; animation: cdm-destello 3.2s ease-in-out 1s infinite; } @keyframes cdm-destello { 0% { left: -60%; } 45%, 100% { left: 130%; } } } /* ===== POPUP CELULAR: que quepa todo sin hacer scroll ===== */ @media (max-width: 991.98px) { /* Alto según la pantalla visible real (sin contar las barras de Safari) */ #top_menu_collapse_mobile { max-height: calc(100vh - 32px) !important; max-height: calc(100dvh - 32px) !important; } #top_menu_collapse_mobile .offcanvas-body { padding: 18px 14px 14px !important; } /* Fotos del slide más bajitas, se ajustan a la pantalla */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .cdm-slide-col > .o_grid_item_image .nav-link { min-height: 0 !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .cdm-slide-col > .o_grid_item_image img { height: clamp(160px, 24dvh, 230px) !important; } /* Título Colecciones más compacto */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow { padding: 0 0 10px !important; } /* Piece by Piece más compacto */ #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(h6) { margin-top: 14px !important; padding: 14px 12px 6px !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) .row > div:not(.w-100) { padding: 8px 4px 6px !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2) img { max-height: 42px !important; } #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item:has(.col-lg-2)::after { margin-top: 4px !important; } /* Redes y botón más pegados */ #top_menu_collapse_mobile .o_header_social_links { margin-top: 14px !important; } #top_menu_collapse_mobile .offcanvas-body > .navbar-nav + .navbar-nav { margin-top: 10px !important; } } /* ===== POPUP CELULAR: slide con puntitos + tarjeta activa al frente ===== */ @media (max-width: 991.98px) { #top_menu_collapse_mobile .cdm-slide-col { position: relative; } #top_menu_collapse_mobile .cdm-slide-col > .o_grid_item_image { transform: scale(0.93); opacity: 0.55; transition: transform 0.45s ease, opacity 0.45s ease; } #top_menu_collapse_mobile .cdm-slide-col > .o_grid_item_image.on { transform: scale(1); opacity: 1; } /* 8 puntitos: el activo se estira en píldora */ #top_menu_collapse_mobile .cdm-pop-dots { flex: 0 0 100% !important; max-width: 100% !important; display: flex; justify-content: center; gap: 7px; padding: 8px 0 2px; } #top_menu_collapse_mobile .cdm-pop-dots button { -webkit-appearance: none; appearance: none; width: 7px !important; min-width: 0 !important; height: 7px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; border-radius: 999px !important; background: rgba(17, 34, 80, 0.18) !important; box-shadow: none !important; transition: width 0.35s ease, background 0.35s ease; } #top_menu_collapse_mobile .cdm-pop-dots button.on { width: 22px !important; background: #112250 !important; } } /* ===== POPUP CELULAR: el slide lo mueve el dedo (script) ===== */ @media (max-width: 991.98px) { #top_menu_collapse_mobile .s_mega_menu_thumbnails .row.o_grid_mode > .cdm-slide-col { overflow-x: hidden !important; scroll-snap-type: none !important; touch-action: pan-y; } } /* ===== HEADER CELULAR: más aire arriba al iniciar la página ===== */ @media (max-width: 991.98px) { #wrapwrap > header#top:not(.o_header_is_scrolled) nav.navbar.o_header_mobile { padding-top: calc(18px + env(safe-area-inset-top, 0px)) !important; padding-bottom: 6px !important; transition: padding 0.3s ease; } } /* ===== POPUP CELULAR: sin desvanecido abajo ===== */ @media (max-width: 991.98px) { #top_menu_collapse_mobile .offcanvas-body { -webkit-mask-image: none !important; mask-image: none !important; } } /* ===== TIENDA CELULAR: fondo claro continuo hasta el footer ===== */ @media (max-width: 991.98px) { #wrapwrap:has(.o_wsale_products_page), #wrapwrap:has(.o_wsale_products_page) > main { background-color: #f5f5f3 !important; } } /* ===== INICIO CELULAR: tarjeta de Instagram centrada, sin recorte a la derecha ===== */ @media (max-width: 991.98px) { section.s_instagram_page > .container, section.s_instagram_page > .container-fluid { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; } section.s_instagram_page .o_instagram_container { box-sizing: border-box !important; width: auto !important; max-width: calc(100% - 28px) !important; margin: 0 auto !important; } section.s_instagram_page .o_instagram_container iframe { width: 100% !important; min-width: 0 !important; max-width: 100% !important; } } /* ===== INICIO: tarjetas flotantes clicables ===== */ .s_floating_blocks_block.cdm-clic { cursor: pointer; -webkit-tap-highlight-color: transparent; } .s_floating_blocks_block.cdm-clic:active { filter: brightness(0.85); } /* ===== ESCRITORIO: header con vidrio azul cuando reaparece al subir ===== */ @media (min-width: 992px) { html body #wrapwrap > header#top.o_header_is_scrolled { background: transparent !important; box-shadow: none !important; } html body #wrapwrap > header#top.o_header_is_scrolled > nav, html body #wrapwrap > header#top.o_header_is_scrolled nav.navbar { background: rgba(11, 18, 48, 0.82) !important; background-image: none !important; backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%); margin: 10px 16px 0 !important; border-radius: 22px !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; box-shadow: 0 6px 20px rgba(5, 10, 30, 0.2) !important; transition: background 0.3s ease, margin 0.3s ease; } } /* ===== ESCRITORIO: header al reaparecer como pastilla compacta ===== */ @media (min-width: 992px) { html body #wrapwrap > header#top.o_header_is_scrolled > nav, html body #wrapwrap > header#top.o_header_is_scrolled nav.navbar { width: fit-content !important; max-width: calc(100% - 32px) !important; margin: 12px auto 0 !important; padding: 4px 26px !important; border-radius: 999px !important; } html body #wrapwrap > header#top.o_header_is_scrolled nav .container, html body #wrapwrap > header#top.o_header_is_scrolled nav .container-fluid { width: auto !important; max-width: none !important; padding: 0 !important; } html body #wrapwrap > header#top.o_header_is_scrolled .navbar-nav .nav-link { padding-top: 10px !important; padding-bottom: 10px !important; } } /* ===== ESCRITORIO: al reaparecer, pastilla con logo chico + menú + carrito ===== */ @media (min-width: 992px) { /* La pastilla: el vidrio va en una capa aparte para no atrapar al mega menú */ html body #wrapwrap > header#top.o_header_is_scrolled nav.navbar.d-lg-block { position: relative !important; isolation: isolate; width: fit-content !important; max-width: calc(100% - 32px) !important; margin: 12px auto 0 !important; padding: 6px 8px 6px 22px !important; border: 0 !important; border-radius: 999px !important; background: transparent !important; background-image: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; } html body #wrapwrap > header#top.o_header_is_scrolled nav.navbar.d-lg-block::before { content: ""; position: absolute; inset: 0; z-index: -1; border-radius: 999px; background: rgba(11, 18, 48, 0.82); backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 6px 20px rgba(5, 10, 30, 0.2); } /* Todo en una sola fila */ html body #wrapwrap > header#top.o_header_is_scrolled nav.navbar.d-lg-block .o_main_nav { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 26px !important; width: auto !important; max-width: none !important; padding: 0 !important; } /* La fila de arriba deja de esconderse y sus piezas entran a la pastilla */ html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll { display: contents !important; visibility: visible !important; } /* Redes: ocultas */ html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul:has(.o_header_social_links) { display: none !important; } /* Logo chico a la izquierda */ html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > .navbar-brand { order: 1; display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > .navbar-brand img { max-height: 30px !important; width: auto !important; } /* Menú al centro */ html body #wrapwrap > header#top.o_header_is_scrolled nav.navbar.d-lg-block .top_menu { order: 2; margin: 0 !important; flex-wrap: nowrap !important; } html body #wrapwrap > header#top.o_header_is_scrolled nav.navbar.d-lg-block .top_menu .nav-link { padding-top: 8px !important; padding-bottom: 8px !important; } /* Carrito a la derecha; botón de usuario oculto */ html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto { order: 3; margin: 0 !important; } html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto > li:not(:has(a[href*="/shop/cart"])) { display: none !important; } html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto a[href*="/shop/cart"] { width: 40px !important; height: 40px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.1) !important; } /* Mega menú de Catálogo centrado a su tamaño normal (no al ancho de la pastilla) */ html body #wrapwrap > header#top.o_header_is_scrolled .o_mega_menu.show { position: fixed !important; top: 76px !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: min(1280px, calc(100vw - 32px)) !important; } } /* ===== ESCRITORIO: pastilla sin logo (solo menú + carrito) ===== */ @media (min-width: 992px) { html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > .navbar-brand { display: none !important; } html body #wrapwrap > header#top.o_header_is_scrolled nav.navbar.d-lg-block .o_main_nav { gap: 18px !important; } } /* ===== ESCRITORIO: pastilla extendida, minimalista y con movimiento ===== */ @media (min-width: 992px) { /* Más ancha y con entrada suave */ html body #wrapwrap > header#top.o_header_is_scrolled nav.navbar.d-lg-block { width: min(900px, calc(100% - 32px)) !important; padding: 6px 8px 6px 26px !important; animation: cdm-pastilla-entra 0.5s ease-out; } @keyframes cdm-pastilla-entra { from { opacity: 0; transform: translateY(-10px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } } /* Estrellita · menú al centro · carrito */ html body #wrapwrap > header#top.o_header_is_scrolled nav.navbar.d-lg-block .o_main_nav { justify-content: space-between !important; gap: 0 !important; } html body #wrapwrap > header#top.o_header_is_scrolled nav.navbar.d-lg-block .o_main_nav::before { content: "✦"; order: 0; width: 40px; font-size: 11px; line-height: 1; color: #ffffff; opacity: 0.55; } html body #wrapwrap > header#top.o_header_is_scrolled nav.navbar.d-lg-block .top_menu { flex: 1 1 auto !important; justify-content: center !important; gap: 34px !important; } /* Letras con más aire + línea que crece desde el centro al pasar el mouse */ html body #wrapwrap > header#top.o_header_is_scrolled nav.navbar.d-lg-block .top_menu > li > .nav-link { letter-spacing: 1px; background-image: linear-gradient(currentColor, currentColor) !important; background-repeat: no-repeat !important; background-position: center bottom 4px !important; background-size: 0 1px !important; transition: background-size 0.35s ease, opacity 0.25s ease; } html body #wrapwrap > header#top.o_header_is_scrolled nav.navbar.d-lg-block .top_menu > li > .nav-link:hover { background-size: 60% 1px !important; } /* Carrito: giro sutil al pasar el mouse */ html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto a[href*="/shop/cart"] { transition: transform 0.3s ease, background 0.3s ease; } html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto a[href*="/shop/cart"]:hover { transform: rotate(-8deg) scale(1.06); background: rgba(255, 255, 255, 0.18) !important; } } /* ===== ESCRITORIO: logo "C" en lugar de la estrellita en la pastilla ===== */ @media (min-width: 992px) { html body #wrapwrap > header#top.o_header_is_scrolled nav.navbar.d-lg-block .o_main_nav::before { content: "" !important; width: 36px !important; height: 32px !important; flex: none; opacity: 0.9 !important; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABACAYAAABItWqnAAAI80lEQVR42uWce4wV1R3HP2fu7sLyVPBBoRAFmhJaHxQFTRErfUjVWomBGlrtM7HpK9UGaWJqiW1p2qapqTFV01hSKyGN2IePJpWksUapfSggIFLDWiqPgiAgLK+999s/5nfkx/HO3UX2Lrt7TzK5c2bmzvnNd37v8zsT6KYmKQAZQAih7I63ApOBC4HzgInAaGAEMBQYCDQBZeAQsAfYDrQB64G1wDqgzd83GZcQgqqcmw98CVgCPFh0XVEL3QRMKQFkNPBhYDYwHRgHNNe4xWHbKkALMKjKNa8BzwIrgOesvzcZdxhwLjADmAfMtFN/Aq4GsmoA1wWcKqDMBj4PXAkMr/YXYAPwT+B5238NeAM4YNyTGTcNB94FvBeYClxqnBdbu/13nz1HK3CmbbGV7dyMEMLKlN66NElBUsntz5f0dx3fjrj9FyV9V9JUSc0nMe5oSXMlPShpp4rbURu/Imml/Tej3i2CYvtXSvqbI6os6ZDrPynpE5Ka0ntIarLfzLbgtngsXtcUdYu7x2mS5kn6YzLmUQOlw/o32PVN9QamyX7PlrTEEdThiJKkFyRdk/43gnAS40fASsnx90v6maTXE5raJA2MoPeEGH1c0mbHKWX3lsqSFklqSR4m1IsmLy4mdoskbTN6bqsr13jUJd2esK//3SzpQ9XErwdEPUvE/SxJ35E0pm5c43RBJulXCbd4YP4haawTn8ApaEZrU08NFCQ1S/q9s0CVBJinzb+gRwg7AZDqxTFRnoOk31UxzVHH/MsBU6IRmrNKv6wCTNm4Z6ukMY0KzIIqwET/oSxpZm8SpR5z8CTNNCC87+LFaZFd19wowESrNFTSJidCKTBrnHcbGo1r7kqskRKgrmg0PRMt0/nGIR0F4vR4QwGTcM2jCRiphbrEhxKNBMxFBkA5ASYC9VSPhf69pPkHvcUSQ5WCa+/zqdBGEqtRkvYb51QSv0aWWBruc7aNxDmfBAa7tKJPMwI8GULYa2lGNRo415Hnd1OuiP0njGNCo4nUmZJ2JWLk949IGt9oyjhyzjTyOaSUc6L4bAL+AxBCqDQaONNtP33w2F8XQig3lOPnwLmgk2s2JPqnocCZUMXn8a2NBm0ZcHbBucgp2xMd1FDgDCsQm9jf019TNF0Bp6UTzjnUHzknhKDOAOqK31Lpj1wjKesMoMyFCEWtub9YKwfEROC3ncWLGbC/QGxif0g/Yproq00Crge+nRx/Gzi7ioC235F9mXNi4UES+gwxiZkBDChSHRmwuRPOeXcfV7xl2ypAxUToWuOWplo6NSOvt6tljSb2Vd0iaZikqyTNkXQuedmbgEfJy+yWAEcBXx8U64FKGXkJWi0/Z3Jfs1pmhUrkpXGzgUeAjUCbpKtDCEuBp80BzgCFEOLWYVs5SJoErDZ/x0fmcX8nMCGE8Kak0FeSXZ5WSRcAi4Ep5HWGN1jAfXkIYaqkAcAR8lrEueT1hS1RYa2qMonnczqXRuXWD8z5YknbJb0k6VVJn5L0jKR11o9tVvzDTwom8mL/druuqQ+C0SxphqRPS5pnxxbWKLZcLmmav8ElBZwTp2VWdjUe6WXAxMLLG11BxCZJX5O00crjviDp55K+LmmspIFvSYmrxVmTVGF60TpquqnPpEojMK4/wkSq3Up//y3p11W4rOWt/7mSk68WzHZG0fp+HxYtXy+4wJ5pp6T1VrK3RtIWK9sdG826LyYcaubuLLNUmTPhGbCFvJq8PZrL3mylJF0M7AwhvGrHPwpcBjwAvGhO4J/JK97XA6uAR0II246zylUKlo4W6J6bezv3uGeZK+mwWeKrJLWalbrTuGSVXXeGpAmdhvCSBps5S+fMYyFBmw2S9Vbl7CpgP+CmnNol3SfpY5IOmHL+saTH3TOuN0Cbos7JnIiEEMIB4FbePmeeWf8c4BaLU3qlz2O0BeAF4CPki05agc9YVlOWhvmsqYobgR8B/7PnG5RjnLx8V3HxcBXxity0X9L4yG29NJFVcuI1zZ7jTUn3mopYHKvsawKdsqRLU6wGRiXKuWwc85cQwiwjoNwblHOcrvYTj3EJkaStFmROJq8LWAp0WNB5t+3vDCHs6JLZk3RFQdFk5KY7om/QyzhnpK3PGBcVtKSXJa01HbSiwDM+YJHCqJpLAqr4Pr5yveIAmnOqAYrcLmm2ebuDDYBDkm6yFT7tRu9Ndu18SXdb/eNfzUNeaOqiuSuDRoB+UFCPXLZBZ/Q0QMkqnljPuNxou9COr7ClTQvtZX6zXj7DT5OFXj4O2yPpg6eKgxyN9xhtDxlgX0mWPj0s6VlJX5Z0q8VXF9t6rBMvHU7e0J0J13iA9ku61r3JrI5KF0mnW5RdcvRdZ7Qss/5L1n/AdE7adkj6htVdv7NlRwlAN1dZZ+WdxYX+jXa3o+jo+J6N9y33Qt4naZ85cvfa+R9Keo+kceYATrcIfYKkofVg35mSXnFhRTnhpse8O96dIDkabrPxljrA7jAxesw4ea2kX1haYoek82sFpN1J3Ei3OM2D1OH00EJJQxKQTmpJgEuCP2HjPGfHr3e0/NdCh8F2boyk30i6X9KAmJKo11osH/5f41KsEaTDrr/Rkkgj0nt4sIoIdWCULNdSsnWcu41bd5uSlZnkLXb8DUlPRV+nipPbY6a0xSzDy4mp98uZt5pfcZkls2sFv1mtN2vK+CF7EYcMhFl27iITo7Kj43lJn/MBZZfjtJPlorjCX9Igy9x/0fImJLMYsW0EniH/9MJq8nrD3SGEjgLrdAb53Nk0YBZwOce+drCPvLj8ILDM8jinA+OBBZajmgqsAe4Hlp9ILip0k3nNks82TCEv351NXlY3oMYtDgCvW/R80KL/VuA0i/H8Zx92AduAvRbjTbLrIP+gxzLLLBynJ6sB3yPgpCABFf9mJJ1D/gWUKRb4jSWvXh1mIAzgWLVHO7Cb/BsVr5DXI24gr2jdGkLYm4w5DrgLmGOH5gB/4Ng0r0IIFSs3qZwycKoovqwoYrcMf/w8TMmi4oPA/hDC4a5E3y53g00dnWfpzsUGStmnTd/Jc/wf07zT3ea+I40AAAAASUVORK5CYII=") left center / contain no-repeat !important; } } /* ===== ESCRITORIO: títulos del mega menú en bold ===== */ @media (min-width: 992px) { .o_mega_menu .s_mega_menu_thumbnails .o_grid_item.shadow h2, .o_mega_menu .s_mega_menu_thumbnails .o_grid_item.shadow h2 *, .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(h6) h6, .o_mega_menu .s_mega_menu_thumbnails .o_grid_item:has(h6) h6 * { font-weight: 700 !important; } } /* ===== ESCRITORIO: mega menú Catálogo más chico, en proporción ===== */ @media (min-width: 992px) { .o_mega_menu .s_mega_menu_thumbnails { zoom: 0.85; } } /* ===== ESCRITORIO: tarjeta Colecciones en azul sólido + fotos más visibles ===== */ @media (min-width: 992px) { /* Fondo azul marino sólido (sin mezclarse con el fondo de la página) */ .o_mega_menu .s_mega_menu_thumbnails::before { background: #0e1634 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; } /* Círculos más grandes con aro blanco fino */ .o_mega_menu .s_mega_menu_thumbnails .o_grid_item_image img { width: 80px !important; height: 80px !important; border-radius: 50% !important; object-fit: cover !important; box-shadow: 0 0 0 2px #0e1634, 0 0 0 3px rgba(255, 255, 255, 0.45); transition: transform 0.3s ease; } .o_mega_menu .s_mega_menu_thumbnails .o_grid_item_image .nav-link:hover img { transform: scale(1.05); } } /* ===== ESCRITORIO: fondo oscurecido mientras el Catálogo está abierto ===== */ @media (min-width: 992px) { html:has(.o_mega_menu.show .s_mega_menu_thumbnails) #wrap::after { content: ""; position: fixed; inset: 0; z-index: 1; background: rgba(5, 8, 22, 0.65); pointer-events: none; animation: cdm-oscurecer 0.3s ease-out; } @keyframes cdm-oscurecer { from { opacity: 0; } to { opacity: 1; } } } /* ===== INICIO COMPU: categorías en mosaico bento ===== */ @media (min-width: 992px) { /* Rejilla: 4 columnas; título arriba y 3 filas de cuadros */ #wrap section.s_product_list.d-lg-block > .container > .row { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-rows: auto clamp(180px, 19vw, 260px) clamp(180px, 19vw, 260px) clamp(160px, 15vw, 220px); gap: 14px; margin: 0 !important; } #wrap section.s_product_list.d-lg-block > .container > .row > * { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important; } /* Acomodo de cada cuadro */ #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(1) { grid-column: 1 / -1; padding-bottom: 18px !important; } /* Título */ #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(3) { grid-column: 1 / 3; grid-row: 2 / 4; } /* Cascabeles: grande */ #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(5) { grid-column: 3; grid-row: 2 / 4; } /* Varas: alto */ #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(2) { grid-column: 4; grid-row: 2; } /* Guirnaldas: chico arriba */ #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(6) { grid-column: 4; grid-row: 3; } /* Esferas: chico abajo */ #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(7) { grid-column: 1; grid-row: 4; } /* Animales: normal */ #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(4) { grid-column: 2 / 5; grid-row: 4; } /* Listones: panorámico */ /* Tarjeta: foto completa, esquinas redondeadas, sin caja blanca */ #wrap section.s_product_list.d-lg-block .s_card { position: relative !important; height: 100% !important; border: 0 !important; border-radius: 14px !important; overflow: hidden !important; background: #0c1a48 !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25) !important; transition: transform 0.35s ease; } #wrap section.s_product_list.d-lg-block .s_card:hover { transform: translateY(-3px); } #wrap section.s_product_list.d-lg-block .o_card_img_wrapper { position: absolute !important; inset: 0 !important; height: 100% !important; } #wrap section.s_product_list.d-lg-block .o_card_img_wrapper::before { display: none !important; } #wrap section.s_product_list.d-lg-block .o_card_img_wrapper > a { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; } #wrap section.s_product_list.d-lg-block .o_card_img_wrapper img { width: 100% !important; height: 100% !important; object-fit: cover !important; } /* Nombre sobre la foto, abajo a la izquierda */ #wrap section.s_product_list.d-lg-block .card-body { position: absolute !important; left: 0; right: 0; bottom: 0; z-index: 2; padding: 70px 20px 16px !important; background: linear-gradient(to top, rgba(5, 10, 30, 0.85), rgba(5, 10, 30, 0)) !important; pointer-events: none; } #wrap section.s_product_list.d-lg-block .card-title, #wrap section.s_product_list.d-lg-block .card-title * { color: #ffffff !important; text-align: left !important; margin: 0 !important; font-size: 18px !important; line-height: 1.1 !important; letter-spacing: 1px; text-decoration: none !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35); } #wrap section.s_product_list.d-lg-block .card-title br { display: none; } /* Tamaño del nombre según el cuadro */ #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(3) .card-title, #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(3) .card-title * { font-size: 34px !important; } #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(5) .card-title, #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(5) .card-title * { font-size: 24px !important; } #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(4) .card-title, #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(4) .card-title * { font-size: 28px !important; } /* Frase corta en los cuadros grandes */ #wrap section.s_product_list.d-lg-block .card-body::before { display: block; font-size: 13px; letter-spacing: 0.3px; color: rgba(255, 255, 255, 0.78); margin-bottom: 6px; } #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(3) .card-body::before { content: "Para sumar brillo y movimiento…"; } #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(5) .card-body::before { content: "Para dar altura, textura y volumen…"; } #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(4) .card-body::before { content: "Para árboles, moños y regalos…"; } /* Píldora "Ver →" en el grande y el panorámico */ #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(3) .card-body::after, #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(4) .card-body::after { content: "Ver →"; position: absolute; right: 20px; bottom: 16px; padding: 6px 14px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.08); color: #ffffff; font-size: 11px; letter-spacing: 1.5px; } /* Título de la sección más fino */ #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(1) h2, #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(1) h2 * { font-size: 34px !important; letter-spacing: 4px !important; margin-bottom: 6px !important; } #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(1) p, #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(1) p * { font-size: 12px !important; letter-spacing: 5px !important; opacity: 0.75; margin: 0 !important; } } /* ===== INICIO COMPU: ajuste del mosaico (más chico, Ver en todos, Esferas panorámico) ===== */ @media (min-width: 992px) { /* Más chico */ #wrap section.s_product_list.d-lg-block > .container { max-width: 1100px !important; } #wrap section.s_product_list.d-lg-block > .container > .row { grid-template-rows: auto clamp(150px, 13vw, 200px) clamp(150px, 13vw, 200px) clamp(130px, 11vw, 170px) !important; gap: 12px !important; } /* Esferas al panorámico, Listones al chico de abajo */ #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(6) { grid-column: 2 / 5 !important; grid-row: 4 !important; } /* Esferas */ #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(4) { grid-column: 4 !important; grid-row: 3 !important; } /* Listones */ /* Nombres más proporcionados */ #wrap section.s_product_list.d-lg-block .card-title, #wrap section.s_product_list.d-lg-block .card-title * { font-size: 16px !important; } #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(3) .card-title, #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(3) .card-title * { font-size: 28px !important; } #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(5) .card-title, #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(5) .card-title * { font-size: 20px !important; } #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(6) .card-title, #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(6) .card-title * { font-size: 24px !important; } #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(4) .card-title, #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(4) .card-title * { font-size: 16px !important; } /* Frases: Esferas toma la del panorámico, Listones ya no lleva */ #wrap section.s_product_list.d-lg-block .card-body::before { font-size: 12px !important; } #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(4) .card-body::before { content: none; } #wrap section.s_product_list.d-lg-block > .container > .row > :nth-child(6) .card-body::before { content: "El detalle que define tu árbol…"; } /* Menos relleno abajo del nombre */ #wrap section.s_product_list.d-lg-block .card-body { padding: 60px 16px 14px !important; } /* "Ver →" en todos los cuadros */ #wrap section.s_product_list.d-lg-block .card-body::after { content: "Ver →"; position: absolute; right: 16px; bottom: 14px; padding: 5px 12px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.08); color: #ffffff; font-size: 10px; letter-spacing: 1.5px; } } /* ===== INICIO COMPU: "Behind the Magic" en azul continuo con retratos ===== */ @media (min-width: 992px) { /* ----- Título: mismo azul que el mosaico, sin corte ----- */ #wrap section.s_title.d-lg-block:has(+ section.s_masonry_block) { background: linear-gradient(to bottom, #050b2b 0%, #07102f 100%) !important; padding-top: 48px !important; padding-bottom: 8px !important; } #wrap section.s_title.d-lg-block:has(+ section.s_masonry_block) h2::before { content: "✦"; display: block; width: 140px; margin: 0 auto 26px; font-size: 11px; line-height: 1; color: #ffffff; opacity: 0.6; background: linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)) left center / 38% 1px no-repeat, linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)) right center / 38% 1px no-repeat; } #wrap section.s_title.d-lg-block:has(+ section.s_masonry_block) h2, #wrap section.s_title.d-lg-block:has(+ section.s_masonry_block) h2 * { color: #ffffff !important; font-size: 40px !important; letter-spacing: 4px !important; line-height: 1.1 !important; } #wrap section.s_title.d-lg-block:has(+ section.s_masonry_block) p, #wrap section.s_title.d-lg-block:has(+ section.s_masonry_block) p * { color: rgba(255, 255, 255, 0.7) !important; font-size: 15px !important; letter-spacing: 1px !important; margin-top: 10px !important; } /* ----- Tarjetas: mismo azul, retratos más chicos y centrados ----- */ #wrap section.s_title.d-lg-block + section.s_masonry_block { background: linear-gradient(to bottom, #07102f 0%, #0a1438 100%) !important; padding-top: 36px !important; padding-bottom: 80px !important; } #wrap section.s_title.d-lg-block + section.s_masonry_block > .container { max-width: 900px !important; } #wrap section.s_title.d-lg-block + section.s_masonry_block .row.o_grid_mode { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-template-rows: none !important; grid-auto-rows: auto !important; gap: 24px !important; margin: 0 !important; } /* Cada retrato */ #wrap section.s_title.d-lg-block + section.s_masonry_block .o_grid_item { grid-area: auto !important; width: auto !important; max-width: none !important; aspect-ratio: 4 / 5; height: auto !important; min-height: 0 !important; padding: 28px !important; border-radius: 18px !important; border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35) !important; overflow: hidden; transition: transform 0.4s ease; } #wrap section.s_title.d-lg-block + section.s_masonry_block .o_grid_item:hover { transform: translateY(-4px); } /* Oscurecido solo abajo, para que se vean las caras */ #wrap section.s_title.d-lg-block + section.s_masonry_block .o_we_bg_filter { background: linear-gradient(to top, rgba(5, 10, 30, 0.85) 0%, rgba(5, 10, 30, 0) 55%) !important; background-color: transparent !important; } /* Nombres finos: nombre ligero, apellido en bold */ #wrap section.s_title.d-lg-block + section.s_masonry_block h6 { margin: 0 !important; line-height: 1 !important; } #wrap section.s_title.d-lg-block + section.s_masonry_block h6, #wrap section.s_title.d-lg-block + section.s_masonry_block h6 * { color: #ffffff !important; font-size: 34px !important; letter-spacing: 2px !important; } #wrap section.s_title.d-lg-block + section.s_masonry_block h6 br { display: none; } #wrap section.s_title.d-lg-block + section.s_masonry_block h6 + h6 { margin-top: 4px !important; } /* Ocultar la "A" suelta y el renglón vacío */ #wrap section.s_title.d-lg-block + section.s_masonry_block p.lead { display: none !important; } } /* ===== INICIO COMPU: mosaico se funde con Behind the Magic, sin línea ===== */ @media (min-width: 992px) { #wrap section.s_product_list.d-lg-block { position: relative; } #wrap section.s_product_list.d-lg-block::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 140px; background: linear-gradient(to bottom, rgba(5, 11, 43, 0) 0%, #050b2b 100%); pointer-events: none; z-index: 0; } #wrap section.s_product_list.d-lg-block > .container { position: relative; z-index: 1; } } /* ===== INICIO COMPU: Behind the Magic con historia + polaroids ===== */ @media (min-width: 992px) { /* Historia a la izquierda, polaroids a la derecha */ #wrap section.s_title.d-lg-block .cdm-historia { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; align-items: center; max-width: 1100px; margin: 0 auto; padding: 24px 0 80px; } #wrap section.cdm-vacia { display: none !important; } /* Texto alineado a la izquierda */ #wrap section.s_title.d-lg-block .cdm-historia-texto h2, #wrap section.s_title.d-lg-block .cdm-historia-texto h2 *, #wrap section.s_title.d-lg-block .cdm-historia-texto p, #wrap section.s_title.d-lg-block .cdm-historia-texto p * { text-align: left !important; } #wrap section.s_title.d-lg-block .cdm-historia-texto h2::before { content: "✦ NUESTRA HISTORIA" !important; display: block; width: auto !important; margin: 0 0 14px !important; background: none !important; font-size: 11px !important; letter-spacing: 4px !important; opacity: 0.6; } #wrap section.s_title.d-lg-block .cdm-historia-texto h2, #wrap section.s_title.d-lg-block .cdm-historia-texto h2 * { font-size: 34px !important; margin-bottom: 18px !important; } #wrap section.s_title.d-lg-block .cdm-historia-texto p, #wrap section.s_title.d-lg-block .cdm-historia-texto p * { max-width: 520px; font-size: 15px !important; line-height: 1.8 !important; letter-spacing: 0.2px !important; color: rgba(255, 255, 255, 0.82) !important; margin: 0 0 14px !important; } #wrap section.s_title.d-lg-block .cdm-historia-texto p strong, #wrap section.s_title.d-lg-block .cdm-historia-texto p b { color: #ffffff !important; } /* Polaroids */ #wrap section.s_title.d-lg-block .cdm-polaroids { position: relative; height: 500px; } #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item { position: absolute !important; grid-area: auto !important; width: 52% !important; max-width: none !important; height: auto !important; aspect-ratio: 3 / 4; padding: 0 !important; border: 12px solid #faf8f3 !important; border-bottom-width: 58px !important; border-radius: 4px !important; background-size: cover !important; background-origin: padding-box !important; background-clip: padding-box !important; box-shadow: 0 22px 44px rgba(0, 0, 0, 0.45) !important; overflow: visible !important; display: flex !important; flex-direction: row !important; align-items: flex-end !important; justify-content: center !important; gap: 7px; transition: transform 0.45s ease; } #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item:nth-child(1) { left: 2%; top: 0; transform: rotate(-5deg); z-index: 1 !important; } #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item:nth-child(2) { right: 2%; top: 70px; transform: rotate(4deg); z-index: 2 !important; } #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item:hover { transform: rotate(0deg) scale(1.03); z-index: 3 !important; } /* Foto con su color real */ #wrap section.s_title.d-lg-block .cdm-polaroids .o_we_bg_filter { display: none !important; } /* Nombre escrito en el marco de abajo */ #wrap section.s_title.d-lg-block .cdm-polaroids h6 { margin: 0 !important; line-height: 1 !important; transform: translateY(42px); } #wrap section.s_title.d-lg-block .cdm-polaroids h6, #wrap section.s_title.d-lg-block .cdm-polaroids h6 * { color: #112250 !important; font-size: 18px !important; letter-spacing: 1px !important; } #wrap section.s_title.d-lg-block .cdm-polaroids h6 br, #wrap section.s_title.d-lg-block .cdm-polaroids p.lead { display: none !important; } } /* ===== INICIO COMPU: Behind the Magic, detalles finales ===== */ @media (min-width: 992px) { /* Cinta translúcida arriba de cada polaroid */ #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item::before { content: ""; position: absolute; top: -26px; left: 50%; width: 92px; height: 28px; transform: translateX(-50%) rotate(-3deg); background: repeating-linear-gradient(45deg, rgba(250, 248, 243, 0.55) 0 6px, rgba(250, 248, 243, 0.42) 6px 12px); border-radius: 2px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25); z-index: 5; } #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item:nth-child(2)::before { transform: translateX(-50%) rotate(4deg); } /* Frase de entrada con la tipografía de los títulos */ #wrap section.s_title.d-lg-block .cdm-historia-texto h2 + p, #wrap section.s_title.d-lg-block .cdm-historia-texto h2 + p * { font-family: var(--headings-font-family, inherit) !important; font-size: 20px !important; letter-spacing: 1px !important; color: #ffffff !important; opacity: 0.9; margin-bottom: 26px !important; } /* Botón fino (si agregas uno en el editor) */ #wrap section.s_title.d-lg-block .cdm-historia-texto .btn { margin-top: 14px; padding: 10px 24px !important; border-radius: 999px !important; border: 1px solid rgba(255, 255, 255, 0.6) !important; background: rgba(255, 255, 255, 0.06) !important; color: #ffffff !important; font-size: 12px !important; letter-spacing: 2px !important; text-transform: uppercase; transition: background 0.3s ease; } #wrap section.s_title.d-lg-block .cdm-historia-texto .btn:hover { background: rgba(255, 255, 255, 0.16) !important; } } /* ===== INICIO COMPU: Behind the Magic nivel pro ===== */ @media (min-width: 992px) { /* Texto parejo: todos los párrafos iguales... */ #wrap section.s_title.d-lg-block .cdm-historia-texto h2 + p:not(.cdm-entrada), #wrap section.s_title.d-lg-block .cdm-historia-texto h2 + p:not(.cdm-entrada) *, #wrap section.s_title.d-lg-block .cdm-historia-texto p:not(.cdm-entrada), #wrap section.s_title.d-lg-block .cdm-historia-texto p:not(.cdm-entrada) * { font-family: inherit !important; font-size: 15px !important; line-height: 1.8 !important; letter-spacing: 0.2px !important; color: rgba(255, 255, 255, 0.82) !important; opacity: 1; } #wrap section.s_title.d-lg-block .cdm-historia-texto p strong, #wrap section.s_title.d-lg-block .cdm-historia-texto p b { color: #ffffff !important; } /* ...y solo la frase de entrada con la tipografía de títulos */ #wrap section.s_title.d-lg-block .cdm-historia-texto p.cdm-entrada, #wrap section.s_title.d-lg-block .cdm-historia-texto p.cdm-entrada * { font-family: var(--headings-font-family, inherit) !important; font-size: 20px !important; letter-spacing: 1px !important; color: #ffffff !important; margin-bottom: 24px !important; } /* Fila de cifras */ #wrap section.s_title.d-lg-block .cdm-cifras { display: flex; max-width: 520px; margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.15); } #wrap section.s_title.d-lg-block .cdm-cifras > div { flex: 1; padding: 0 18px; border-left: 1px solid rgba(255, 255, 255, 0.15); } #wrap section.s_title.d-lg-block .cdm-cifras > div:first-child { padding-left: 0; border-left: 0; } #wrap section.s_title.d-lg-block .cdm-cifras b { display: block; font-family: var(--headings-font-family, inherit); font-weight: 400; font-size: 24px; line-height: 1.1; color: #ffffff; } #wrap section.s_title.d-lg-block .cdm-cifras span { display: block; margin-top: 6px; font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; color: rgba(255, 255, 255, 0.55); } /* La "C" de la marca como marca de agua detrás de las polaroids */ #wrap section.s_title.d-lg-block .cdm-polaroids::before { content: ""; position: absolute; inset: -30px -10px -40px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcAAABACAYAAABItWqnAAAI80lEQVR42uWce4wV1R3HP2fu7sLyVPBBoRAFmhJaHxQFTRErfUjVWomBGlrtM7HpK9UGaWJqiW1p2qapqTFV01hSKyGN2IePJpWksUapfSggIFLDWiqPgiAgLK+999s/5nfkx/HO3UX2Lrt7TzK5c2bmzvnNd37v8zsT6KYmKQAZQAih7I63ApOBC4HzgInAaGAEMBQYCDQBZeAQsAfYDrQB64G1wDqgzd83GZcQgqqcmw98CVgCPFh0XVEL3QRMKQFkNPBhYDYwHRgHNNe4xWHbKkALMKjKNa8BzwIrgOesvzcZdxhwLjADmAfMtFN/Aq4GsmoA1wWcKqDMBj4PXAkMr/YXYAPwT+B5238NeAM4YNyTGTcNB94FvBeYClxqnBdbu/13nz1HK3CmbbGV7dyMEMLKlN66NElBUsntz5f0dx3fjrj9FyV9V9JUSc0nMe5oSXMlPShpp4rbURu/Imml/Tej3i2CYvtXSvqbI6os6ZDrPynpE5Ka0ntIarLfzLbgtngsXtcUdYu7x2mS5kn6YzLmUQOlw/o32PVN9QamyX7PlrTEEdThiJKkFyRdk/43gnAS40fASsnx90v6maTXE5raJA2MoPeEGH1c0mbHKWX3lsqSFklqSR4m1IsmLy4mdoskbTN6bqsr13jUJd2esK//3SzpQ9XErwdEPUvE/SxJ35E0pm5c43RBJulXCbd4YP4haawTn8ApaEZrU08NFCQ1S/q9s0CVBJinzb+gRwg7AZDqxTFRnoOk31UxzVHH/MsBU6IRmrNKv6wCTNm4Z6ukMY0KzIIqwET/oSxpZm8SpR5z8CTNNCC87+LFaZFd19wowESrNFTSJidCKTBrnHcbGo1r7kqskRKgrmg0PRMt0/nGIR0F4vR4QwGTcM2jCRiphbrEhxKNBMxFBkA5ASYC9VSPhf69pPkHvcUSQ5WCa+/zqdBGEqtRkvYb51QSv0aWWBruc7aNxDmfBAa7tKJPMwI8GULYa2lGNRo415Hnd1OuiP0njGNCo4nUmZJ2JWLk949IGt9oyjhyzjTyOaSUc6L4bAL+AxBCqDQaONNtP33w2F8XQig3lOPnwLmgk2s2JPqnocCZUMXn8a2NBm0ZcHbBucgp2xMd1FDgDCsQm9jf019TNF0Bp6UTzjnUHzknhKDOAOqK31Lpj1wjKesMoMyFCEWtub9YKwfEROC3ncWLGbC/QGxif0g/Yproq00Crge+nRx/Gzi7ioC235F9mXNi4UES+gwxiZkBDChSHRmwuRPOeXcfV7xl2ypAxUToWuOWplo6NSOvt6tljSb2Vd0iaZikqyTNkXQuedmbgEfJy+yWAEcBXx8U64FKGXkJWi0/Z3Jfs1pmhUrkpXGzgUeAjUCbpKtDCEuBp80BzgCFEOLWYVs5SJoErDZ/x0fmcX8nMCGE8Kak0FeSXZ5WSRcAi4Ep5HWGN1jAfXkIYaqkAcAR8lrEueT1hS1RYa2qMonnczqXRuXWD8z5YknbJb0k6VVJn5L0jKR11o9tVvzDTwom8mL/druuqQ+C0SxphqRPS5pnxxbWKLZcLmmav8ElBZwTp2VWdjUe6WXAxMLLG11BxCZJX5O00crjviDp55K+LmmspIFvSYmrxVmTVGF60TpquqnPpEojMK4/wkSq3Up//y3p11W4rOWt/7mSk68WzHZG0fp+HxYtXy+4wJ5pp6T1VrK3RtIWK9sdG826LyYcaubuLLNUmTPhGbCFvJq8PZrL3mylJF0M7AwhvGrHPwpcBjwAvGhO4J/JK97XA6uAR0II246zylUKlo4W6J6bezv3uGeZK+mwWeKrJLWalbrTuGSVXXeGpAmdhvCSBps5S+fMYyFBmw2S9Vbl7CpgP+CmnNol3SfpY5IOmHL+saTH3TOuN0Cbos7JnIiEEMIB4FbePmeeWf8c4BaLU3qlz2O0BeAF4CPki05agc9YVlOWhvmsqYobgR8B/7PnG5RjnLx8V3HxcBXxity0X9L4yG29NJFVcuI1zZ7jTUn3mopYHKvsawKdsqRLU6wGRiXKuWwc85cQwiwjoNwblHOcrvYTj3EJkaStFmROJq8LWAp0WNB5t+3vDCHs6JLZk3RFQdFk5KY7om/QyzhnpK3PGBcVtKSXJa01HbSiwDM+YJHCqJpLAqr4Pr5yveIAmnOqAYrcLmm2ebuDDYBDkm6yFT7tRu9Ndu18SXdb/eNfzUNeaOqiuSuDRoB+UFCPXLZBZ/Q0QMkqnljPuNxou9COr7ClTQvtZX6zXj7DT5OFXj4O2yPpg6eKgxyN9xhtDxlgX0mWPj0s6VlJX5Z0q8VXF9t6rBMvHU7e0J0J13iA9ku61r3JrI5KF0mnW5RdcvRdZ7Qss/5L1n/AdE7adkj6htVdv7NlRwlAN1dZZ+WdxYX+jXa3o+jo+J6N9y33Qt4naZ85cvfa+R9Keo+kceYATrcIfYKkofVg35mSXnFhRTnhpse8O96dIDkabrPxljrA7jAxesw4ea2kX1haYoek82sFpN1J3Ei3OM2D1OH00EJJQxKQTmpJgEuCP2HjPGfHr3e0/NdCh8F2boyk30i6X9KAmJKo11osH/5f41KsEaTDrr/Rkkgj0nt4sIoIdWCULNdSsnWcu41bd5uSlZnkLXb8DUlPRV+nipPbY6a0xSzDy4mp98uZt5pfcZkls2sFv1mtN2vK+CF7EYcMhFl27iITo7Kj43lJn/MBZZfjtJPlorjCX9Igy9x/0fImJLMYsW0EniH/9MJq8nrD3SGEjgLrdAb53Nk0YBZwOce+drCPvLj8ILDM8jinA+OBBZajmgqsAe4Hlp9ILip0k3nNks82TCEv351NXlY3oMYtDgCvW/R80KL/VuA0i/H8Zx92AduAvRbjTbLrIP+gxzLLLBynJ6sB3yPgpCABFf9mJJ1D/gWUKRb4jSWvXh1mIAzgWLVHO7Cb/BsVr5DXI24gr2jdGkLYm4w5DrgLmGOH5gB/4Ng0r0IIFSs3qZwycKoovqwoYrcMf/w8TMmi4oPA/hDC4a5E3y53g00dnWfpzsUGStmnTd/Jc/wf07zT3ea+I40AAAAASUVORK5CYII=") center / contain no-repeat; opacity: 0.06; pointer-events: none; z-index: 0; } /* Destellos sutiles alrededor de las fotos */ #wrap section.s_title.d-lg-block .cdm-polaroids::after { content: ""; position: absolute; inset: -20px; background: radial-gradient(circle, rgba(255, 238, 200, 0.95) 0 1.5px, rgba(255, 238, 200, 0) 3px) 6% 12% / 12px 12px no-repeat, radial-gradient(circle, rgba(255, 238, 200, 0.85) 0 1px, rgba(255, 238, 200, 0) 2.5px) 96% 6% / 10px 10px no-repeat, radial-gradient(circle, rgba(255, 238, 200, 0.9) 0 1.5px, rgba(255, 238, 200, 0) 3px) 2% 88% / 12px 12px no-repeat, radial-gradient(circle, rgba(255, 238, 200, 0.8) 0 1px, rgba(255, 238, 200, 0) 2.5px) 92% 96% / 10px 10px no-repeat; pointer-events: none; z-index: 4; animation: cdm-destellos 3.5s ease-in-out infinite; } @keyframes cdm-destellos { 0%, 100% { opacity: 0.35; } 50% { opacity: 1; } } } /* ===== INICIO COMPU: Navidad entre líneas, concepto editorial + divisiones suaves ===== */ @media (min-width: 992px) { /* ----- La sección crema, con las curvas dibujadas adentro ----- */ #wrap section.s_references { position: relative; background: #faf8f3 !important; padding-top: 120px !important; padding-bottom: 120px !important; } #wrap section.s_references > .o_we_shape { display: none !important; } /* Curva de arriba: el azul de Behind the Magic termina redondeado */ #wrap section.s_references::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 48px; background: #07102f; border-radius: 0 0 48px 48px; pointer-events: none; } /* Curva de abajo: el azul de la siguiente sección empieza redondeado */ #wrap section.s_references::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 48px; background: #040b1e; border-radius: 48px 48px 0 0; pointer-events: none; } /* ----- Título entre líneas ----- */ #wrap section.s_references h2 { display: flex !important; align-items: center; justify-content: center; gap: 26px; color: #112250 !important; font-size: 34px !important; letter-spacing: 2px; margin-bottom: 10px !important; } #wrap section.s_references h2::before, #wrap section.s_references h2::after { content: ""; flex: 0 0 110px; height: 1px; background: rgba(17, 34, 80, 0.3); } #wrap section.s_references p.lead, #wrap section.s_references p.lead * { color: #5a6688 !important; font-size: 15px !important; } /* ----- Logos entre dos líneas, con columnas ----- */ #wrap section.s_references .row.align-items-center { margin: 44px auto 0 !important; max-width: 1100px; border-top: 1px solid rgba(17, 34, 80, 0.2); border-bottom: 1px solid rgba(17, 34, 80, 0.2); flex-wrap: nowrap !important; } #wrap section.s_references .row.align-items-center > div { flex: 1 1 0 !important; max-width: none !important; width: auto !important; padding: 30px 26px !important; display: flex; align-items: center; justify-content: center; min-height: 120px; } #wrap section.s_references .row.align-items-center > div + div { border-left: 1px solid rgba(17, 34, 80, 0.14); } /* Logos en un solo tono; el fondo blanco de algunos se funde con la crema */ #wrap section.s_references .row.align-items-center img { max-height: 46px !important; max-width: 100% !important; width: auto !important; object-fit: contain; filter: grayscale(1) contrast(1.1); mix-blend-mode: multiply; opacity: 0.8; transition: filter 0.4s ease, opacity 0.4s ease, transform 0.4s ease; } #wrap section.s_references .row.align-items-center > div:hover img { filter: none; opacity: 1; transform: scale(1.04); } /* CHIC trae mucho espacio vacío: se agranda para emparejarlo */ #wrap section.s_references .row.align-items-center img[src*="chic"] { max-height: 90px !important; } } /* ===== INICIO COMPU: Navidad entre líneas, ajustes finos ===== */ @media (min-width: 992px) { /* Líneas del título dobles y finas, como en un periódico */ #wrap section.s_references h2::before, #wrap section.s_references h2::after { height: 4px !important; background: none !important; border-top: 1px solid rgba(17, 34, 80, 0.35); border-bottom: 1px solid rgba(17, 34, 80, 0.35); } /* Fila de logos entre dobles líneas */ #wrap section.s_references .row.align-items-center { align-items: stretch !important; border-top: 4px double rgba(17, 34, 80, 0.35) !important; border-bottom: 4px double rgba(17, 34, 80, 0.35) !important; } /* Logos un poco más grandes, no gigantes */ #wrap section.s_references .row.align-items-center img { max-height: 56px !important; } #wrap section.s_references .row.align-items-center img[src*="chic"] { max-height: 100px !important; } } /* ===== INICIO COMPU: "The Magic Lives Here" como showroom ===== */ @media (min-width: 992px) { /* Fondo azul sin la imagen del escenario */ #wrap section.s_call_to_action.d-lg-block { background-image: radial-gradient(ellipse 60% 45% at 50% 0%, rgba(70, 100, 200, 0.28) 0%, rgba(70, 100, 200, 0) 70%), linear-gradient(to bottom, #040b1e 0%, #0a1438 100%) !important; padding-top: 90px !important; padding-bottom: 0 !important; border-radius: 0 0 48px 48px; overflow: hidden; } #wrap section.s_call_to_action.d-lg-block > .o_we_shape { display: none !important; } /* Dos columnas: información y cascanueces */ #wrap section.cdm-showroom .row { display: grid !important; grid-template-columns: 1.15fr 0.85fr; align-items: end; gap: 40px; } #wrap section.cdm-showroom .row > .col-lg-9 { width: auto !important; max-width: none !important; padding-bottom: 90px !important; } /* Encabezado */ #wrap section.cdm-showroom h2::before { content: "✦ NUESTRO SHOWROOM"; display: block; margin-bottom: 14px; font-size: 11px; letter-spacing: 4px; opacity: 0.6; } #wrap section.cdm-showroom h2, #wrap section.cdm-showroom h2 * { color: #ffffff !important; font-size: 40px !important; letter-spacing: 4px !important; line-height: 1.1 !important; } #wrap section.cdm-showroom p.lead, #wrap section.cdm-showroom p.lead * { color: rgba(255, 255, 255, 0.75) !important; font-size: 17px !important; letter-spacing: 0.5px; } /* Tarjeta de visita de vidrio */ #wrap section.cdm-showroom .cdm-visita-pc { max-width: 560px; margin-top: 26px; padding: 24px 26px; border-radius: 22px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.14); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #ffffff; } #wrap section.cdm-showroom .cdm-visita-pc .cdm-estado { display: inline-block; padding: 5px 12px; border-radius: 999px; font-size: 11px; letter-spacing: 0.5px; background: rgba(255, 255, 255, 0.1); margin-bottom: 16px; } #wrap section.cdm-showroom .cdm-visita-pc .cdm-estado.abierto { background: rgba(76, 175, 120, 0.2); color: #9fe3b8; } #wrap section.cdm-showroom .cdm-visita-pc .cdm-fila { display: grid; grid-template-columns: 1.2fr 1px 1fr; gap: 22px; align-items: start; } #wrap section.cdm-showroom .cdm-visita-pc .cdm-linea { align-self: stretch; background: rgba(255, 255, 255, 0.2); } #wrap section.cdm-showroom .cdm-visita-pc small { display: block; margin-bottom: 6px; font-size: 10px; letter-spacing: 2.5px; text-transform: uppercase; opacity: 0.55; } #wrap section.cdm-showroom .cdm-visita-pc p { margin: 0; font-size: 14px; line-height: 1.6; opacity: 0.9; } #wrap section.cdm-showroom .cdm-visita-pc .cdm-llegar { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 9px 20px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.6); color: #ffffff !important; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none !important; transition: background 0.3s ease; } #wrap section.cdm-showroom .cdm-visita-pc .cdm-llegar:hover { background: rgba(255, 255, 255, 0.12); } /* Mapa chico y enmarcado */ #wrap section.cdm-showroom .s_map { max-width: 560px; margin-top: 18px; padding: 0 !important; } #wrap section.cdm-showroom .s_map .map_container { position: relative; height: 200px !important; padding: 0 !important; border-radius: 18px !important; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.15); } #wrap section.cdm-showroom .s_map iframe { position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; } /* Cascanueces flotando */ #wrap section.cdm-showroom .cdm-cascanueces { display: flex; justify-content: center; align-items: flex-end; } #wrap section.cdm-showroom .cdm-cascanueces img { display: block; max-height: 600px !important; width: auto !important; max-width: 100% !important; filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.45)); animation: cdm-flota 6s ease-in-out infinite; } @keyframes cdm-flota { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } } /* ===== INICIO COMPU: showroom compacto, mapa en recuadro, cascanueces asomándose ===== */ @media (min-width: 992px) { /* Sección: más compacta y encima de la de arriba para que el cascanueces se asome */ #wrap section.s_call_to_action.d-lg-block { position: relative; z-index: 2; overflow: visible !important; padding-top: 70px !important; padding-bottom: 70px !important; background-image: radial-gradient(ellipse 55% 50% at 40% 45%, rgba(70, 100, 200, 0.22) 0%, rgba(70, 100, 200, 0) 70%), linear-gradient(to bottom, #040b1e 0%, #0a1438 100%) !important; } /* Columna de información más angosta */ #wrap section.cdm-showroom .row { display: block !important; } #wrap section.cdm-showroom .row > .col-lg-9 { max-width: 640px !important; padding-bottom: 0 !important; } /* Textos más chicos */ #wrap section.cdm-showroom h2, #wrap section.cdm-showroom h2 * { font-size: 34px !important; } #wrap section.cdm-showroom p.lead, #wrap section.cdm-showroom p.lead * { font-size: 15px !important; } /* Tarjeta de visita más compacta */ #wrap section.cdm-showroom .cdm-visita-pc { max-width: 600px; margin-top: 20px; padding: 20px 22px; } #wrap section.cdm-showroom .cdm-visita-pc p { font-size: 13px; } #wrap section.cdm-showroom .cdm-visita-pc .cdm-estado { margin-bottom: 14px; } /* Mapa en recuadro dentro de la tarjeta */ #wrap section.cdm-showroom .cdm-visita-pc.con-mapa { display: grid; grid-template-columns: minmax(0, 1fr) 170px; gap: 22px; align-items: stretch; } #wrap section.cdm-showroom .cdm-visita-pc .s_map { max-width: none; margin: 0 !important; padding: 0 !important; } #wrap section.cdm-showroom .cdm-visita-pc .s_map .map_container { height: 100% !important; min-height: 170px; border-radius: 14px !important; } /* Cascanueces más alto que la sección: el sombrero sale por arriba */ #wrap section.cdm-showroom .cdm-cascanueces { position: absolute; right: 6%; bottom: 0; height: calc(100% + 150px); display: block; z-index: 3; pointer-events: none; } #wrap section.cdm-showroom .cdm-cascanueces img { height: 100% !important; width: auto !important; max-height: none !important; max-width: none !important; } } /* ===== INICIO COMPU: showroom, cascanueces a la derecha y tarjeta más ancha ===== */ @media (min-width: 992px) { /* El cascanueces se acomoda respecto a toda la sección, no al texto */ #wrap section.cdm-showroom > .container, #wrap section.cdm-showroom .row, #wrap section.cdm-showroom .row > .col-lg-9 { position: static !important; } #wrap section.cdm-showroom .cdm-cascanueces { right: 5% !important; bottom: 0 !important; height: calc(100% + 130px) !important; } /* Tarjeta un poco más ancha para que el horario no se parta */ #wrap section.cdm-showroom .row > .col-lg-9 { width: 100% !important; max-width: 700px !important; } #wrap section.cdm-showroom .cdm-visita-pc { max-width: 660px; } #wrap section.cdm-showroom .cdm-visita-pc.con-mapa { grid-template-columns: minmax(0, 1fr) 150px; } } /* ===== INICIO COMPU: showroom, cascanueces volteado a la derecha + tarjeta compacta ===== */ @media (min-width: 992px) { /* Cascanueces pegado a la derecha */ #wrap section.cdm-showroom .cdm-cascanueces { display: flex !important; justify-content: flex-end !important; align-items: flex-end !important; right: 4% !important; left: auto !important; width: 46% !important; } /* Volteado, sin perder la flotación suave */ #wrap section.cdm-showroom .cdm-cascanueces img { animation: cdm-flota-volteado 6s ease-in-out infinite !important; } @keyframes cdm-flota-volteado { 0%, 100% { transform: scaleX(-1) translateY(0); } 50% { transform: scaleX(-1) translateY(-10px); } } /* Tarjeta de visita más compacta y elegante */ #wrap section.cdm-showroom .row > .col-lg-9 { max-width: 620px !important; } #wrap section.cdm-showroom .cdm-visita-pc { max-width: 560px !important; padding: 18px 20px !important; border-radius: 18px !important; } #wrap section.cdm-showroom .cdm-visita-pc.con-mapa { grid-template-columns: minmax(0, 1fr) 130px !important; gap: 18px !important; } #wrap section.cdm-showroom .cdm-visita-pc .cdm-fila { grid-template-columns: 1fr !important; gap: 12px !important; } #wrap section.cdm-showroom .cdm-visita-pc .cdm-linea { display: none !important; } #wrap section.cdm-showroom .cdm-visita-pc p { font-size: 13px !important; line-height: 1.5 !important; } #wrap section.cdm-showroom .cdm-visita-pc small { margin-bottom: 3px !important; } #wrap section.cdm-showroom .cdm-visita-pc .cdm-estado { font-size: 10.5px !important; margin-bottom: 12px !important; } #wrap section.cdm-showroom .cdm-visita-pc .cdm-llegar { margin-top: 14px !important; padding: 8px 18px !important; } #wrap section.cdm-showroom .cdm-visita-pc .s_map .map_container { min-height: 0 !important; border-radius: 12px !important; } } /* ===== INICIO COMPU: showroom, información repartida + WhatsApp ===== */ @media (min-width: 992px) { /* Columna y tarjeta */ html body #wrap section.cdm-showroom .row > .col-lg-9 { max-width: 780px !important; } html body #wrap section.cdm-showroom .cdm-visita-pc { max-width: 760px !important; padding: 24px 26px !important; } /* Tarjeta: información a la izquierda, mapa a la derecha */ html body #wrap section.cdm-showroom .cdm-visita-pc.con-mapa { display: grid !important; grid-template-columns: minmax(0, 1fr) 170px !important; gap: 26px !important; align-items: stretch !important; } html body #wrap section.cdm-showroom .cdm-visita-info { display: flex; flex-direction: column; justify-content: space-between; } /* Dirección | Horario, lado a lado */ html body #wrap section.cdm-showroom .cdm-visita-pc .cdm-fila { display: grid !important; grid-template-columns: 1.2fr 1px 1fr !important; gap: 22px !important; align-items: start !important; } html body #wrap section.cdm-showroom .cdm-visita-pc .cdm-linea { display: block !important; align-self: stretch !important; background: rgba(255, 255, 255, 0.2) !important; } html body #wrap section.cdm-showroom .cdm-visita-pc p { font-size: 13px !important; line-height: 1.6 !important; } /* Mapa: recuadro del alto de la tarjeta */ html body #wrap section.cdm-showroom .cdm-visita-pc .s_map, html body #wrap section.cdm-showroom .cdm-visita-pc .s_map .map_container { height: 100% !important; min-height: 0 !important; } html body #wrap section.cdm-showroom .cdm-visita-pc .s_map .map_container { border-radius: 14px !important; } /* Botones en una fila */ html body #wrap section.cdm-showroom .cdm-acciones { display: flex !important; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 20px; } html body #wrap section.cdm-showroom .cdm-acciones .cdm-llegar { margin: 0 !important; padding: 9px 20px !important; } /* WhatsApp: píldora blanca, botón principal */ html body #wrap section.cdm-showroom a.cdm-wa { display: inline-flex !important; align-items: center !important; gap: 8px; padding: 9px 20px !important; border-radius: 999px !important; border: 1px solid #ffffff !important; background: #ffffff !important; color: #112250 !important; font-size: 11px !important; line-height: 1.2 !important; letter-spacing: 2px !important; text-transform: uppercase !important; text-decoration: none !important; transition: transform 0.2s ease, box-shadow 0.3s ease; } html body #wrap section.cdm-showroom a.cdm-wa .fa { font-size: 14px !important; letter-spacing: 0 !important; color: #112250 !important; } html body #wrap section.cdm-showroom a.cdm-wa:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(255, 255, 255, 0.18); } } /* ===== INICIO COMPU: Navidad entre líneas como libro abierto ===== */ @media (min-width: 992px) { /* Fondo azul continuo, sin la franja crema ni las curvas */ html body #wrap section.s_references { background: linear-gradient(to bottom, #07102f 0%, #040b1e 100%) !important; padding-top: 90px !important; padding-bottom: 110px !important; } html body #wrap section.s_references::before, html body #wrap section.s_references::after { display: none !important; } /* El libro: dos páginas */ html body #wrap section.s_references > .container { position: relative; display: grid !important; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; max-width: 980px !important; min-height: 440px; padding: 0 !important; background: #f4efe4; border-radius: 6px; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.45); } /* Lomo del libro */ html body #wrap section.s_references > .container::before { content: ""; position: absolute; top: 0; bottom: 0; left: 50%; width: 34px; transform: translateX(-50%); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.14) 50%, rgba(0, 0, 0, 0) 100%); pointer-events: none; } /* ----- Página izquierda: capítulo ----- */ html body #wrap section.s_references h2 { grid-column: 1; grid-row: 1; align-self: end; display: block !important; margin: 0 0 12px !important; padding: 0 48px; text-align: center !important; color: #112250 !important; font-size: 34px !important; letter-spacing: 2px !important; } html body #wrap section.s_references h2::before { content: "✦ CAPÍTULO PRENSA ✦" !important; display: block !important; flex: none !important; width: auto !important; height: auto !important; border: 0 !important; background: none !important; margin-bottom: 16px; font-size: 11px; letter-spacing: 4px; color: #8a7a5a; } html body #wrap section.s_references h2::after { content: none !important; } html body #wrap section.s_references p.lead { grid-column: 1; grid-row: 2; align-self: start; margin: 0 !important; padding: 0 56px; text-align: center !important; } html body #wrap section.s_references p.lead, html body #wrap section.s_references p.lead * { color: #5a6688 !important; font-size: 14px !important; line-height: 1.6 !important; } /* ----- Página derecha: índice con logos ----- */ html body #wrap section.s_references .row.align-items-center { grid-column: 2; grid-row: 1 / 3; display: flex !important; flex-direction: column !important; justify-content: center !important; max-width: none !important; margin: 0 !important; padding: 44px 52px !important; border: 0 !important; counter-reset: prensa; } html body #wrap section.s_references .row.align-items-center::before { content: "ÍNDICE"; margin-bottom: 8px; font-size: 11px; letter-spacing: 3px; color: #8a7a5a; } html body #wrap section.s_references .row.align-items-center > div { counter-increment: prensa; flex: none !important; width: 100% !important; max-width: none !important; min-height: 0 !important; padding: 10px 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; border: 0 !important; border-bottom: 1px dotted rgba(17, 34, 80, 0.3) !important; } html body #wrap section.s_references .row.align-items-center > div:last-child { border-bottom: 0 !important; } /* Número romano a la derecha */ html body #wrap section.s_references .row.align-items-center > div::after { content: counter(prensa, upper-roman); margin-left: 16px; font-family: var(--headings-font-family, inherit); font-size: 13px; color: #8a7a5a; } /* Logos alineados a la izquierda, en un solo tono sobre el papel */ html body #wrap section.s_references .row.align-items-center img { max-height: 30px !important; max-width: 62% !important; width: auto !important; margin: 0 auto 0 0 !important; object-fit: contain !important; object-position: left center !important; filter: grayscale(1) contrast(1.1); mix-blend-mode: multiply; opacity: 0.85; transform: none !important; transition: filter 0.4s ease, opacity 0.4s ease; } html body #wrap section.s_references .row.align-items-center img[src*="chic"] { max-height: 54px !important; } html body #wrap section.s_references .row.align-items-center > div:hover img { filter: none; opacity: 1; } } /* ===== INICIO COMPU: libro abierto, más realista y logos parejos ===== */ @media (min-width: 992px) { html body #wrap section.s_references { padding-top: 60px !important; } /* Páginas que se curvan hacia el lomo + hojas apiladas abajo */ html body #wrap section.s_references > .container { background: linear-gradient(to right, #e9e2d2 0%, #f4efe4 7%, #f4efe4 44%, #e4dccb 50%, #f4efe4 56%, #f4efe4 93%, #e9e2d2 100%) !important; box-shadow: 0 2px 0 #e6dfd0, 0 4px 0 #dcd3c1, 0 6px 0 #d2c8b4, 0 34px 60px rgba(0, 0, 0, 0.5) !important; } /* Lomo más marcado */ html body #wrap section.s_references > .container::before { width: 70px !important; background: linear-gradient(rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18)) center / 1px 100% no-repeat, linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.16) 50%, rgba(0, 0, 0, 0) 100%) !important; } /* Renglones del índice parejos */ html body #wrap section.s_references .row.align-items-center > div { padding: 12px 0 !important; } /* Cada logo en una caja del mismo tamaño */ html body #wrap section.s_references .row.align-items-center img { width: 160px !important; height: 34px !important; max-width: 60% !important; max-height: none !important; object-fit: contain !important; object-position: left center !important; } html body #wrap section.s_references .row.align-items-center img[src*="chic"] { height: 52px !important; margin-top: -9px !important; margin-bottom: -9px !important; } } /* ===== INICIO COMPU: libro con pasta dura + página derecha tipo revista ===== */ @media (min-width: 992px) { /* ----- Pasta dura azul con filo dorado + hojas apiladas ----- */ html body #wrap section.s_references > .container { margin-top: 20px !important; margin-bottom: 20px !important; border-radius: 4px !important; box-shadow: -2px 2px 0 #e9e2d2, 2px 2px 0 #e9e2d2, -4px 4px 0 #ddd4c2, 4px 4px 0 #ddd4c2, -6px 6px 0 #d1c7b2, 6px 6px 0 #d1c7b2, 0 0 0 16px #112250, 0 0 0 17px rgba(201, 169, 106, 0.55), 0 40px 70px rgba(0, 0, 0, 0.55) !important; } /* ----- Página derecha: página de revista ----- */ html body #wrap section.s_references .row.align-items-center { display: grid !important; grid-template-columns: 1fr 1fr !important; grid-auto-rows: 1fr !important; align-content: center !important; padding: 46px 48px !important; } html body #wrap section.s_references .row.align-items-center::before { content: "✦ HAN HABLADO DE NOSOTRAS ✦" !important; grid-column: 1 / -1; text-align: center; margin-bottom: 18px !important; font-size: 11px !important; letter-spacing: 3px !important; color: #8a7a5a !important; } /* Celdas: logos centrados, con líneas finas en cruz */ html body #wrap section.s_references .row.align-items-center > div { justify-content: center !important; padding: 22px 16px !important; border: 0 !important; border-bottom: 1px solid rgba(138, 122, 90, 0.25) !important; } html body #wrap section.s_references .row.align-items-center > div:nth-child(odd) { border-right: 1px solid rgba(138, 122, 90, 0.25) !important; } html body #wrap section.s_references .row.align-items-center > div:nth-last-child(-n+2) { border-bottom: 0 !important; } /* Sin números romanos */ html body #wrap section.s_references .row.align-items-center > div::after { content: none !important; } /* Logos centrados y del mismo tamaño */ html body #wrap section.s_references .row.align-items-center img { width: 150px !important; height: 38px !important; max-width: 90% !important; margin: 0 auto !important; object-position: center center !important; } html body #wrap section.s_references .row.align-items-center img[src*="chic"] { height: 58px !important; margin: -10px auto !important; } } /* ===== INICIO COMPU: libro, página izquierda como portadilla + CHIC parejo ===== */ @media (min-width: 992px) { /* Marco doble en la página izquierda, como portadilla de libro */ html body #wrap section.s_references > .container::after { content: ""; position: absolute; top: 28px; bottom: 28px; left: 28px; width: calc(50% - 72px); border: 3px double rgba(138, 122, 90, 0.45); border-radius: 2px; pointer-events: none; } /* Título lejos del lomo, en dos renglones balanceados */ html body #wrap section.s_references h2 { padding: 0 84px 0 64px !important; font-size: 36px !important; line-height: 1.15 !important; text-wrap: balance; margin-bottom: 0 !important; } /* Adorno ✦ con líneas entre el título y la frase */ html body #wrap section.s_references h2::after { content: "✦" !important; display: block !important; width: 130px !important; height: auto !important; margin: 18px auto 16px !important; font-size: 10px !important; line-height: 1 !important; letter-spacing: 0 !important; color: #8a7a5a !important; border: 0 !important; background: linear-gradient(rgba(138, 122, 90, 0.5), rgba(138, 122, 90, 0.5)) left center / 38% 1px no-repeat, linear-gradient(rgba(138, 122, 90, 0.5), rgba(138, 122, 90, 0.5)) right center / 38% 1px no-repeat !important; } /* Frase también lejos del lomo */ html body #wrap section.s_references p.lead { padding: 0 96px 0 76px !important; } /* CHIC del mismo tamaño que los demás */ html body #wrap section.s_references .row.align-items-center img[src*="chic"] { width: 190px !important; height: 96px !important; max-width: 100% !important; margin: -29px auto !important; } } /* ===== INICIO COMPU: libro, título de revista + todo centrado ===== */ @media (min-width: 992px) { /* Quitar el marco que salió como raya */ html body #wrap section.s_references > .container::after { display: none !important; } /* ----- Página izquierda centrada ----- */ html body #wrap section.s_references h2, html body #wrap section.s_references p.lead { padding-left: 60px !important; padding-right: 60px !important; } /* Título de revista */ html body #wrap section.s_references h2 .cdm-t1 { display: block; font-size: 66px; line-height: 1; letter-spacing: 10px; margin-right: -10px; color: #112250; } html body #wrap section.s_references h2 .cdm-t2 { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 12px; font-size: 17px; letter-spacing: 7px; color: #8a7a5a; } html body #wrap section.s_references h2 .cdm-t2::before, html body #wrap section.s_references h2 .cdm-t2::after { content: ""; flex: 0 0 46px; height: 1px; background: rgba(138, 122, 90, 0.55); } /* Sin el adorno anterior: el título ya lo trae */ html body #wrap section.s_references h2::after { content: none !important; } html body #wrap section.s_references p.lead { margin-top: 22px !important; } /* ----- Página derecha: logos al centro de su página ----- */ html body #wrap section.s_references .row.align-items-center { justify-self: stretch !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 46px 56px !important; justify-content: center !important; } /* CHIC más grande, parejo con los demás */ html body #wrap section.s_references .row.align-items-center img[src*="chic"] { transform: scale(1.7) !important; } } /* ===== INICIO COMPU: libro de prensa según referencia ===== */ @media (min-width: 992px) { html body #wrap section.s_references.cdm-libro { background: linear-gradient(to bottom, #07102f 0%, #040b1e 100%) !important; padding-top: 70px !important; padding-bottom: 130px !important; } /* ----- El libro: papel, cantos dorados, pasta fina ----- */ html body #wrap section.s_references.cdm-libro > .container { position: relative !important; display: grid !important; grid-template-columns: 1fr 1fr !important; grid-template-rows: none !important; max-width: 1060px !important; min-height: 500px !important; margin: 30px auto !important; padding: 0 !important; border-radius: 3px !important; background: linear-gradient(to right, #e8dfcc 0%, #f3ecdc 6%, #f3ecdc 45%, #ddd2bb 50%, #f3ecdc 55%, #f3ecdc 94%, #e8dfcc 100%) !important; box-shadow: -2px 1px 0 #efe6d3, -4px 2px 0 #d9c49a, -6px 3px 0 #efe6d3, -8px 4px 0 #c9a96a, 2px 1px 0 #efe6d3, 4px 2px 0 #d9c49a, 6px 3px 0 #efe6d3, 8px 4px 0 #c9a96a, 0 0 0 20px #13234f, 0 44px 80px rgba(0, 0, 0, 0.55) !important; } /* Lomo */ html body #wrap section.s_references.cdm-libro > .container::before { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 90px !important; transform: translateX(-50%) !important; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(80, 60, 30, 0.16) 50%, rgba(0, 0, 0, 0) 100%) !important; border: 0 !important; pointer-events: none; } /* Listón separador */ html body #wrap section.s_references.cdm-libro > .container::after { content: "" !important; display: block !important; position: absolute !important; top: auto !important; left: 50% !important; bottom: -70px !important; width: 24px !important; height: 80px !important; transform: translateX(-50%) !important; background: linear-gradient(to right, #15275c, #1f3575, #15275c) !important; border: 0 !important; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%); pointer-events: none; } /* ----- Cada página ----- */ html body #wrap section.s_references.cdm-libro .cdm-pag { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 80px 64px 70px; } html body #wrap section.s_references.cdm-libro .cdm-pag::before { content: ""; position: absolute; inset: 28px; border: 1px solid rgba(160, 130, 80, 0.35); pointer-events: none; } html body #wrap section.s_references.cdm-libro .cdm-num { position: absolute; top: 44px; font-size: 10px; letter-spacing: 3px; color: #8a7a5a; } html body #wrap section.s_references.cdm-libro .cdm-izq .cdm-num { left: 50px; } html body #wrap section.s_references.cdm-libro .cdm-der .cdm-num { right: 50px; } /* Etiquetas de arriba */ html body #wrap section.s_references.cdm-libro .cdm-kicker { display: flex; align-items: center; justify-content: center; gap: 16px; margin: 0 0 30px; font-family: var(--headings-font-family, inherit); font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: #8a7a5a; } html body #wrap section.s_references.cdm-libro .cdm-izq .cdm-kicker::before, html body #wrap section.s_references.cdm-libro .cdm-izq .cdm-kicker::after { content: ""; flex: 0 0 70px; height: 1px; background: rgba(138, 122, 90, 0.5); } /* ----- Página izquierda ----- */ html body #wrap section.s_references.cdm-libro h2 { display: block !important; margin: 0 !important; padding: 0 !important; text-align: center !important; } html body #wrap section.s_references.cdm-libro h2::before, html body #wrap section.s_references.cdm-libro h2::after { content: none !important; } html body #wrap section.s_references.cdm-libro h2 .cdm-t1 { display: block; font-size: 74px; line-height: 1; letter-spacing: 4px; margin-right: 0; color: #112250; } html body #wrap section.s_references.cdm-libro h2 .cdm-t2 { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 18px; font-size: 17px; letter-spacing: 8px; color: #8a7a5a; } html body #wrap section.s_references.cdm-libro h2 .cdm-t2::before, html body #wrap section.s_references.cdm-libro h2 .cdm-t2::after { content: ""; flex: 0 0 70px; height: 1px; background: rgba(138, 122, 90, 0.55); } html body #wrap section.s_references.cdm-libro p.lead { max-width: 360px; margin: 26px auto 0 !important; padding: 0 !important; text-align: center !important; } html body #wrap section.s_references.cdm-libro p.lead, html body #wrap section.s_references.cdm-libro p.lead * { font-size: 15px !important; line-height: 1.6 !important; font-style: italic; color: #3f4d78 !important; } html body #wrap section.s_references.cdm-libro .cdm-orn { margin-top: 28px; font-size: 16px; color: #a8884f; } html body #wrap section.s_references.cdm-libro .cdm-archivo { margin: 26px 0 0; font-family: var(--headings-font-family, inherit); font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: #8a7a5a; } /* ----- Página derecha: logos 2 x 3 ----- */ html body #wrap section.s_references.cdm-libro .row.align-items-center { display: grid !important; grid-template-columns: 1fr 1fr !important; grid-auto-rows: auto !important; grid-column: auto !important; grid-row: auto !important; width: 100% !important; max-width: 430px !important; margin: 0 auto !important; padding: 0 !important; border: 0 !important; } html body #wrap section.s_references.cdm-libro .row.align-items-center::before { content: none !important; } html body #wrap section.s_references.cdm-libro .row.align-items-center > div { position: relative; display: flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-height: 0 !important; padding: 30px 18px !important; border: 0 !important; background: none !important; } /* Líneas verticales por segmentos */ html body #wrap section.s_references.cdm-libro .row.align-items-center > div:nth-child(odd) { background: linear-gradient(rgba(160, 130, 80, 0.45), rgba(160, 130, 80, 0.45)) right center / 1px 70% no-repeat !important; } /* Líneas horizontales por segmentos (en las 4 de arriba) */ html body #wrap section.s_references.cdm-libro .row.align-items-center > div:nth-child(-n+4) { background-image: linear-gradient(rgba(160, 130, 80, 0.45), rgba(160, 130, 80, 0.45)), linear-gradient(rgba(160, 130, 80, 0.45), rgba(160, 130, 80, 0.45)) !important; background-size: 1px 70%, 84% 1px !important; background-position: right center, center bottom !important; background-repeat: no-repeat !important; } html body #wrap section.s_references.cdm-libro .row.align-items-center > div:nth-child(2), html body #wrap section.s_references.cdm-libro .row.align-items-center > div:nth-child(4) { background-image: linear-gradient(rgba(160, 130, 80, 0.45), rgba(160, 130, 80, 0.45)) !important; background-size: 84% 1px !important; background-position: center bottom !important; } /* Estrellitas en los cruces */ html body #wrap section.s_references.cdm-libro .row.align-items-center > div::after { content: none !important; } html body #wrap section.s_references.cdm-libro .row.align-items-center > div:nth-child(1)::after, html body #wrap section.s_references.cdm-libro .row.align-items-center > div:nth-child(3)::after { content: "✦" !important; position: absolute; right: -6px; bottom: -9px; margin: 0 !important; font-size: 12px !important; line-height: 1; color: #a8884f !important; } /* Logos oscuros y del mismo tamaño */ html body #wrap section.s_references.cdm-libro .row.align-items-center img { width: 170px !important; height: 46px !important; max-width: 92% !important; max-height: none !important; margin: 0 auto !important; object-fit: contain !important; object-position: center !important; filter: grayscale(1) contrast(1.4) !important; mix-blend-mode: multiply !important; opacity: 1 !important; transform: none !important; } html body #wrap section.s_references.cdm-libro .row.align-items-center img[src*="chic"] { transform: scale(1.7) !important; } html body #wrap section.s_references.cdm-libro .row.align-items-center > div:hover img { filter: none !important; } } /* ===== INICIO COMPU: libro de prensa más real, inclinado y más arriba ===== */ @media (min-width: 992px) { /* Más cerca de Behind the Magic */ html body #wrap section.s_references.cdm-libro { padding-top: 10px !important; padding-bottom: 150px !important; } /* Inclinado, con perspectiva, y orillas curvas */ html body #wrap section.s_references.cdm-libro > .container { margin: 0 auto !important; transform: perspective(2400px) rotateX(9deg) rotate(-2deg); transform-origin: center 60%; border-radius: 8px 8px 4px 4px / 22px 22px 4px 4px !important; box-shadow: -2px 1px 0 #efe6d3, -4px 2px 0 #d9c49a, -6px 3px 0 #efe6d3, -8px 4px 0 #c9a96a, 2px 1px 0 #efe6d3, 4px 2px 0 #d9c49a, 6px 3px 0 #efe6d3, 8px 4px 0 #c9a96a, 0 0 0 20px #13234f, 0 26px 30px -6px rgba(0, 0, 0, 0.45), 0 60px 90px rgba(0, 0, 0, 0.5) !important; } /* Textura de papel y luz desde arriba en cada página */ html body #wrap section.s_references.cdm-libro .cdm-pag::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 70%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"); mix-blend-mode: multiply; } html body #wrap section.s_references.cdm-libro .cdm-izq::after { border-radius: 8px 0 0 4px / 22px 0 0 4px; } html body #wrap section.s_references.cdm-libro .cdm-der::after { border-radius: 0 8px 4px 0 / 0 22px 4px 0; } /* Las hojas se hunden un poco hacia el lomo */ html body #wrap section.s_references.cdm-libro > .container::before { width: 120px !important; background: linear-gradient(rgba(120, 95, 55, 0.25), rgba(120, 95, 55, 0.25)) center / 1px 100% no-repeat, linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(80, 60, 30, 0.2) 45%, rgba(80, 60, 30, 0.28) 50%, rgba(80, 60, 30, 0.2) 55%, rgba(0, 0, 0, 0) 100%) !important; } } /* ===== ESCRITORIO: botones del header (redes, carrito, cuenta) en vidrio ===== */ @media (min-width: 992px) { /* ----- Redes en círculos de vidrio ----- */ header#top:not(.o_header_is_scrolled) nav.navbar.d-lg-block .o_header_social_links .s_social_media { display: flex !important; align-items: center; gap: 10px; } header#top:not(.o_header_is_scrolled) nav.navbar.d-lg-block .o_header_social_links .s_social_media > a { width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease; } header#top:not(.o_header_is_scrolled) nav.navbar.d-lg-block .o_header_social_links .s_social_media > a i { font-size: 15px !important; padding: 0 !important; margin: 0 !important; color: rgba(255, 255, 255, 0.88) !important; } header#top:not(.o_header_is_scrolled) nav.navbar.d-lg-block .o_header_social_links .s_social_media > a:hover { transform: translateY(-2px); background: rgba(255, 255, 255, 0.14) !important; border-color: rgba(255, 255, 255, 0.45) !important; } /* ----- Carrito en círculo de vidrio ----- */ header#top:not(.o_header_is_scrolled) nav.navbar.d-lg-block .o_header_hide_on_scroll > ul.ms-auto a[href*="/shop/cart"] { position: relative; width: 44px !important; height: 44px !important; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; color: #ffffff !important; transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease; } header#top:not(.o_header_is_scrolled) nav.navbar.d-lg-block .o_header_hide_on_scroll > ul.ms-auto a[href*="/shop/cart"]:hover { transform: translateY(-2px); background: rgba(255, 255, 255, 0.14) !important; border-color: rgba(255, 255, 255, 0.45) !important; } /* Número del carrito en bolita dorada */ header#top:not(.o_header_is_scrolled) nav.navbar.d-lg-block .my_cart_quantity { position: absolute !important; top: -4px !important; right: -4px !important; min-width: 18px; height: 18px; padding: 0 5px !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 999px !important; background: #c9a96a !important; color: #112250 !important; font-size: 10px !important; font-weight: 600; } /* ----- Cuenta en píldora de vidrio ----- */ header#top:not(.o_header_is_scrolled) nav.navbar.d-lg-block .o_header_hide_on_scroll > ul.ms-auto .dropdown-toggle { height: 44px !important; padding: 0 16px !important; display: inline-flex !important; align-items: center !important; gap: 8px; border-radius: 999px !important; background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.22) !important; color: #ffffff !important; box-shadow: none !important; transition: transform 0.25s ease, background 0.25s ease, border-color 0.25s ease; } header#top:not(.o_header_is_scrolled) nav.navbar.d-lg-block .o_header_hide_on_scroll > ul.ms-auto .dropdown-toggle:hover { transform: translateY(-2px); background: rgba(255, 255, 255, 0.14) !important; border-color: rgba(255, 255, 255, 0.45) !important; } header#top:not(.o_header_is_scrolled) nav.navbar.d-lg-block .o_header_hide_on_scroll > ul.ms-auto .dropdown-toggle::after { border-top-width: 0.28em; border-left-width: 0.28em; border-right-width: 0.28em; margin-left: 2px; opacity: 0.8; } header#top:not(.o_header_is_scrolled) nav.navbar.d-lg-block .o_header_hide_on_scroll > ul.ms-auto { gap: 10px !important; } } /* ===== INICIO COMPU: cascanueces se desvanece abajo, sin corte ni mancha ===== */ @media (min-width: 992px) { html body #wrap section.cdm-showroom .cdm-cascanueces img { -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 78%, transparent 100%); mask-image: linear-gradient(to bottom, #000 0%, #000 78%, transparent 100%); filter: drop-shadow(0 20px 30px rgba(0, 0, 0, 0.35)) !important; } } /* ===== INICIO COMPU: libro de prensa con glitter plateado y luz realista ===== */ @media (min-width: 992px) { /* El libro queda encima de los efectos, un poco más chico */ html body #wrap section.s_references.cdm-libro > .container { z-index: 1 !important; transform: perspective(2400px) rotateX(9deg) rotate(-2deg) scale(0.93) !important; box-shadow: -2px 1px 0 #efe6d3, -4px 2px 0 #d9c49a, -6px 3px 0 #efe6d3, -8px 4px 0 #c9a96a, 2px 1px 0 #efe6d3, 4px 2px 0 #d9c49a, 6px 3px 0 #efe6d3, 8px 4px 0 #c9a96a, 0 0 0 20px #15285a, 0 0 0 22px #0b1638, 0 18px 14px -6px rgba(0, 0, 0, 0.55), 0 50px 90px rgba(0, 0, 0, 0.55) !important; } /* Luz cálida desde arriba + destello que cruza de derecha a izquierda */ html body #wrap section.s_references.cdm-libro::before { content: "" !important; display: block !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none; background: linear-gradient(110deg, rgba(255, 255, 255, 0) 42%, rgba(210, 220, 240, 0.10) 50%, rgba(255, 255, 255, 0) 58%) 100% 0 / 300% 100% no-repeat, radial-gradient(ellipse 55% 45% at 50% 35%, rgba(255, 230, 180, 0.10) 0%, rgba(255, 230, 180, 0) 70%) !important; animation: cdm-destello-libro 9s ease-in-out infinite; } @keyframes cdm-destello-libro { 0% { background-position: 100% 0, 0 0; } 60% { background-position: 0% 0, 0 0; } 100% { background-position: 0% 0, 0 0; } } /* Glitter plateado: tres capas pasando de derecha a izquierda */ html body #wrap section.s_references.cdm-libro::after { content: "" !important; display: block !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none; background-image: radial-gradient(circle, rgba(235, 240, 250, 0.95) 0 1.2px, rgba(235, 240, 250, 0) 2px), radial-gradient(circle, rgba(210, 218, 232, 0.8) 0 0.9px, rgba(210, 218, 232, 0) 1.6px), radial-gradient(circle, rgba(255, 255, 255, 0.9) 0 1.6px, rgba(255, 255, 255, 0) 2.6px) !important; background-size: 160px 120px, 90px 70px, 220px 180px !important; background-position: 0 0, 40px 25px, 80px 60px; -webkit-mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, #000 0%, rgba(0, 0, 0, 0.6) 50%, transparent 85%); mask-image: radial-gradient(ellipse 60% 70% at 50% 50%, #000 0%, rgba(0, 0, 0, 0.6) 50%, transparent 85%); animation: cdm-glitter-pasa 22s linear infinite, cdm-glitter-brilla 2.6s ease-in-out infinite alternate; will-change: background-position, opacity; } @keyframes cdm-glitter-pasa { from { background-position: 0 0, 40px 25px, 80px 60px; } to { background-position: -320px 0, -230px 25px, -360px 60px; } } @keyframes cdm-glitter-brilla { from { opacity: 0.55; } to { opacity: 1; } } } /* ===== INICIO COMPU: libro, estela mágica visible, más arriba, papel marfil y hover ===== */ @media (min-width: 992px) { /* Menos espacio con Behind the Magic */ html body #wrap section.s_title.d-lg-block .cdm-historia { padding-bottom: 30px !important; } html body #wrap section.s_references.cdm-libro { padding-top: 0 !important; } /* Papel marfil neutro (menos amarillo) */ html body #wrap section.s_references.cdm-libro > .container { background: linear-gradient(to right, #ece7dd 0%, #f8f5ef 6%, #f8f5ef 44%, #e6e0d4 50%, #f8f5ef 56%, #f8f5ef 94%, #ece7dd 100%) !important; transform: perspective(2400px) translateY(-30px) rotateX(9deg) rotate(-2deg) scale(0.93) !important; transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) !important; } /* Al pasar el cursor: se endereza, sube y se acerca un poco */ html body #wrap section.s_references.cdm-libro > .container:hover { transform: perspective(2400px) translateY(-42px) rotateX(5deg) rotate(-1deg) scale(0.95) !important; } /* ----- Glitter fino de fondo: alrededor del libro ----- */ html body #wrap section.s_references.cdm-libro::after { background-image: radial-gradient(circle, rgba(235, 240, 250, 1) 0 1.6px, rgba(235, 240, 250, 0) 2.6px), radial-gradient(circle, rgba(200, 210, 228, 0.9) 0 1.1px, rgba(200, 210, 228, 0) 2px), radial-gradient(circle, rgba(255, 255, 255, 1) 0 2.2px, rgba(255, 255, 255, 0) 3.4px) !important; background-size: 120px 90px, 70px 55px, 190px 150px !important; -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%) !important; mask-image: linear-gradient(to bottom, transparent 0%, #000 18%, #000 82%, transparent 100%) !important; animation: cdm-glitter-pasa2 26s linear infinite, cdm-glitter-brilla 2.4s ease-in-out infinite alternate !important; } @keyframes cdm-glitter-pasa2 { from { background-position: 0 0, 40px 25px, 80px 60px; } to { background-position: -360px 0, -240px 25px, -300px 60px; } } /* ----- Estela mágica: una banda de glitter que cruza de derecha a izquierda ----- */ html body #wrap section.s_references.cdm-libro::before { background: radial-gradient(circle, rgba(255, 255, 255, 1) 0 1.8px, rgba(255, 255, 255, 0) 3px) 0 0 / 46px 38px, radial-gradient(circle, rgba(215, 225, 245, 0.95) 0 1.2px, rgba(215, 225, 245, 0) 2.2px) 20px 14px / 28px 24px, radial-gradient(ellipse 50% 40% at 50% 50%, rgba(200, 215, 245, 0.35) 0%, rgba(200, 215, 245, 0) 70%) center / 100% 100% no-repeat !important; -webkit-mask-image: linear-gradient(100deg, transparent 0%, transparent 38%, #000 47%, #000 53%, transparent 62%, transparent 100%) !important; mask-image: linear-gradient(100deg, transparent 0%, transparent 38%, #000 47%, #000 53%, transparent 62%, transparent 100%) !important; -webkit-mask-size: 300% 100% !important; mask-size: 300% 100% !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; animation: cdm-estela 7s ease-in-out infinite !important; } @keyframes cdm-estela { 0% { -webkit-mask-position: 100% 0; mask-position: 100% 0; opacity: 0; } 10% { opacity: 1; } 70% { -webkit-mask-position: 0% 0; mask-position: 0% 0; opacity: 1; } 80%, 100% { -webkit-mask-position: 0% 0; mask-position: 0% 0; opacity: 0; } } } /* ===== INICIO COMPU: libro, polvo mágico al azar (sin cuadrícula) y posición ===== */ @media (min-width: 992px) { /* Quitar el glitter en cuadrícula y la estela anterior */ html body #wrap section.s_references.cdm-libro::before, html body #wrap section.s_references.cdm-libro::after { content: none !important; display: none !important; animation: none !important; } /* Libro: baja un poquito */ html body #wrap section.s_references.cdm-libro > .container { transform: perspective(2400px) translateY(-10px) rotateX(9deg) rotate(-2deg) scale(0.93) !important; } html body #wrap section.s_references.cdm-libro > .container:hover { transform: perspective(2400px) translateY(-22px) rotateX(5deg) rotate(-1deg) scale(0.95) !important; } /* Capa del polvo mágico, detrás del libro */ html body #wrap section.s_references.cdm-libro { overflow: hidden; } html body #wrap section.s_references.cdm-libro .cdm-polvo { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; } /* Cada brillito */ html body #wrap section.s_references.cdm-libro .cdm-mota { position: absolute; left: 100%; width: var(--t); height: var(--t); border-radius: 50%; background: radial-gradient(circle, #ffffff 0%, rgba(225, 232, 245, 0.9) 40%, rgba(225, 232, 245, 0) 70%); box-shadow: 0 0 calc(var(--t) * 2) rgba(210, 222, 245, 0.7); opacity: 0; animation: cdm-mota-viaja var(--d) linear var(--r) infinite, cdm-mota-brilla var(--b) ease-in-out var(--r) infinite alternate; } /* Algunas son estrellitas */ html body #wrap section.s_references.cdm-libro .cdm-mota.estrella { width: auto; height: auto; background: none; box-shadow: none; border-radius: 0; font-size: var(--t); line-height: 1; color: #eef2fa; text-shadow: 0 0 6px rgba(210, 222, 245, 0.9); } html body #wrap section.s_references.cdm-libro .cdm-mota.estrella::before { content: "✦"; } @keyframes cdm-mota-viaja { 0% { transform: translate(0, 0); } 25% { transform: translate(-28vw, -10px); } 50% { transform: translate(-56vw, 6px); } 75% { transform: translate(-84vw, -8px); } 100% { transform: translate(-112vw, 0); } } @keyframes cdm-mota-brilla { 0% { opacity: 0.15; } 50% { opacity: 0.9; } 100% { opacity: 0.35; } } } /* ===== INICIO COMPU: Behind the Magic en tríptico (foto · texto · foto) ===== */ @media (min-width: 992px) { /* Tres columnas */ html body #wrap section.s_title.d-lg-block .cdm-historia { grid-template-columns: 1fr 1.3fr 1fr !important; gap: 56px !important; max-width: 1260px !important; align-items: center !important; } /* Las polaroids salen de su caja y se acomodan a los lados */ html body #wrap section.s_title.d-lg-block .cdm-polaroids { display: contents !important; } html body #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item:nth-child(1) { grid-column: 1; grid-row: 1; } html body #wrap section.s_title.d-lg-block .cdm-historia-texto { grid-column: 2; grid-row: 1; } html body #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item:nth-child(2) { grid-column: 3; grid-row: 1; } /* Cada polaroid en su lugar, inclinada hacia el texto */ html body #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item { position: relative !important; left: auto !important; right: auto !important; top: auto !important; width: 100% !important; } html body #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item:nth-child(1) { transform: rotate(-5deg) translateY(-20px); } html body #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item:nth-child(2) { transform: rotate(5deg) translateY(30px); } html body #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item:hover { transform: rotate(0deg) translateY(0) scale(1.03); } /* Texto centrado */ html body #wrap section.s_title.d-lg-block .cdm-historia-texto, html body #wrap section.s_title.d-lg-block .cdm-historia-texto h2, html body #wrap section.s_title.d-lg-block .cdm-historia-texto h2 *, html body #wrap section.s_title.d-lg-block .cdm-historia-texto p, html body #wrap section.s_title.d-lg-block .cdm-historia-texto p * { text-align: center !important; } html body #wrap section.s_title.d-lg-block .cdm-historia-texto p { margin-left: auto !important; margin-right: auto !important; } html body #wrap section.s_title.d-lg-block .cdm-historia-texto h2::before { text-align: center !important; } /* Cifras centradas */ html body #wrap section.s_title.d-lg-block .cdm-cifras { margin-left: auto !important; margin-right: auto !important; justify-content: center; } html body #wrap section.s_title.d-lg-block .cdm-cifras > div { text-align: center; } html body #wrap section.s_title.d-lg-block .cdm-cifras > div:first-child { padding-left: 18px !important; } } /* ===== INICIO COMPU: Behind the Magic editorial, retratos con marco de galería ===== */ @media (min-width: 992px) { /* Columnas: fotos más angostas */ html body #wrap section.s_title.d-lg-block .cdm-historia { position: relative; grid-template-columns: 0.75fr 1.4fr 0.75fr !important; gap: 64px !important; } /* ----- La "C" de marca chiquita y centrada detrás del texto ----- */ html body #wrap section.s_title.d-lg-block .cdm-polaroids::before { inset: auto !important; left: 50% !important; top: 50% !important; width: 320px !important; height: 320px !important; transform: translate(-50%, -50%); opacity: 0.05 !important; } /* ----- Retratos con marco de galería ----- */ html body #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item { justify-self: center; max-width: 280px !important; border: 9px solid #f8f5ef !important; border-bottom-width: 46px !important; border-radius: 2px !important; box-shadow: 0 0 0 1px rgba(201, 169, 106, 0.8), 0 0 0 7px #0a1438, 0 0 0 8px rgba(201, 169, 106, 0.45), 0 24px 40px rgba(0, 0, 0, 0.45) !important; } /* Sin cinta */ html body #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item::before { content: none !important; } html body #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item:nth-child(1) { transform: rotate(-3deg) translateY(-24px) !important; } html body #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item:nth-child(2) { transform: rotate(3deg) translateY(34px) !important; } html body #wrap section.s_title.d-lg-block .cdm-polaroids .o_grid_item:hover { transform: rotate(0deg) translateY(0) scale(1.03) !important; } /* Nombre en el paspartú */ html body #wrap section.s_title.d-lg-block .cdm-polaroids h6 { transform: translateY(33px) !important; } html body #wrap section.s_title.d-lg-block .cdm-polaroids h6, html body #wrap section.s_title.d-lg-block .cdm-polaroids h6 * { font-size: 15px !important; letter-spacing: 1.5px !important; } /* ----- Texto editorial ----- */ /* Título en un renglón */ html body #wrap section.s_title.d-lg-block .cdm-historia-texto h2, html body #wrap section.s_title.d-lg-block .cdm-historia-texto h2 * { font-size: 32px !important; white-space: nowrap; margin-bottom: 14px !important; } /* Bajada en itálica dorada */ html body #wrap section.s_title.d-lg-block .cdm-historia-texto p.cdm-entrada, html body #wrap section.s_title.d-lg-block .cdm-historia-texto p.cdm-entrada * { font-family: inherit !important; font-style: italic !important; font-size: 17px !important; letter-spacing: 0.5px !important; color: #c9a96a !important; margin-bottom: 30px !important; } /* Historia como columna de revista */ html body #wrap section.s_title.d-lg-block .cdm-historia-texto p:not(.cdm-entrada), html body #wrap section.s_title.d-lg-block .cdm-historia-texto p:not(.cdm-entrada) * { text-align: left !important; font-size: 14.5px !important; line-height: 1.85 !important; color: rgba(255, 255, 255, 0.78) !important; } html body #wrap section.s_title.d-lg-block .cdm-historia-texto p:not(.cdm-entrada) { max-width: 500px !important; margin: 0 auto 14px !important; } html body #wrap section.s_title.d-lg-block .cdm-historia-texto p strong, html body #wrap section.s_title.d-lg-block .cdm-historia-texto p b { color: #ffffff !important; } /* Letra capital dorada en el primer párrafo */ html body #wrap section.s_title.d-lg-block .cdm-historia-texto p:has(> strong)::first-letter { float: left; margin: 6px 10px 0 0; font-family: var(--headings-font-family, inherit); font-size: 58px; line-height: 0.85; color: #c9a96a; } } /* ===== INICIO COMPU: libro de prensa más chico ===== */ @media (min-width: 992px) { html body #wrap section.s_references.cdm-libro > .container { transform: perspective(2400px) translateY(-10px) rotateX(9deg) rotate(-2deg) scale(0.8) !important; } html body #wrap section.s_references.cdm-libro > .container:hover { transform: perspective(2400px) translateY(-22px) rotateX(5deg) rotate(-1deg) scale(0.82) !important; } } /* ===== INICIO COMPU: Instagram con celular y comentarios navideños ===== */ @media (min-width: 992px) { /* Sección chaparrita, azul grisáceo claro, debajo de la curva del showroom */ html body #wrap section.s_instagram_page { position: relative; z-index: 1; overflow: hidden; margin-top: -48px !important; padding-top: 100px !important; padding-bottom: 0 !important; background: linear-gradient(to bottom, #e9edf3 0%, #dde3ec 100%) !important; } html body #wrap section.s_instagram_page > .o_we_shape { display: none !important; } html body #wrap section.s_instagram_page .cdm-ig3 { display: grid; grid-template-columns: 0.8fr 1.6fr; gap: 30px; align-items: center; max-width: 1180px; margin: 0 auto; } /* ----- Título y botón ----- */ html body #wrap section.s_instagram_page .cdm-ig3-k { margin: 0 0 12px; font-family: var(--headings-font-family, inherit); font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: #7a86a3; } html body #wrap section.s_instagram_page .cdm-ig3-t { margin: 0 0 10px; font-family: var(--headings-font-family, inherit); font-size: 34px; line-height: 1.15; letter-spacing: 1px; color: #112250; } html body #wrap section.s_instagram_page .cdm-ig3-a { margin: 0 0 26px; font-style: italic; font-size: 15px; color: #7a86a3; } html body #wrap section.s_instagram_page .cdm-ig3-btn { display: inline-flex; align-items: center; gap: 10px; padding: 12px 24px; border-radius: 999px; background: #112250; color: #ffffff !important; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none !important; box-shadow: 0 10px 24px rgba(17, 34, 80, 0.22); transition: transform 0.25s ease; } html body #wrap section.s_instagram_page .cdm-ig3-btn .fa { font-size: 16px; } html body #wrap section.s_instagram_page .cdm-ig3-btn:hover { transform: translateY(-2px); } /* ----- Escena: el celular sale desde abajo ----- */ html body #wrap section.s_instagram_page .cdm-escena3 { position: relative; height: 420px; } /* Celular realista */ html body #wrap section.s_instagram_page .cdm-cel { position: absolute; left: 50%; top: 20px; width: 300px; padding: 9px; transform: translateX(-50%); border-radius: 54px; background: linear-gradient(145deg, #5a5d66 0%, #2a2c31 45%, #44474f 100%); box-shadow: inset 0 0 0 1.5px #6a6d76, inset 0 0 0 4px #1a1b1f, 0 30px 60px rgba(17, 34, 80, 0.35); z-index: 2; } /* Botones laterales */ html body #wrap section.s_instagram_page .cdm-cel::before, html body #wrap section.s_instagram_page .cdm-cel::after { content: ""; position: absolute; width: 4px; border-radius: 3px; background: #3d4047; } html body #wrap section.s_instagram_page .cdm-cel::before { right: -3px; top: 150px; height: 70px; } html body #wrap section.s_instagram_page .cdm-cel::after { left: -3px; top: 120px; height: 40px; } html body #wrap section.s_instagram_page .cdm-bisel { padding: 3px; border-radius: 46px; background: #000000; } html body #wrap section.s_instagram_page .cdm-pantalla3 { position: relative; height: 580px; border-radius: 43px; overflow: hidden; background: #ffffff; } html body #wrap section.s_instagram_page .cdm-isla { position: absolute; top: 10px; left: 50%; width: 96px; height: 28px; transform: translateX(-50%); border-radius: 20px; background: #000000; z-index: 3; } html body #wrap section.s_instagram_page .cdm-reflejo { position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(115deg, rgba(255, 255, 255, 0.22) 0%, rgba(255, 255, 255, 0) 38%); } html body #wrap section.s_instagram_page .cdm-pantalla3 .o_instagram_container { margin: 0 !important; padding: 44px 0 0 !important; max-width: none !important; } html body #wrap section.s_instagram_page .cdm-pantalla3 iframe { display: block; width: 100% !important; height: 560px !important; } /* ----- Comentarios de personajes ----- */ html body #wrap section.s_instagram_page .cdm-com { position: absolute; z-index: 3; display: flex; align-items: flex-start; gap: 9px; max-width: 230px; padding: 10px 14px 10px 10px; border-radius: 18px; background: #ffffff; box-shadow: 0 10px 26px rgba(17, 34, 80, 0.14); opacity: 0; animation: cdm-com-aparece 15s ease-in-out var(--d) infinite both; } html body #wrap section.s_instagram_page .cdm-com.c1 { left: 0; top: 40px; --d: 0s; transform: rotate(-2deg); } html body #wrap section.s_instagram_page .cdm-com.c2 { left: 20px; top: 175px; --d: 1.8s; } html body #wrap section.s_instagram_page .cdm-com.c3 { left: 40px; top: 310px; --d: 3.6s; } html body #wrap section.s_instagram_page .cdm-com.c4 { right: 0; top: 70px; --d: 0.9s; } html body #wrap section.s_instagram_page .cdm-com.c5 { right: 20px; top: 220px; --d: 2.7s; } html body #wrap section.s_instagram_page .cdm-av { width: 30px; height: 30px; flex: none; display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; background: #f1f4f8; border: 1.5px solid #c9a96a; font-size: 16px; } html body #wrap section.s_instagram_page .cdm-av img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; } html body #wrap section.s_instagram_page .cdm-cuerpo { position: relative; text-align: left; } html body #wrap section.s_instagram_page .cdm-cuerpo b { display: block; font-size: 12px; font-weight: 600; color: #112250; } html body #wrap section.s_instagram_page .cdm-msg { display: block; margin-top: 1px; font-size: 12.5px; line-height: 1.4; color: #4a5170; opacity: 0; animation: cdm-com-msg 15s ease var(--d) infinite both; } /* Tres puntitos de "escribiendo…" */ html body #wrap section.s_instagram_page .cdm-dots { position: absolute; left: 0; top: 22px; display: flex; gap: 3px; animation: cdm-com-dots 15s linear var(--d) infinite both; } html body #wrap section.s_instagram_page .cdm-dots i { width: 6px; height: 6px; border-radius: 50%; background: #9aa4bd; animation: cdm-dot-salta 0.9s ease-in-out infinite; } html body #wrap section.s_instagram_page .cdm-dots i:nth-child(2) { animation-delay: 0.15s; } html body #wrap section.s_instagram_page .cdm-dots i:nth-child(3) { animation-delay: 0.3s; } /* Corazón de like */ html body #wrap section.s_instagram_page .cdm-like { align-self: center; margin-left: 4px; font-size: 14px; color: #e0245e; transform: scale(0); animation: cdm-com-like 15s ease var(--d) infinite both; } @keyframes cdm-com-aparece { 0% { opacity: 0; translate: 0 10px; scale: 0.92; } 3% { opacity: 1; translate: 0 0; scale: 1; } 88% { opacity: 1; translate: 0 0; scale: 1; } 94%, 100% { opacity: 0; translate: 0 -6px; scale: 0.98; } } @keyframes cdm-com-dots { 0%, 7% { opacity: 1; } 8%, 100% { opacity: 0; } } @keyframes cdm-com-msg { 0%, 7% { opacity: 0; } 9%, 100% { opacity: 1; } } @keyframes cdm-com-like { 0%, 11% { transform: scale(0); } 13% { transform: scale(1.4); } 15%, 100% { transform: scale(1); } } @keyframes cdm-dot-salta { 0%, 100% { transform: translateY(0); opacity: 0.5; } 50% { transform: translateY(-3px); opacity: 1; } } } /* ===== INICIO COMPU: Instagram, título editorial ===== */ @media (min-width: 992px) { /* Etiqueta con línea */ html body #wrap section.s_instagram_page .cdm-ig3-k { display: flex; align-items: center; gap: 12px; margin-bottom: 20px !important; } html body #wrap section.s_instagram_page .cdm-ig3-k::before { content: ""; width: 40px; height: 1px; background: #7a86a3; } /* Título de revista */ html body #wrap section.s_instagram_page .cdm-ig3-titulo { display: block; margin: 0 0 22px !important; color: #112250 !important; line-height: 1 !important; } html body #wrap section.s_instagram_page .cdm-ig3-titulo span { display: block; } html body #wrap section.s_instagram_page .cdm-ig3-titulo .l1, html body #wrap section.s_instagram_page .cdm-ig3-titulo .l3 { font-family: var(--body-font-family, inherit); font-style: italic; font-size: 22px; letter-spacing: 0.5px; text-transform: none; } html body #wrap section.s_instagram_page .cdm-ig3-titulo .l1 { color: #7a86a3; margin-bottom: 6px; } html body #wrap section.s_instagram_page .cdm-ig3-titulo .l2 { font-size: 54px; letter-spacing: 3px; color: #112250; } html body #wrap section.s_instagram_page .cdm-ig3-titulo .l3 { margin-top: 8px; padding-left: 120px; color: #a8884f; } /* Línea dorada y @ */ html body #wrap section.s_instagram_page .cdm-ig3-a::before { content: ""; display: block; width: 60px; height: 1px; margin-bottom: 16px; background: rgba(168, 136, 79, 0.6); } } /* ===== ESCRITORIO: footer rediseñado ===== */ @media (min-width: 992px) { /* Esquinas redondeadas que se montan sobre Instagram */ footer#bottom { position: relative; z-index: 2; margin-top: -44px !important; border-radius: 44px 44px 0 0; overflow: hidden; background: linear-gradient(to bottom, #0a1438 0%, #050b1f 100%) !important; } footer#bottom #footer, footer#bottom #footer > section { background: transparent !important; } footer#bottom #footer > section { padding: 80px 0 34px !important; } /* Acomodo: marca arriba, dos columnas abajo */ footer#bottom #footer .row { display: grid !important; grid-template-columns: 1fr 1fr; row-gap: 46px; max-width: 900px; margin: 0 auto !important; } footer#bottom #footer .row > div { width: auto !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 34px !important; text-align: center !important; } footer#bottom #footer .row > div:first-child { grid-column: 1 / -1; } /* ----- Marca ----- */ footer#bottom #footer h4, footer#bottom #footer h4 * { font-size: 30px !important; letter-spacing: 3px !important; color: #ffffff !important; margin-bottom: 0 !important; } footer#bottom #footer h4::after { content: "✦"; display: block; width: 140px; margin: 16px auto 18px; font-size: 10px; letter-spacing: 0; color: #c9a96a; background: linear-gradient(rgba(201, 169, 106, 0.5), rgba(201, 169, 106, 0.5)) left center / 38% 1px no-repeat, linear-gradient(rgba(201, 169, 106, 0.5), rgba(201, 169, 106, 0.5)) right center / 38% 1px no-repeat; } footer#bottom #footer .row > div:first-child p { max-width: 560px; margin: 0 auto !important; } footer#bottom #footer .row > div:first-child p, footer#bottom #footer .row > div:first-child p * { font-size: 14px !important; line-height: 1.85 !important; color: rgba(255, 255, 255, 0.68) !important; } /* ----- Columnas con etiqueta dorada ----- */ footer#bottom #footer .row > div:nth-child(2) { border-right: 1px solid rgba(255, 255, 255, 0.12); } footer#bottom #footer .row > div:nth-child(2)::before, footer#bottom #footer .row > div:nth-child(3)::before { display: block; margin-bottom: 14px; font-family: var(--headings-font-family, inherit); font-size: 10px; letter-spacing: 4px; color: #c9a96a; } footer#bottom #footer .row > div:nth-child(2)::before { content: "VISÍTANOS"; } footer#bottom #footer .row > div:nth-child(3)::before { content: "CONTACTO"; } /* Dirección */ footer#bottom #footer .row > div:nth-child(2) p, footer#bottom #footer .row > div:nth-child(2) p * { font-size: 14px !important; line-height: 1.75 !important; color: rgba(255, 255, 255, 0.82) !important; } footer#bottom #footer .row > div:nth-child(2) p { max-width: 300px; margin: 0 auto !important; } /* Teléfono y correo */ footer#bottom #footer ul.list-unstyled { display: flex; flex-direction: column; align-items: center; gap: 8px; margin: 0 0 20px !important; } footer#bottom #footer ul.list-unstyled li, footer#bottom #footer ul.list-unstyled li a, footer#bottom #footer ul.list-unstyled li * { font-size: 14px !important; font-weight: 400 !important; color: rgba(255, 255, 255, 0.85) !important; text-decoration: none !important; } footer#bottom #footer ul.list-unstyled li .fa { margin-right: 8px !important; color: #c9a96a !important; font-size: 13px !important; } /* Redes en círculos de vidrio */ footer#bottom #footer .s_social_media { display: flex !important; justify-content: center; gap: 12px; margin: 0 !important; } footer#bottom #footer .s_social_media > a { width: 40px !important; height: 40px !important; margin: 0 !important; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 50%; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.22); transition: transform 0.25s ease, background 0.25s ease; } footer#bottom #footer .s_social_media > a .fa { font-size: 15px !important; margin: 0 !important; color: #ffffff !important; } footer#bottom #footer .s_social_media > a:hover { transform: translateY(-2px); background: rgba(255, 255, 255, 0.14); } /* ----- Copyright ----- */ footer#bottom .o_footer_copyright { background: transparent !important; border-top: 1px solid rgba(255, 255, 255, 0.08); } footer#bottom .o_footer_copyright .container { padding: 18px 24px 26px !important; } footer#bottom .o_footer_copyright, footer#bottom .o_footer_copyright * { text-align: center !important; font-size: 12px !important; letter-spacing: 0.5px; color: rgba(255, 255, 255, 0.5) !important; } footer#bottom .o_footer_copyright a { color: #c9a96a !important; text-decoration: none !important; } footer#bottom .o_footer_copyright a:hover { text-decoration: underline !important; } } /* ===== INICIO COMPU: Instagram, más espacio, burbujas pop y título con pesos ===== */ @media (min-width: 992px) { /* ----- Más espacio para que el elfo no choque con el footer ----- */ html body #wrap section.s_instagram_page { padding-bottom: 50px !important; } html body #wrap section.s_instagram_page .cdm-escena3 { height: 470px !important; } html body #wrap section.s_instagram_page .cdm-com.c1 { top: 30px !important; } html body #wrap section.s_instagram_page .cdm-com.c2 { top: 160px !important; } html body #wrap section.s_instagram_page .cdm-com.c3 { top: 290px !important; } html body #wrap section.s_instagram_page .cdm-com.c4 { top: 60px !important; } html body #wrap section.s_instagram_page .cdm-com.c5 { top: 210px !important; } /* ----- Burbujas tipo pop-up ----- */ html body #wrap section.s_instagram_page .cdm-com { box-shadow: 0 14px 34px rgba(17, 34, 80, 0.2) !important; animation-name: cdm-com-pop !important; } /* Colita apuntando al celular */ html body #wrap section.s_instagram_page .cdm-com::after { content: ""; position: absolute; top: 50%; width: 14px; height: 14px; margin-top: -7px; background: #ffffff; border-radius: 2px; transform: rotate(45deg); } html body #wrap section.s_instagram_page .cdm-com.c1::after, html body #wrap section.s_instagram_page .cdm-com.c2::after, html body #wrap section.s_instagram_page .cdm-com.c3::after { right: -6px; } html body #wrap section.s_instagram_page .cdm-com.c4::after, html body #wrap section.s_instagram_page .cdm-com.c5::after { left: -6px; } @keyframes cdm-com-pop { 0% { opacity: 0; translate: 0 18px; scale: 0.55; } 3% { opacity: 1; translate: 0 -4px; scale: 1.08; } 5% { opacity: 1; translate: 0 0; scale: 0.97; } 6.5% { opacity: 1; translate: 0 0; scale: 1; } 88% { opacity: 1; translate: 0 0; scale: 1; } 93%, 100% { opacity: 0; translate: 0 -8px; scale: 0.9; } } /* ----- Título centrado, jugando con pesos (sin itálicas) ----- */ html body #wrap section.s_instagram_page .cdm-ig3-texto { text-align: center; align-self: center; } html body #wrap section.s_instagram_page .cdm-ig3-k { justify-content: center; } html body #wrap section.s_instagram_page .cdm-ig3-k::after { content: ""; width: 40px; height: 1px; background: #7a86a3; } html body #wrap section.s_instagram_page .cdm-ig3-titulo .l1, html body #wrap section.s_instagram_page .cdm-ig3-titulo .l3 { font-family: var(--headings-font-family, inherit) !important; font-style: normal !important; text-transform: uppercase !important; } html body #wrap section.s_instagram_page .cdm-ig3-titulo .l1 { font-size: 15px !important; font-weight: 400 !important; letter-spacing: 8px !important; color: #7a86a3 !important; margin-bottom: 10px !important; } html body #wrap section.s_instagram_page .cdm-ig3-titulo .l2 { font-size: 58px !important; font-weight: 700 !important; letter-spacing: 2px !important; line-height: 1 !important; } html body #wrap section.s_instagram_page .cdm-ig3-titulo .l3 { padding-left: 0 !important; margin-top: 12px !important; font-size: 17px !important; font-weight: 600 !important; letter-spacing: 7px !important; color: #a8884f !important; } html body #wrap section.s_instagram_page .cdm-ig3-a { font-style: normal !important; font-size: 14px !important; letter-spacing: 1px; } html body #wrap section.s_instagram_page .cdm-ig3-a::before { margin: 0 auto 16px !important; } } /* ===== ESCRITORIO: footer repartido a lo ancho ===== */ @media (min-width: 992px) { /* Tres columnas a lo ancho */ footer#bottom #footer .row { grid-template-columns: 1.6fr 1fr 1fr !important; column-gap: 0 !important; row-gap: 0 !important; max-width: 1240px !important; align-items: start !important; } footer#bottom #footer .row > div, footer#bottom #footer .row > div * { text-align: left !important; } footer#bottom #footer .row > div { padding: 6px 48px !important; } footer#bottom #footer .row > div:first-child { grid-column: auto !important; padding-left: 0 !important; padding-right: 70px !important; } footer#bottom #footer .row > div:last-child { padding-right: 0 !important; } /* Líneas verticales finas entre columnas */ footer#bottom #footer .row > div:nth-child(2) { border-right: 0 !important; } footer#bottom #footer .row > div:nth-child(2), footer#bottom #footer .row > div:nth-child(3) { border-left: 1px solid rgba(255, 255, 255, 0.1); } /* Marca a la izquierda */ footer#bottom #footer h4, footer#bottom #footer h4 * { font-size: 24px !important; letter-spacing: 2.5px !important; } footer#bottom #footer h4::after { width: 120px !important; margin: 14px 0 18px !important; } footer#bottom #footer .row > div:first-child p { max-width: 440px !important; margin: 0 !important; } /* Dirección */ footer#bottom #footer .row > div:nth-child(2) p { max-width: none !important; margin: 0 !important; } /* Contacto alineado a la izquierda */ footer#bottom #footer ul.list-unstyled { align-items: flex-start !important; } footer#bottom #footer .s_social_media { justify-content: flex-start !important; } /* Copyright a lo ancho, a la izquierda */ footer#bottom .o_footer_copyright .container { max-width: 1240px !important; padding: 20px 0 28px !important; } footer#bottom .o_footer_copyright, footer#bottom .o_footer_copyright * { text-align: left !important; } footer#bottom .o_footer_copyright .row { display: flex !important; justify-content: space-between !important; align-items: center !important; } footer#bottom .o_footer_copyright .row > div { width: auto !important; flex: 0 1 auto !important; } } /* ===== INICIO: Colecciones 2026, botones "Ver colección" + título con pesos ===== */ /* ----- Botón de cada tarjeta (todas las pantallas) ----- */ .s_ecomm_categories_showcase .s_ecomm_categories_showcase_content .btn.cdm-ver { width: auto !important; height: auto !important; padding: 8px 18px !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.08) !important; border: 1px solid rgba(255, 255, 255, 0.7) !important; color: #ffffff !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: 2px !important; text-transform: uppercase; backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); transition: background 0.3s ease, color 0.3s ease; } .s_ecomm_categories_showcase .s_ecomm_categories_showcase_content .btn.cdm-ver:hover { background: #ffffff !important; color: #112250 !important; } /* ----- Título y texto (compu) ----- */ @media (min-width: 992px) { #wrap section.cdm-col-titulo h2::before { content: "✦ TEMPORADA ✦"; display: block; margin-bottom: 16px; font-size: 12px; font-weight: 600; letter-spacing: 5px; color: #c9a96a; } #wrap section.cdm-col-titulo h2 .h2-fs { display: block; font-size: 30px !important; font-weight: 400 !important; letter-spacing: 14px !important; color: rgba(255, 255, 255, 0.85) !important; } #wrap section.cdm-col-titulo h2 .h2-fs strong { display: block; margin-top: 6px; font-size: 72px; font-weight: 800; letter-spacing: 6px; line-height: 1; color: #c9a96a; } #wrap section.cdm-col-titulo h2 br { display: none; } #wrap section.cdm-col-titulo p.lead { max-width: 620px; margin: 6px auto 0 !important; } #wrap section.cdm-col-titulo p.lead, #wrap section.cdm-col-titulo p.lead * { font-size: 16px !important; font-weight: 300 !important; line-height: 1.8 !important; color: rgba(255, 255, 255, 0.72) !important; } #wrap section.cdm-col-titulo p.lead strong { font-weight: 700 !important; color: #ffffff !important; } } /* ===== INICIO COMPU: Colecciones 2026, título y texto sin encimarse ===== */ @media (min-width: 992px) { /* Cada parte con su propia altura, una debajo de la otra */ #wrap section.cdm-col-titulo .row.o_grid_mode { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 26px !important; grid-template-rows: none !important; } #wrap section.cdm-col-titulo .row.o_grid_mode > .o_grid_item { grid-area: auto !important; width: 100% !important; max-width: none !important; height: auto !important; min-height: 0 !important; padding: 0 !important; } /* Título un poco más compacto */ #wrap section.cdm-col-titulo h2 { margin: 0 !important; } #wrap section.cdm-col-titulo h2 .h2-fs { letter-spacing: 12px !important; } #wrap section.cdm-col-titulo h2 .h2-fs strong { margin-top: 10px !important; font-size: 64px !important; } /* Texto con aire debajo del 2026 */ #wrap section.cdm-col-titulo p.lead { max-width: 600px !important; margin: 0 auto !important; } } /* ===== INICIO COMPU: Colecciones 2026, título a la izquierda y texto a la derecha ===== */ @media (min-width: 992px) { #wrap section.cdm-col-titulo .row.o_grid_mode { flex-direction: row !important; justify-content: center !important; align-items: center !important; gap: 60px !important; max-width: 1100px; margin: 0 auto !important; } #wrap section.cdm-col-titulo .row.o_grid_mode > .o_grid_item { width: auto !important; flex: 0 1 auto !important; } /* Título a la izquierda */ #wrap section.cdm-col-titulo h2, #wrap section.cdm-col-titulo h2 * { text-align: left !important; } #wrap section.cdm-col-titulo h2::before { text-align: left; } /* Texto a la derecha con línea dorada */ #wrap section.cdm-col-titulo .row.o_grid_mode > .o_grid_item:has(p.lead) { max-width: 480px !important; padding-left: 40px !important; border-left: 1px solid rgba(201, 169, 106, 0.5); } #wrap section.cdm-col-titulo p.lead, #wrap section.cdm-col-titulo p.lead * { text-align: left !important; } #wrap section.cdm-col-titulo p.lead { max-width: none !important; } } /* ===== INICIO COMPU: Colecciones 2026 sin dorado, estilo editorial ===== */ @media (min-width: 992px) { /* Etiqueta con línea, en blanco suave */ #wrap section.cdm-col-titulo h2::before { content: "TEMPORADA" !important; display: flex !important; align-items: center; gap: 14px; color: rgba(255, 255, 255, 0.6) !important; letter-spacing: 6px !important; } #wrap section.cdm-col-titulo h2 .h2-fs::before { content: ""; display: none; } /* 2026 en blanco */ #wrap section.cdm-col-titulo h2 .h2-fs strong { color: #ffffff !important; } /* Línea divisoria blanca tenue */ #wrap section.cdm-col-titulo .row.o_grid_mode > .o_grid_item:has(p.lead) { border-left-color: rgba(255, 255, 255, 0.2) !important; } } /* ===== INICIO COMPU: Colecciones 2026, título arriba y texto entre las fotos ===== */ @media (min-width: 992px) { /* ----- Título solo, centrado arriba ----- */ #wrap section.cdm-solo-titulo .row.o_grid_mode { justify-content: center !important; } #wrap section.cdm-solo-titulo h2, #wrap section.cdm-solo-titulo h2 * { text-align: center !important; } #wrap section.cdm-solo-titulo h2::before { justify-content: center !important; } #wrap section.cdm-solo-titulo .row.o_grid_mode > .o_grid_item:not(:has(h2)) { display: none !important; } /* ----- Texto entre las dos filas, como narración ----- */ #wrap section.cdm-relato { padding: 30px 0 34px; background: #09193e; text-align: center; } #wrap section.cdm-relato .cdm-relato-orn { display: block; margin-bottom: 18px; font-size: 14px; color: rgba(255, 255, 255, 0.5); } #wrap section.cdm-relato p.lead { max-width: 760px; margin: 0 auto !important; } #wrap section.cdm-relato p.lead, #wrap section.cdm-relato p.lead * { text-align: center !important; font-size: 22px !important; font-weight: 300 !important; line-height: 1.6 !important; letter-spacing: 0.3px !important; color: rgba(255, 255, 255, 0.8) !important; } #wrap section.cdm-relato p.lead strong { font-weight: 600 !important; color: #ffffff !important; } } /* ===== INICIO COMPU: botón "Ver colección" fino, tipo enlace elegante ===== */ @media (min-width: 992px) { html body .s_ecomm_categories_showcase .s_ecomm_categories_showcase_content .btn.cdm-ver { position: relative; display: inline-flex !important; align-items: center; width: auto !important; height: auto !important; padding: 0 0 7px !important; border: 0 !important; border-radius: 0 !important; background: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; color: #ffffff !important; font-size: 11px !important; font-weight: 500 !important; letter-spacing: 3px !important; line-height: 1 !important; white-space: nowrap; transition: letter-spacing 0.35s ease; } /* Línea delgada debajo */ html body .s_ecomm_categories_showcase .s_ecomm_categories_showcase_content .btn.cdm-ver::before { content: ""; position: absolute; left: 0; bottom: 0; width: 36px; height: 1px; background: rgba(255, 255, 255, 0.8); transition: width 0.35s ease; } /* Al pasar el mouse: la línea se alarga */ html body .s_ecomm_categories_showcase .s_ecomm_categories_showcase_content .btn.cdm-ver:hover { background: none !important; color: #ffffff !important; letter-spacing: 3.6px !important; } html body .s_ecomm_categories_showcase .s_ecomm_categories_showcase_content .btn.cdm-ver:hover::before { width: 100%; } } /* ===== INICIO COMPU: portada con magia (destello, halo y chispas) ===== */ @media (min-width: 992px) { /* Destello que cruza "Comienza aquí" */ .cdm-destello-titulo, .cdm-destello-titulo * { background: linear-gradient(110deg, #ffffff 0%, #ffffff 42%, #fff1cc 48%, #ffffff 54%, #ffffff 100%) 0 0 / 260% 100% !important; -webkit-background-clip: text !important; background-clip: text !important; color: transparent !important; -webkit-text-fill-color: transparent !important; animation: cdm-destello-texto 6s ease-in-out infinite; } @keyframes cdm-destello-texto { 0%, 55% { background-position: 100% 0; } 85%, 100% { background-position: 0% 0; } } /* Halo que respira detrás del título */ .cdm-halo { position: absolute; left: 50%; top: 46%; width: 760px; height: 360px; transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(ellipse at center, rgba(255, 228, 170, 0.16) 0%, rgba(255, 228, 170, 0) 70%); pointer-events: none; mix-blend-mode: screen; animation: cdm-halo-respira 5s ease-in-out infinite; z-index: 0; } @keyframes cdm-halo-respira { 0%, 100% { opacity: 0.55; transform: translate(-50%, -50%) scale(0.96); } 50% { opacity: 1; transform: translate(-50%, -50%) scale(1.04); } } /* Chispas que suben del camino */ .cdm-chispas { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0; } .cdm-chispa { position: absolute; bottom: var(--y); left: var(--x); width: var(--t); height: var(--t); border-radius: 50%; background: radial-gradient(circle, #fff6dc 0%, rgba(255, 220, 150, 0.9) 40%, rgba(255, 220, 150, 0) 70%); box-shadow: 0 0 calc(var(--t) * 3) rgba(255, 210, 140, 0.7); opacity: 0; animation: cdm-chispa-sube var(--d) ease-out var(--r) infinite; } @keyframes cdm-chispa-sube { 0% { opacity: 0; transform: translate(0, 0) scale(0.6); } 15% { opacity: 1; } 60% { opacity: 0.8; transform: translate(var(--dx), -160px) scale(1); } 100% { opacity: 0; transform: translate(calc(var(--dx) * 1.6), -280px) scale(0.4); } } } /* ===== INICIO COMPU: anuncio como listón inclinado con moño ===== */ @media (min-width: 992px) { /* Toda la sección se inclina; el texto sigue pasando por dentro */ html body #wrap section.s_announcement_scroll { position: relative; z-index: 1; width: 106% !important; max-width: none !important; margin-left: -3% !important; padding: 30px 0 !important; overflow: hidden !important; pointer-events: none !important; transform: rotate(-1.5deg); background: #040d26 !important; box-shadow: 0 0 0 40px #040d26; } html body #wrap section.s_announcement_scroll * { animation-play-state: running !important; } html body #wrap section.s_announcement_scroll > .o_we_shape { display: none !important; } /* Listón de tela (ya va inclinado con la sección) */ html body #wrap section.s_announcement_scroll::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: 60px; margin-top: -30px; z-index: 0; transform: none; background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)) left 3px / 100% 1px no-repeat, linear-gradient(rgba(60, 64, 72, 0.35), rgba(60, 64, 72, 0.35)) left calc(100% - 3px) / 100% 1px no-repeat, repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.07) 0 1px, rgba(0, 0, 0, 0.035) 1px 2px), linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.38) 14%, rgba(255, 255, 255, 0) 26%, rgba(255, 255, 255, 0) 44%, rgba(255, 255, 255, 0.28) 58%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0) 82%, rgba(255, 255, 255, 0.32) 92%, rgba(255, 255, 255, 0) 100%), linear-gradient(to bottom, #c7cad0 0%, #d6d9dd 50%, #c4c7cc 100%); box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3); } /* Sin moño */ html body #wrap section.s_announcement_scroll::after { content: none !important; display: none !important; } /* Que no le quede nada de lo que le puse antes a la parte que se mueve */ html body #wrap section.s_announcement_scroll > *:not(.o_we_shape) { position: relative; z-index: 1; background: none !important; box-shadow: none !important; } /* Letra alta y editorial */ html body #wrap section.s_announcement_scroll .s_announcement_scroll_marquee_item { font-family: 'Cinzel', var(--headings-font-family, serif) !important; font-size: 21px !important; font-weight: 500 !important; letter-spacing: 2px !important; line-height: 60px !important; color: #23262c !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } } /* ===== INICIO COMPU: listón, unión sin línea con las secciones vecinas ===== */ @media (min-width: 992px) { html body #wrap section.s_announcement_scroll { background: transparent !important; box-shadow: none !important; overflow: visible !important; overflow-x: clip !important; } /* Fondo que se funde: arriba el azul de la sección de arriba, abajo el de la de abajo */ html body #wrap section.s_announcement_scroll::after { content: "" !important; display: block !important; position: absolute; left: 0; right: 0; top: -70px; bottom: -70px; z-index: -1; pointer-events: none; background: linear-gradient(to bottom, #020d27 0%, #030b2b 50%, #050733 100%) !important; } } /* ===== INICIO COMPU: la sección de abajo del listón empieza con su mismo azul ===== */ @media (min-width: 992px) { /* El fondo del listón termina en este azul */ html body #wrap section.s_announcement_scroll::after { background: linear-gradient(to bottom, #020d27 0%, #040a2d 50%, #050733 100%) !important; } /* La sección de abajo arranca con ese mismo azul y luego se funde con el suyo */ html body #wrap section.s_announcement_scroll + section { position: relative; } html body #wrap section.s_announcement_scroll + section::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 230px; z-index: 0; pointer-events: none; background: linear-gradient(to bottom, #050733 0%, #050733 100px, rgba(5, 7, 51, 0) 100%); } /* Su contenido queda encima del degradado */ html body #wrap section.s_announcement_scroll + section > *:not(.o_we_shape) { position: relative; z-index: 1; } } /* ===== INICIO COMPU: showroom, título con pesos, píldora y cascanueces grande a la derecha ===== */ @media (min-width: 992px) { /* Título con pesos */ html body #wrap section.cdm-showroom h2 .cdm-sh1, html body #wrap section.cdm-showroom h2 .cdm-sh2 { display: block; line-height: 1 !important; } html body #wrap section.cdm-showroom h2 .cdm-sh1 { font-size: 20px !important; font-weight: 400 !important; letter-spacing: 12px !important; color: rgba(255, 255, 255, 0.7) !important; margin-bottom: 12px; } html body #wrap section.cdm-showroom h2 .cdm-sh2 { font-size: 58px !important; font-weight: 700 !important; letter-spacing: 3px !important; color: #ffffff !important; } html body #wrap section.cdm-showroom p.lead, html body #wrap section.cdm-showroom p.lead * { font-weight: 300 !important; font-size: 16px !important; letter-spacing: 1px !important; margin-top: 14px !important; } /* Píldora del ancho de su texto */ html body #wrap section.cdm-showroom .cdm-visita-pc .cdm-estado { align-self: flex-start !important; justify-self: start !important; width: fit-content !important; max-width: 100% !important; display: inline-block !important; } /* Cascanueces grande, pegado a la derecha */ html body #wrap section.cdm-showroom { --cdm-nuez-alto: 96%; --cdm-nuez-derecha: 1.5%; } html body #wrap section.cdm-showroom .cdm-cascanueces { left: auto !important; right: var(--cdm-nuez-derecha) !important; bottom: 0 !important; top: auto !important; height: var(--cdm-nuez-alto) !important; width: auto !important; transform: none !important; justify-content: flex-end !important; } } /* ===== INICIO COMPU: portada, sin destello en "Comienza aquí" ===== */ @media (min-width: 992px) { html body .cdm-destello-titulo, html body .cdm-destello-titulo * { animation: none !important; background: none !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } } /* ===== INICIO COMPU: portada, bruma azul que se abre (incluye flechita, alto y sin forma) ===== */ @media (min-width: 992px) { /* Pantalla completa desde el inicio y sin la forma decorativa de abajo */ html body #wrap section.s_cover.d-lg-flex.o_full_screen_height { min-height: 100vh !important; } html body #wrap section.s_cover.d-lg-flex > .o_we_shape { display: none !important; } /* Apaga el parpadeo "flash" de Odoo en el título */ html body #wrap section.s_cover.d-lg-flex .o_animated_text.o_anim_flash { animation: none !important; } /* El título y la flechita van encima de la bruma */ html body #wrap section.s_cover.d-lg-flex > .o_container_small { position: relative; z-index: 2; } html body #wrap section.s_cover.d-lg-flex > .o_scroll_button { z-index: 2; opacity: 0 !important; animation: cdm-flecha 0.8s ease 3.6s forwards !important; } @keyframes cdm-flecha { from { opacity: 0; } to { opacity: 1; } } /* Título: aparece completo con desvanecido */ html body #wrap section.s_cover.d-lg-flex h2 { opacity: 0; animation: cdm-titulo 1.4s ease 1.9s forwards; } @keyframes cdm-titulo { to { opacity: 1; } } /* Bruma */ html body #wrap section.s_cover .cdm-bruma { position: absolute; inset: 0; z-index: 1; overflow: hidden; pointer-events: none; } html body #wrap section.s_cover .cdm-bruma-velo { position: absolute; inset: 0; background: #020d27; opacity: 0.92; animation: cdm-velo 2.2s ease 0.4s forwards; } @keyframes cdm-velo { to { opacity: 0; } } html body #wrap section.s_cover .cdm-nube { position: absolute; top: -20%; width: 75%; height: 140%; border-radius: 50%; background: radial-gradient(ellipse at center, rgba(2, 13, 39, 1) 0%, rgba(10, 22, 56, 0.92) 45%, rgba(10, 22, 56, 0) 72%); filter: blur(30px); animation-duration: 3.2s; animation-timing-function: cubic-bezier(0.45, 0, 0.2, 1); animation-delay: 0.4s; animation-fill-mode: forwards; } html body #wrap section.s_cover .cdm-nube-1 { left: -10%; animation-name: cdm-nube-izq; } html body #wrap section.s_cover .cdm-nube-2 { left: 12.5%; top: -10%; animation-name: cdm-nube-centro; } html body #wrap section.s_cover .cdm-nube-3 { right: -10%; animation-name: cdm-nube-der; } @keyframes cdm-nube-izq { to { transform: translateX(-70%); opacity: 0; } } @keyframes cdm-nube-centro { to { transform: scale(1.6); opacity: 0; } } @keyframes cdm-nube-der { to { transform: translateX(70%); opacity: 0; } } } /* Personas con "reducir movimiento": todo fijo desde el inicio */ @media (min-width: 992px) and (prefers-reduced-motion: reduce) { html body #wrap section.s_cover .cdm-bruma { display: none; } html body #wrap section.s_cover.d-lg-flex h2 { opacity: 1; animation: none; } html body #wrap section.s_cover.d-lg-flex > .o_scroll_button { opacity: 1 !important; animation: none !important; } } /* ===== INICIO COMPU: portada, lo de abajo aparece después de la bruma (oculta el brinco) ===== */ @media (min-width: 992px) { html body #wrap section.s_cover.d-lg-flex ~ * { opacity: 0; animation: cdm-abajo 0.6s ease 2.4s forwards; } @keyframes cdm-abajo { to { opacity: 1; } } } @media (min-width: 992px) and (prefers-reduced-motion: reduce) { html body #wrap section.s_cover.d-lg-flex ~ * { opacity: 1; animation: none; } } /* ===== TIENDA COMPU: rediseño de la página de productos (UX) ===== */ @media (min-width: 992px) { /* ----- Fondo gris azulado claro ----- */ html body #wrapwrap:has(#wrap.o_wsale_products_page), html body #wrap.o_wsale_products_page { background-color: #eef1f6 !important; } /* ----- Portada corta con el nombre (la altura la pone el script) ----- */ html body #wrap.o_wsale_products_page section.s_banner_connected { position: relative; display: flex !important; align-items: flex-end; padding-top: 0 !important; padding-bottom: 0 !important; border-radius: 0 0 40px 40px; overflow: hidden; background-position: center 62% !important; } html body #wrap.o_wsale_products_page section.s_banner_connected > .o_we_shape { display: none !important; } html body #wrap.o_wsale_products_page section.s_banner_connected::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(2, 13, 39, 0) 35%, rgba(2, 13, 39, 0.7) 100%); pointer-events: none; } html body #wrap.o_wsale_products_page section.s_banner_connected > .container { position: relative; z-index: 1; width: 100%; max-width: none; padding-bottom: 44px; } html body #wrap.o_wsale_products_page section.s_banner_connected > .container > .row { display: none !important; } html body #wrap.o_wsale_products_page .cdm-tienda-hero { text-align: center; color: #ffffff; font-family: 'Cinzel', serif; } html body #wrap.o_wsale_products_page .cdm-tienda-hero small { display: block; font-size: 13px; font-weight: 400; letter-spacing: 8px; text-transform: uppercase; opacity: 0.75; } html body #wrap.o_wsale_products_page .cdm-tienda-hero b { display: block; margin-top: 6px; font-size: 46px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; line-height: 1.1; } /* ----- Acomodo general ----- */ html body #wrap.o_wsale_products_page #o_wsale_container { max-width: 1360px; padding-top: 34px; } html body #wrap.o_wsale_products_page .o_wsale_products_main_row { gap: 34px; } /* ----- Panel de categorías: blanco, redondeado y fijo al bajar ----- */ html body #wrap.o_wsale_products_page aside#products_grid_before { flex: 0 0 250px !important; width: 250px !important; max-width: 250px !important; top: 96px !important; padding-top: 0 !important; } html body #wrap.o_wsale_products_page aside#products_grid_before .oe_structure { display: none !important; } html body #wrap.o_wsale_products_page .o_wsale_products_grid_before_rail { height: auto !important; max-height: calc(100vh - 120px); overflow-y: auto !important; margin-left: 0 !important; padding: 20px 12px !important; background: #ffffff; border-radius: 24px; scrollbar-width: thin; } html body #wrap.o_wsale_products_page .o_categories_collapse_title .accordion-button { padding: 0 12px 10px !important; font-family: 'Cinzel', serif; font-size: 12px; letter-spacing: 4px; text-transform: uppercase; color: rgba(17, 34, 80, 0.6) !important; pointer-events: none; } html body #wrap.o_wsale_products_page .o_categories_collapse_title .accordion-button::after { display: none !important; } html body #wrap.o_wsale_products_page .wsale_products_categories_list .nav-item { margin-bottom: 2px !important; } html body #wrap.o_wsale_products_page .wsale_products_categories_list a { display: block; flex: 1 1 auto; padding: 7px 14px !important; border-radius: 999px; color: #112250 !important; font-size: 14px; text-decoration: none !important; transition: background-color 0.2s ease; } html body #wrap.o_wsale_products_page .wsale_products_categories_list a:hover { background-color: #eef1f6; } html body #wrap.o_wsale_products_page .wsale_products_categories_list a.text-decoration-underline { background-color: #112250; color: #ffffff !important; } html body #wrap.o_wsale_products_page .o_categories_recursive_button { flex: 0 0 28px !important; width: 28px !important; margin-left: 4px !important; } html body #wrap.o_wsale_products_page .wsale_products_categories_list ul.list-unstyled { padding-left: 12px !important; } /* ----- Encabezado de la lista ----- */ html body #wrap.o_wsale_products_page #o_wsale_products_header { padding-top: 0 !important; gap: 8px !important; } html body #wrap.o_wsale_products_page #o_wsale_products_header .breadcrumb, html body #wrap.o_wsale_products_page #o_wsale_products_header .breadcrumb a { font-size: 12px; color: #6b7386 !important; } /* El nombre ya va en la portada: se oculta a la vista pero se queda para Google */ html body #wrap.o_wsale_products_page h1.o_wsale_category_title { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } /* Buscador y Ordenar en pastillas, fijos al bajar */ html body #wrap.o_wsale_products_page .products_header { position: sticky; top: 90px; z-index: 5; padding: 8px 0; background-color: #eef1f6; } html body #wrap.o_wsale_products_page .products_header .input-group { border-radius: 999px; overflow: hidden; box-shadow: 0 0 0 1px rgba(17, 34, 80, 0.08); } html body #wrap.o_wsale_products_page .products_header .oe_search_box, html body #wrap.o_wsale_products_page .products_header .oe_search_button { height: 44px; background-color: #ffffff !important; border: 0 !important; } html body #wrap.o_wsale_products_page .products_header .oe_search_box { padding-left: 20px; } html body #wrap.o_wsale_products_page .products_header .dropdown-toggle { padding: 10px 20px !important; border-radius: 999px; background-color: #ffffff; color: #112250; font-size: 14px; box-shadow: 0 0 0 1px rgba(17, 34, 80, 0.08); } html body #wrap.o_wsale_products_page .cdm-conteo { margin: 0 0 4px 6px; font-size: 12px; letter-spacing: 0.5px; color: #5b6478; } /* ----- Tarjetas de producto ----- */ html body #wrap.o_wsale_products_page #o_wsale_products_grid { --o-wsale-products-grid-gap: 26px !important; } html body #wrap.o_wsale_products_page form.oe_product_cart { position: relative; flex-direction: column !important; padding: 0 !important; text-align: center; background: transparent !important; border: 0 !important; box-shadow: none !important; } html body #wrap.o_wsale_products_page .oe_product_image { padding: 16px; background-color: #ffffff; border-radius: 22px; transition: transform 0.3s ease, box-shadow 0.3s ease; } html body #wrap.o_wsale_products_page form.oe_product_cart:hover .oe_product_image { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(17, 34, 80, 0.1); } /* Foto completa, sin recortar el producto */ html body #wrap.o_wsale_products_page img.oe_product_image_img { object-fit: contain !important; } html body #wrap.o_wsale_products_page .o_wsale_product_information { padding: 14px 6px 0 !important; background: transparent !important; } html body #wrap.o_wsale_products_page .o_wsale_products_item_title { margin: 0 !important; font-family: 'Cinzel', serif; font-size: 15px !important; font-weight: 500; line-height: 1.35; } html body #wrap.o_wsale_products_page .o_wsale_products_item_title a { color: #112250 !important; } /* Tamaño en línea aparte, gris */ html body #wrap.o_wsale_products_page .oe_subdescription { margin-top: 4px; font-size: 12px !important; color: #6b7386 !important; } html body #wrap.o_wsale_products_page .o_wsale_product_sub { position: static !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 10px !important; margin-top: 8px; } html body #wrap.o_wsale_products_page .product_price span { font-size: 15px; font-weight: 600; color: #112250; } html body #wrap.o_wsale_products_page .o_wsale_product_btn { position: static !important; display: flex !important; justify-content: center; } /* "Agregar": la única acción principal */ html body #wrap.o_wsale_products_page .o_wsale_product_btn_primary { padding: 9px 24px !important; border: 0 !important; border-radius: 999px !important; background-color: #112250 !important; color: #ffffff !important; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; transition: background-color 0.2s ease, color 0.2s ease; } html body #wrap.o_wsale_products_page .o_wsale_product_btn_primary i, html body #wrap.o_wsale_products_page .o_wsale_product_btn_primary .o_label { display: none !important; } html body #wrap.o_wsale_products_page .o_wsale_product_btn_primary::after { content: "Agregar"; } html body #wrap.o_wsale_products_page .o_wsale_product_btn_primary.cdm-agregado { background-color: #ffffff !important; color: #112250 !important; box-shadow: inset 0 0 0 1px #112250; } html body #wrap.o_wsale_products_page .o_wsale_product_btn_primary.cdm-agregado::after { content: "✓ Agregado"; } /* Corazón chico en la esquina de la foto */ html body #wrap.o_wsale_products_page .o_add_wishlist { position: absolute !important; top: 12px; right: 12px; z-index: 3; display: flex !important; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0 !important; border-radius: 50% !important; background-color: #ffffff !important; border: 1px solid rgba(17, 34, 80, 0.12) !important; color: #112250 !important; } html body #wrap.o_wsale_products_page .o_add_wishlist .o_label { display: none !important; } /* ----- Paginación en círculos ----- */ html body #wrap.o_wsale_products_page .products_pager .page-link { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 4px; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background-color: #ffffff !important; color: #112250 !important; } html body #wrap.o_wsale_products_page .products_pager .page-item.active .page-link { background-color: #112250 !important; color: #ffffff !important; } html body #wrap.o_wsale_products_page .products_pager .page-item.disabled .page-link { opacity: 0.4; } } /* ===== TIENDA COMPU: ajustes (botón, portada, scroll y ordenar) ===== */ @media (min-width: 992px) { /* Botón "Agregar": pastilla chica y centrada, no círculo */ html body #wrap.o_wsale_products_page .o_wsale_product_btn, html body #wrap.o_wsale_products_page .o_wsale_product_action_row { width: 100% !important; display: flex !important; justify-content: center !important; } html body #wrap.o_wsale_products_page .o_wsale_product_btn_primary { width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; aspect-ratio: auto !important; flex: 0 0 auto !important; display: inline-flex !important; align-items: center; justify-content: center; padding: 9px 26px !important; line-height: 1.2 !important; font-size: 11px !important; } /* Portada: el nombre abajo, más chico y legible */ html body #wrap.o_wsale_products_page section.s_banner_connected { flex-direction: column !important; justify-content: flex-end !important; align-items: stretch !important; } html body #wrap.o_wsale_products_page section.s_banner_connected::before { background: linear-gradient(to bottom, rgba(2, 13, 39, 0.25) 0%, rgba(2, 13, 39, 0.2) 45%, rgba(2, 13, 39, 0.85) 100%); } html body #wrap.o_wsale_products_page section.s_banner_connected > .container { padding-bottom: 38px !important; } html body #wrap.o_wsale_products_page .cdm-tienda-hero small { font-size: 11px; letter-spacing: 6px; } html body #wrap.o_wsale_products_page .cdm-tienda-hero b { font-size: 38px; letter-spacing: 3px; } /* Panel de categorías sin barra de scroll visible */ html body #wrap.o_wsale_products_page .o_wsale_products_grid_before_rail { scrollbar-width: none; } html body #wrap.o_wsale_products_page .o_wsale_products_grid_before_rail::-webkit-scrollbar { display: none; } /* "Ordenar por" en tamaño normal */ html body #wrap.o_wsale_products_page .products_header .dropdown-toggle, html body #wrap.o_wsale_products_page .products_header .dropdown-toggle * { font-family: inherit !important; font-size: 13px !important; text-transform: none !important; letter-spacing: 0.3px !important; } } /* ===== TIENDA COMPU: botón centrado, espacio para el footer y números alineados ===== */ @media (min-width: 992px) { /* Botón "Agregar" centrado bajo el producto */ html body #wrap.o_wsale_products_page .o_wsale_product_sub, html body #wrap.o_wsale_products_page .o_wsale_product_btn, html body #wrap.o_wsale_products_page .o_wsale_product_action_row { width: 100% !important; text-align: center !important; } html body #wrap.o_wsale_products_page .o_wsale_product_btn_primary { margin-left: auto !important; margin-right: auto !important; } /* Espacio abajo para que la curva del footer no tape la paginación ni el panel */ html body #wrap.o_wsale_products_page { padding-bottom: 110px !important; } /* Números alineados (sin el 3 y el 4 "caídos") */ html body #wrap.o_wsale_products_page .products_pager, html body #wrap.o_wsale_products_page .product_price, html body #wrap.o_wsale_products_page .cdm-conteo, html body #wrap.o_wsale_products_page .oe_subdescription, html body #wrap.o_wsale_products_page .o_wsale_products_item_title { font-variant-numeric: lining-nums tabular-nums; } html body #wrap.o_wsale_products_page .products_pager .page-link { line-height: 1 !important; font-size: 15px; } } /* ===== TIENDA COMPU: portada editorial (banda azul con la foto en franja) ===== */ @media (min-width: 992px) { /* La banda azul reserva su lugar desde el inicio (sin brinco) */ html body #wrap.o_wsale_products_page #oe_structure_website_sale_products_1 { min-height: 495px; padding: 150px 24px 40px; box-sizing: border-box; border-radius: 0 0 44px 44px; background: radial-gradient(ellipse 60% 70% at 50% 0%, rgba(70, 100, 200, 0.25) 0%, rgba(70, 100, 200, 0) 70%), #020d27; } /* La sección original de Odoo deja de dibujar su caja */ html body #wrap.o_wsale_products_page section.s_banner_connected { display: contents !important; } html body #wrap.o_wsale_products_page section.s_banner_connected::before, html body #wrap.o_wsale_products_page section.s_banner_connected::after, html body #wrap.o_wsale_products_page section.s_banner_connected > .o_we_shape, html body #wrap.o_wsale_products_page section.s_banner_connected > .container > .row { display: none !important; content: none !important; } html body #wrap.o_wsale_products_page section.s_banner_connected > .container { max-width: 1180px; margin: 0 auto; padding: 0 !important; } /* Texto */ html body #wrap.o_wsale_products_page .cdm-th { text-align: center; color: #ffffff; font-family: 'Cinzel', serif; } html body #wrap.o_wsale_products_page .cdm-th-sup { display: block; font-size: 13px; font-weight: 400; line-height: 20px; letter-spacing: 10px; text-transform: uppercase; opacity: 0.75; } html body #wrap.o_wsale_products_page .cdm-th-nom { display: block; margin-top: 6px; font-size: 54px; font-weight: 700; line-height: 1.05; letter-spacing: 6px; text-transform: uppercase; } html body #wrap.o_wsale_products_page .cdm-th-ln { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 16px 0; font-size: 11px; line-height: 12px; color: rgba(255, 255, 255, 0.6); } html body #wrap.o_wsale_products_page .cdm-th-ln i { display: block; width: 70px; height: 1px; background: rgba(255, 255, 255, 0.35); } /* Franja con la foto */ html body #wrap.o_wsale_products_page .cdm-th-franja { height: 170px; margin-top: 6px; border-radius: 120px; background-size: cover; background-position: center 68%; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); } } /* ===== TIENDA COMPU: portada editorial, texto más distribuido ===== */ @media (min-width: 992px) { html body #wrap.o_wsale_products_page #oe_structure_website_sale_products_1 { min-height: 552px; padding-top: 170px; padding-bottom: 48px; } html body #wrap.o_wsale_products_page .cdm-th-sup { letter-spacing: 12px; } html body #wrap.o_wsale_products_page .cdm-th-nom { margin-top: 16px; } html body #wrap.o_wsale_products_page .cdm-th-ln { margin: 24px 0 28px; } } /* ===== TIENDA COMPU: textos editoriales (panel, buscador, ordenar y contador) ===== */ @media (min-width: 992px) { /* Sin "Productos / Varas" */ html body #wrap.o_wsale_products_page #o_wsale_products_header .breadcrumb { display: none !important; } /* ----- Título del panel: EXPLORA delgado / CATEGORÍAS grueso / línea con ✦ ----- */ html body #wrap.o_wsale_products_page .o_categories_collapse_title { margin-bottom: 16px !important; padding: 0 12px; } html body #wrap.o_wsale_products_page .o_categories_collapse_title .accordion-button { display: block !important; padding: 0 !important; font-family: 'Cinzel', serif; font-size: 20px !important; letter-spacing: 2px !important; color: #112250 !important; text-align: left; } html body #wrap.o_wsale_products_page .o_categories_collapse_title .accordion-button b { font-weight: 700; } html body #wrap.o_wsale_products_page .o_categories_collapse_title .accordion-button::before { content: "Explora"; display: block; margin-bottom: 2px; font-size: 10px; font-weight: 400; letter-spacing: 5px; color: #6b7386; } html body #wrap.o_wsale_products_page .o_categories_collapse_title::after { content: "✦"; display: block; margin-top: 10px; font-size: 9px; line-height: 12px; text-align: center; color: #9aa3b6; background: linear-gradient(#d6dbe6, #d6dbe6) left center / calc(50% - 12px) 1px no-repeat, linear-gradient(#d6dbe6, #d6dbe6) right center / calc(50% - 12px) 1px no-repeat; } /* ----- Categorías: delgadas; la activa gruesa con ✦ ----- */ html body #wrap.o_wsale_products_page .wsale_products_categories_list a { padding: 5px 12px !important; border-radius: 0 !important; background: transparent !important; font-size: 14px; font-weight: 300; color: #3a4560 !important; transition: color 0.2s ease; } html body #wrap.o_wsale_products_page .wsale_products_categories_list a:hover { color: #112250 !important; font-weight: 500; } html body #wrap.o_wsale_products_page .wsale_products_categories_list a.text-decoration-underline { background: transparent !important; color: #112250 !important; font-weight: 600; } html body #wrap.o_wsale_products_page .wsale_products_categories_list a.text-decoration-underline::before { content: "✦ "; font-size: 9px; vertical-align: 2px; } /* ----- Barra: buscador, ordenar y contador sobre una línea fina ----- */ html body #wrap.o_wsale_products_page .products_header { align-items: flex-end !important; gap: 32px !important; padding: 6px 0 10px !important; border-bottom: 1px solid #d6dbe6; } html body #wrap.o_wsale_products_page .o_wsale_products_header_search_form_container { flex: 1 1 auto !important; max-width: none !important; } html body #wrap.o_wsale_products_page .o_wsale_products_header_search_form_container::before, html body #wrap.o_wsale_products_page .o_sortby_dropdown::before { display: block; margin-bottom: 6px; font-family: 'Cinzel', serif; font-size: 9px; letter-spacing: 4px; text-transform: uppercase; color: #6b7386; } html body #wrap.o_wsale_products_page .o_wsale_products_header_search_form_container::before { content: "Buscar"; } html body #wrap.o_wsale_products_page .o_sortby_dropdown::before { content: "Ordenar por"; } html body #wrap.o_wsale_products_page .products_header .input-group { border-radius: 0 !important; overflow: visible !important; box-shadow: none !important; } html body #wrap.o_wsale_products_page .products_header .oe_search_box, html body #wrap.o_wsale_products_page .products_header .oe_search_button { height: 30px !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; } html body #wrap.o_wsale_products_page .products_header .oe_search_box { font-size: 15px; font-weight: 300; color: #112250; } html body #wrap.o_wsale_products_page .products_header .oe_search_button { padding-left: 12px !important; color: #112250 !important; } html body #wrap.o_wsale_products_page .products_header .dropdown-toggle { padding: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; line-height: 30px; } html body #wrap.o_wsale_products_page .products_header .dropdown-toggle small { display: none !important; } html body #wrap.o_wsale_products_page .products_header .dropdown-toggle, html body #wrap.o_wsale_products_page .products_header .dropdown-toggle * { font-size: 15px !important; font-weight: 500; color: #112250 !important; } /* Contador tipo revista: PÁGINA 01 / 07 */ html body #wrap.o_wsale_products_page .products_header .cdm-conteo { margin: 0 !important; font-family: 'Cinzel', serif; font-size: 14px !important; line-height: 30px; letter-spacing: 3px !important; white-space: nowrap; color: #112250 !important; } html body #wrap.o_wsale_products_page .products_header .cdm-conteo .cdm-lbl { display: block; margin-bottom: 6px; font-size: 9px; line-height: 1; letter-spacing: 4px; color: #6b7386; } html body #wrap.o_wsale_products_page .products_header .cdm-conteo b { font-weight: 700; } } /* ===== TIENDA COMPU: portada editorial, cascanueces asomándose en la franja ===== */ @media (min-width: 992px) { /* Más alto para que quepan las manos y siga sin brincar */ html body #wrap.o_wsale_products_page #oe_structure_website_sale_products_1 { min-height: 605px; } html body #wrap.o_wsale_products_page .cdm-th-franja { height: auto !important; aspect-ratio: 1854 / 350; border-radius: 0 !important; box-shadow: none !important; background-image: url("/web/image/22512-21858a50/cascanueces-franja.webp") !important; background-size: 100% 100% !important; background-position: center !important; background-repeat: no-repeat !important; } } /* ===== TIENDA COMPU: portada editorial, polvo mágico que cae de la ventana ===== */ @media (min-width: 992px) { html body #wrap.o_wsale_products_page .cdm-th { position: relative; } html body #wrap.o_wsale_products_page .cdm-th-polvo { position: absolute; left: 14%; right: 14%; top: 100%; height: 90px; overflow: hidden; pointer-events: none; } html body #wrap.o_wsale_products_page .cdm-th-chispa { position: absolute; top: -6px; left: var(--x); width: var(--t); height: var(--t); border-radius: 50%; background: radial-gradient(circle, #ffffff 0%, rgba(240, 232, 214, 0.9) 45%, rgba(240, 232, 214, 0) 75%); box-shadow: 0 0 calc(var(--t) * 2.5) rgba(235, 228, 210, 0.6); opacity: 0; animation: cdm-chispa-cae var(--d) ease-in var(--r) infinite; } @keyframes cdm-chispa-cae { 0% { opacity: 0; transform: translate(0, 0) scale(0.6); } 15% { opacity: 0.9; } 50% { transform: translate(var(--dx), 45px) scale(1); } 100% { opacity: 0; transform: translate(calc(var(--dx) * -0.5), 90px) scale(0.5); } } } @media (min-width: 992px) and (prefers-reduced-motion: reduce) { html body #wrap.o_wsale_products_page .cdm-th-polvo { display: none; } } /* ===== TIENDA COMPU: portada editorial más delgada y con cielo de estrellas ===== */ @media (min-width: 992px) { /* Banda más baja (reserva su altura para no brincar) */ html body #wrap.o_wsale_products_page #oe_structure_website_sale_products_1 { position: relative; overflow: hidden; min-height: 470px; padding-top: 140px; padding-bottom: 24px; background: radial-gradient(ellipse 34% 40% at 50% 34%, rgba(90, 120, 220, 0.22) 0%, rgba(90, 120, 220, 0) 70%), radial-gradient(ellipse 60% 70% at 50% 0%, rgba(70, 100, 200, 0.22) 0%, rgba(70, 100, 200, 0) 70%), #020d27; } html body #wrap.o_wsale_products_page #oe_structure_website_sale_products_1 > * { position: relative; z-index: 1; } /* Cielo de estrellas: dos capas que titilan a destiempo */ html body #wrap.o_wsale_products_page #oe_structure_website_sale_products_1::before, html body #wrap.o_wsale_products_page #oe_structure_website_sale_products_1::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; } html body #wrap.o_wsale_products_page #oe_structure_website_sale_products_1::before { background-image: radial-gradient(1.5px 1.5px at 8% 22%, #ffffff 50%, transparent 51%), radial-gradient(1px 1px at 17% 48%, #ffffff 50%, transparent 51%), radial-gradient(2px 2px at 26% 14%, #ffffff 50%, transparent 51%), radial-gradient(1px 1px at 33% 62%, #ffffff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 71% 18%, #ffffff 50%, transparent 51%), radial-gradient(1px 1px at 79% 52%, #ffffff 50%, transparent 51%), radial-gradient(2px 2px at 88% 30%, #ffffff 50%, transparent 51%), radial-gradient(1px 1px at 94% 66%, #ffffff 50%, transparent 51%); animation: cdm-cielo 4s ease-in-out infinite; } html body #wrap.o_wsale_products_page #oe_structure_website_sale_products_1::after { background-image: radial-gradient(1px 1px at 12% 70%, #ffffff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 21% 32%, #ffffff 50%, transparent 51%), radial-gradient(1px 1px at 38% 26%, #ffffff 50%, transparent 51%), radial-gradient(1px 1px at 63% 30%, #ffffff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 75% 70%, #ffffff 50%, transparent 51%), radial-gradient(1px 1px at 84% 12%, #ffffff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 97% 40%, #ffffff 50%, transparent 51%); animation: cdm-cielo 5.5s ease-in-out 2s infinite; } @keyframes cdm-cielo { 0%, 100% { opacity: 0.35; } 50% { opacity: 0.9; } } /* Texto más compacto, sin amontonar */ html body #wrap.o_wsale_products_page .cdm-th-nom { margin-top: 8px; font-size: 46px; } html body #wrap.o_wsale_products_page .cdm-th-ln { margin: 14px 0 18px; } /* Franja un poco más angosta */ html body #wrap.o_wsale_products_page .cdm-th-franja { max-width: 980px; margin: 0 auto !important; } /* Polvo mágico en un espacio más corto */ html body #wrap.o_wsale_products_page .cdm-th-polvo { top: calc(100% - 30px); height: 54px; left: 22%; right: 22%; } @keyframes cdm-chispa-cae { 0% { opacity: 0; transform: translate(0, 0) scale(0.6); } 15% { opacity: 0.9; } 50% { transform: translate(var(--dx), 27px) scale(1); } 100% { opacity: 0; transform: translate(calc(var(--dx) * -0.5), 54px) scale(0.5); } } } @media (min-width: 992px) and (prefers-reduced-motion: reduce) { html body #wrap.o_wsale_products_page #oe_structure_website_sale_products_1::before, html body #wrap.o_wsale_products_page #oe_structure_website_sale_products_1::after { animation: none; } } /* ===== TIENDA COMPU: portada más baja porque el header es la pastilla ===== */ @media (min-width: 992px) { html body #wrap.o_wsale_products_page #oe_structure_website_sale_products_1 { min-height: 414px; padding-top: 110px; } } /* ===== TIENDA COMPU: pastilla con botón de perfil junto al carrito ===== */ @media (min-width: 992px) { /* Pastilla más larga y con más aire entre logo, menú y botones */ html body:has(#wrap.o_wsale_products_page) #wrapwrap > header#top.o_header_is_scrolled nav.navbar.d-lg-block .o_main_nav { gap: 44px !important; } html body:has(#wrap.o_wsale_products_page) #wrapwrap > header#top.o_header_is_scrolled nav.navbar.d-lg-block { padding: 8px 10px 8px 28px !important; } /* Botones de la derecha: siempre en una sola fila */ html body:has(#wrap.o_wsale_products_page) #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto { display: flex !important; flex-wrap: nowrap !important; flex: 0 0 auto !important; width: auto !important; align-items: center !important; gap: 8px !important; margin: 0 !important; } html body:has(#wrap.o_wsale_products_page) #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto > li { display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } /* Corazón y carrito: círculos de 40 px */ html body:has(#wrap.o_wsale_products_page) #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto > li > a:not(.dropdown-toggle) { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.1) !important; color: #ffffff !important; } /* Perfil: pastilla chica con ícono y flechita */ html body:has(#wrap.o_wsale_products_page) #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto > li > .dropdown-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px; height: 40px !important; padding: 0 14px !important; border: 0 !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.1) !important; color: #ffffff !important; box-shadow: none !important; } html body:has(#wrap.o_wsale_products_page) #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto > li > a:hover, html body:has(#wrap.o_wsale_products_page) #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto > li > .dropdown-toggle:hover { background: rgba(255, 255, 255, 0.18) !important; } } /* ===== TIENDA COMPU: división bonita entre la portada y la parte clara ===== */ @media (min-width: 992px) { /* Banda con esquinas redondas amplias, filete plateado y sombra suave */ html body #wrap.o_wsale_products_page #oe_structure_website_sale_products_1 { border-radius: 0 0 56px 56px !important; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.16), 0 26px 40px -30px rgba(2, 13, 39, 0.55); } /* Sello con la C: medallón azul, aro plateado y anillo claro que lo separa */ html body #wrap.o_wsale_products_page #o_wsale_container { position: relative; } html body #wrap.o_wsale_products_page .cdm-sello { position: absolute; top: -26px; left: 50%; z-index: 3; width: 52px; height: 52px; margin-left: -26px; border-radius: 50%; background-color: #020d27; background-repeat: no-repeat; background-position: center; background-size: 24px auto; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25), 0 0 0 6px #eef1f6, 0 10px 20px rgba(2, 13, 39, 0.18); opacity: 0; transition: opacity 0.4s ease; pointer-events: none; } html body #wrap.o_wsale_products_page .cdm-sello.listo { opacity: 1; } } /* ===== TIENDA COMPU: portada según el header (completo o pastilla) ===== */ @media (min-width: 992px) { /* Si sale el header completo, la portada deja su espacio */ html body #wrap.o_wsale_products_page #oe_structure_website_sale_products_1 { min-height: 444px; padding-top: 140px; } /* Si sale la pastilla, la portada sube */ html body:has(header#top.o_header_is_scrolled) #wrap.o_wsale_products_page #oe_structure_website_sale_products_1 { min-height: 414px; padding-top: 110px; } } /* ===== TIENDA COMPU: pastilla sin sesión, "Inicia sesión" como ícono de perfil ===== */ @media (min-width: 992px) { html body:has(#wrap.o_wsale_products_page) #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto a[href*="/web/login"] { font-size: 0 !important; letter-spacing: 0 !important; color: #ffffff !important; overflow: hidden; } html body:has(#wrap.o_wsale_products_page) #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto a[href*="/web/login"] * { display: none !important; } html body:has(#wrap.o_wsale_products_page) #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto a[href*="/web/login"]::before { content: "\f007"; font-family: 'FontAwesome'; font-size: 17px; line-height: 1; color: #ffffff; } } /* ===== COMPU GLOBAL: perfil en la pastilla y menú de perfil en vidrio azul ===== */ @media (min-width: 992px) { /* ----- Pastilla en todas las páginas: carrito · corazón · perfil en una fila ----- */ html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto { display: flex !important; flex-wrap: nowrap !important; flex: 0 0 auto !important; width: auto !important; align-items: center !important; gap: 8px !important; margin: 0 !important; } html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto > li { display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto > li > a:not(.dropdown-toggle) { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; padding: 0 !important; border: 0 !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.1) !important; color: #ffffff !important; } html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto > li > .dropdown-toggle { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px; height: 40px !important; padding: 0 14px !important; border: 0 !important; border-radius: 999px !important; background: rgba(255, 255, 255, 0.1) !important; color: #ffffff !important; box-shadow: none !important; } html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto > li > a:hover, html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto > li > .dropdown-toggle:hover { background: rgba(255, 255, 255, 0.18) !important; } /* Sin sesión: "Inicia sesión" como ícono de perfil */ html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto a[href*="/web/login"] { font-size: 0 !important; letter-spacing: 0 !important; overflow: hidden; } html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto a[href*="/web/login"] * { display: none !important; } html body #wrapwrap > header#top.o_header_is_scrolled .o_header_hide_on_scroll > ul.ms-auto a[href*="/web/login"]::before { content: "\f007"; font-family: 'FontAwesome'; font-size: 17px; line-height: 1; color: #ffffff; } /* ----- Menú del perfil: vidrio azul, redondeado (header completo y pastilla) ----- */ html body #wrapwrap > header#top .o_header_hide_on_scroll ul.ms-auto .dropdown-menu { min-width: 230px; margin-top: 10px !important; padding: 8px !important; border: 1px solid rgba(255, 255, 255, 0.1) !important; border-radius: 20px !important; background: rgba(11, 18, 48, 0.92) !important; backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%); box-shadow: 0 18px 40px rgba(2, 13, 39, 0.35) !important; } /* Título pequeño arriba */ html body #wrapwrap > header#top .o_header_hide_on_scroll ul.ms-auto .dropdown-menu::before { content: "Mi espacio ✦"; display: block; padding: 8px 14px 10px; font-family: 'Cinzel', serif; font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); } html body #wrapwrap > header#top .o_header_hide_on_scroll ul.ms-auto .dropdown-item { display: flex !important; align-items: center; gap: 12px; padding: 10px 14px !important; border-radius: 14px; background: transparent !important; color: rgba(255, 255, 255, 0.9) !important; font-size: 14px; font-weight: 400; transition: background-color 0.2s ease; } html body #wrapwrap > header#top .o_header_hide_on_scroll ul.ms-auto .dropdown-item:hover, html body #wrapwrap > header#top .o_header_hide_on_scroll ul.ms-auto .dropdown-item:focus { background: rgba(255, 255, 255, 0.08) !important; color: #ffffff !important; } html body #wrapwrap > header#top .o_header_hide_on_scroll ul.ms-auto .dropdown-item i, html body #wrapwrap > header#top .o_header_hide_on_scroll ul.ms-auto .dropdown-item .fa { width: 18px; text-align: center; color: rgba(255, 255, 255, 0.55) !important; } html body #wrapwrap > header#top .o_header_hide_on_scroll ul.ms-auto .dropdown-divider { margin: 6px 10px !important; border-top-color: rgba(255, 255, 255, 0.1) !important; } } /* ===== GLOBAL (compu y celular): inicio de sesión, registro y recuperar contraseña ===== */ /* Página en blanco, como el resto del sitio */ html body main:has(.oe_website_login_container) { padding: 70px 24px 170px; background: #ffffff; } /* Header recto en estas páginas */ html body:has(.oe_website_login_container) #wrapwrap > header#top, html body:has(.oe_website_login_container) #wrapwrap > header#top > nav, html body:has(.oe_website_login_container) #wrapwrap > header#top .navbar { border-radius: 0 !important; } /* Dos columnas en compu: editorial + tarjeta */ html body .cdm-lg-wrap { max-width: 1060px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 70px; align-items: center; } html body .cdm-lg-ed { color: #112250; } html body .cdm-lg-ed .k1 { display: block; font-family: 'Cinzel', serif; font-size: 11px; letter-spacing: 6px; text-transform: uppercase; color: #6b7386; } html body .cdm-lg-ed .t1 { display: block; margin-top: 14px; font-family: 'Cinzel', serif; font-size: 18px; font-weight: 400; letter-spacing: 8px; text-transform: uppercase; } html body .cdm-lg-ed .t2 { display: block; font-family: 'Cinzel', serif; font-size: 54px; font-weight: 700; letter-spacing: 3px; line-height: 1.05; text-transform: uppercase; } html body .cdm-lg-ed .ln, html body .cdm-lg-cab .ln { display: flex; align-items: center; gap: 8px; margin: 18px 0 22px; font-size: 9px; color: #9aa3b6; } html body .cdm-lg-ed .ln i, html body .cdm-lg-cab .ln i { display: block; width: 52px; height: 1px; background: #d6dbe6; } html body .cdm-lg-ed ul { list-style: none; margin: 0; padding: 0; } html body .cdm-lg-ed li { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; font-size: 15px; font-weight: 300; color: #3a4560; } html body .cdm-lg-ed li span { flex: 0 0 40px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #eef1f6; color: #112250; font-size: 15px; } /* Tarjeta */ html body .oe_website_login_container { width: 100%; max-width: 420px !important; margin: 0 auto !important; padding: 34px 32px 26px !important; border-radius: 28px; background: #ffffff; box-shadow: 0 0 0 1px rgba(17, 34, 80, 0.08), 0 24px 50px -20px rgba(2, 13, 39, 0.25); color: #112250; } html body .cdm-lg-wrap .oe_website_login_container { margin: 0 !important; } html body .oe_website_login_container form { max-width: none !important; margin: 0 !important; } /* Encabezado de la tarjeta */ html body .cdm-lg-cab { text-align: center; margin-bottom: 22px; } html body .cdm-lg-cab .ln { justify-content: center; margin: 12px 0 8px; } html body .cdm-lg-cab .k1 { display: block; font-family: 'Cinzel', serif; font-size: 10px; letter-spacing: 5px; text-transform: uppercase; color: #6b7386; } html body .cdm-lg-cab .k2 { display: block; margin-top: 4px; font-family: 'Cinzel', serif; font-size: 26px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; color: #112250; } html body .cdm-lg-cab .sb { margin: 0; font-size: 13px; font-weight: 300; line-height: 1.5; color: #5b6478; } /* Etiquetas y campos */ html body .oe_website_login_container .form-label { margin-bottom: 6px !important; font-size: 13px; font-weight: 500; color: #112250; } html body .oe_website_login_container .form-control { height: 46px; padding: 0 16px !important; border: 0 !important; border-radius: 14px !important; background: #f3f5f9 !important; box-shadow: none !important; font-size: 15px; color: #112250; } html body .oe_website_login_container .form-control:focus { box-shadow: 0 0 0 2px rgba(17, 34, 80, 0.25) !important; } html body .oe_website_login_container .input-group .form-control { border-radius: 14px 0 0 14px !important; } html body .oe_website_login_container .o_show_password { border: 0 !important; border-radius: 0 14px 14px 0 !important; background: #f3f5f9 !important; color: #5b6478 !important; padding: 0 14px !important; } html body .oe_website_login_container .o_caps_lock_warning > .d-flex { align-items: baseline !important; } html body .oe_website_login_container a[href="/web/reset_password"] { padding: 0 !important; font-family: inherit !important; font-size: 12px !important; letter-spacing: 0 !important; text-transform: none !important; color: #5b6478 !important; text-decoration: underline !important; } /* Botón principal y enlaces de abajo */ html body .oe_website_login_container .oe_login_buttons { padding-top: 18px !important; } html body .oe_website_login_container .oe_login_buttons .btn-primary { height: 48px; border: 0 !important; border-radius: 999px !important; background: #112250 !important; font-size: 13px; letter-spacing: 2px; } html body .oe_website_login_container .oe_login_buttons .btn-link { margin-top: 14px !important; font-family: inherit !important; font-size: 13px !important; letter-spacing: 0 !important; text-transform: none !important; color: #5b6478 !important; text-decoration: none !important; } html body .oe_website_login_container .oe_login_buttons .btn-link b { font-weight: 600; color: #112250; } /* Botón de Google (cuando actives OAuth) y separador */ html body .oe_website_login_container .cdm-lg-google a, html body .oe_website_login_container a[href*="/auth_oauth/signin"] { display: flex !important; align-items: center; justify-content: center; gap: 10px; padding: 12px !important; border: 0 !important; border-radius: 999px !important; background: #ffffff !important; box-shadow: 0 0 0 1px #d6dbe6; color: #112250 !important; font-size: 14px; font-weight: 500; text-decoration: none !important; } html body .oe_website_login_container .cdm-lg-o { display: flex; align-items: center; gap: 10px; margin: 18px 0; font-size: 12px; color: #8a93a6; } html body .oe_website_login_container .cdm-lg-o::before, html body .oe_website_login_container .cdm-lg-o::after { content: ""; flex: 1; height: 1px; background: #e2e6ee; } /* Compu: la tarjeta solo lleva el título; lo demás va a la izquierda */ @media (min-width: 992px) { html body .cdm-lg-wrap .cdm-lg-cab .k1, html body .cdm-lg-wrap .cdm-lg-cab .sb { display: none; } /* "Inicia sesión" del header completo como ícono de perfil */ html body #wrapwrap > header#top:not(.o_header_is_scrolled) .o_header_hide_on_scroll ul.ms-auto a[href*="/web/login"] { display: inline-flex !important; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0 !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.04) !important; font-size: 0 !important; letter-spacing: 0 !important; } html body #wrapwrap > header#top:not(.o_header_is_scrolled) .o_header_hide_on_scroll ul.ms-auto a[href*="/web/login"] * { display: none !important; } html body #wrapwrap > header#top:not(.o_header_is_scrolled) .o_header_hide_on_scroll ul.ms-auto a[href*="/web/login"]::before { content: "\f007"; font-family: 'FontAwesome'; font-size: 18px; line-height: 1; color: #ffffff; } } /* Celular: solo la tarjeta */ @media (max-width: 991.98px) { html body main:has(.oe_website_login_container) { padding: 36px 14px 150px; } html body .cdm-lg-wrap { display: block; } html body .cdm-lg-ed { display: none; } html body .oe_website_login_container { padding: 28px 20px 22px !important; border-radius: 24px; } html body .cdm-lg-cab .k2 { font-size: 22px; } } /* ===== GLOBAL: header con curva solo abajo ===== */ html body #wrapwrap > header#top > nav.navbar { border-radius: 0 0 28px 28px !important; } /* ===== TIENDA COMPU: con el Catálogo abierto, la barra de la tienda se va atrás ===== */ @media (min-width: 992px) { html body:has(header#top .o_mega_menu.show) #wrap.o_wsale_products_page .products_header, html body:has(header#top .o_mega_menu.show) #wrap.o_wsale_products_page .cdm-orden, html body:has(header#top .o_mega_menu.show) #wrap.o_wsale_products_page .cdm-sello, html body:has(header#top .o_mega_menu.show) #wrap.o_wsale_products_page .o_add_wishlist { z-index: 0 !important; } } /* ===== COMPU: mega menú del Catálogo sin barra de scroll ===== */ @media (min-width: 992px) { html body header#top .o_mega_menu, html body header#top .o_mega_menu * { scrollbar-width: none !important; } html body header#top .o_mega_menu::-webkit-scrollbar, html body header#top .o_mega_menu *::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; } } /* ===== TIENDA COMPU: barra 1/2, buscador como barra y contador ===== */ @media (min-width: 992px) { html body #wrap.o_wsale_products_page #o_wsale_products_header { position: relative; padding-bottom: 60px !important; } html body #wrap.o_wsale_products_page .products_header { align-items: center !important; border-bottom: 0 !important; padding: 8px 0 !important; } html body #wrap.o_wsale_products_page .o_wsale_products_header_search_form_container::before { content: none !important; } html body #wrap.o_wsale_products_page .products_header .o_sortby_dropdown { display: none !important; } html body #wrap.o_wsale_products_page .products_header .input-group { padding: 4px; border-radius: 999px !important; overflow: hidden !important; background: #ffffff; box-shadow: 0 0 0 1px rgba(17, 34, 80, 0.1), 0 8px 18px -12px rgba(2, 13, 39, 0.3) !important; } html body #wrap.o_wsale_products_page .products_header .oe_search_box { height: 42px !important; padding: 0 18px !important; background: transparent !important; font-size: 15px; font-weight: 300; } html body #wrap.o_wsale_products_page .products_header .oe_search_button { flex: 0 0 42px !important; width: 42px !important; height: 42px !important; padding: 0 !important; display: flex !important; align-items: center; justify-content: center; border-radius: 50% !important; background: #112250 !important; color: #ffffff !important; } } /* ===== TIENDA COMPU: barra 2/2, ordenar en pastillas y búsqueda activa ===== */ @media (min-width: 992px) { html body #wrap.o_wsale_products_page .cdm-orden { position: absolute; left: 0; right: 0; bottom: 8px; display: flex; align-items: center; gap: 8px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; } html body #wrap.o_wsale_products_page .cdm-orden .cdm-lbl { margin-right: 6px; font-family: 'Cinzel', serif; font-size: 9px; letter-spacing: 4px; text-transform: uppercase; color: #6b7386; white-space: nowrap; } html body #wrap.o_wsale_products_page .cdm-ch { white-space: nowrap; padding: 8px 16px; border-radius: 999px; background: #ffffff; color: #112250 !important; font-size: 13px; text-decoration: none !important; box-shadow: 0 0 0 1px rgba(17, 34, 80, 0.08); } html body #wrap.o_wsale_products_page .cdm-ch:hover { background: #e3e8f1; } html body #wrap.o_wsale_products_page .cdm-ch.on { background: #112250; color: #ffffff !important; box-shadow: none; } html body #wrap.o_wsale_products_page .cdm-busca { margin-left: auto; display: flex; align-items: center; gap: 8px; padding: 6px 8px 6px 14px; border-radius: 999px; background: #dfe5f0; color: #112250 !important; font-size: 13px; white-space: nowrap; text-decoration: none !important; } html body #wrap.o_wsale_products_page .cdm-busca i { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #112250; color: #ffffff; font-size: 10px; font-style: normal; } } /* ===== GLOBAL: inicio de sesión, header con curva solo abajo ===== */ html body:has(.oe_website_login_container) #wrapwrap > header#top > nav.navbar { border-radius: 0 0 28px 28px !important; } /* ===== COMPU: Catálogo se abre completo como pop up (sin fade por sección) ===== */ @media (min-width: 992px) { html body header#top .o_mega_menu .o_animate, html body header#top .o_mega_menu .o_animated_text { animation: none !important; visibility: visible !important; opacity: 1 !important; } html body header#top .o_mega_menu.show { transform-origin: 50% 0; animation: cdm-catalogo-pop 0.28s cubic-bezier(0.2, 0.8, 0.2, 1); } @keyframes cdm-catalogo-pop { from { opacity: 0; scale: 0.96; } to { opacity: 1; scale: 1; } } } @media (min-width: 992px) and (prefers-reduced-motion: reduce) { html body header#top .o_mega_menu.show { animation: none; } } /* ===== TIENDA COMPU: panel de categorías con scroll bonito y difuminados ===== */ @media (min-width: 992px) { html body #wrap.o_wsale_products_page .o_wsale_products_grid_before_rail { padding-top: 0 !important; padding-bottom: 0 !important; scrollbar-width: thin !important; scrollbar-color: rgba(17, 34, 80, 0.22) transparent; } html body #wrap.o_wsale_products_page .o_wsale_products_grid_before_rail::-webkit-scrollbar { display: block !important; width: 6px; } html body #wrap.o_wsale_products_page .o_wsale_products_grid_before_rail::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(17, 34, 80, 0.22); } html body #wrap.o_wsale_products_page .o_wsale_products_grid_before_rail::-webkit-scrollbar-track { background: transparent; } html body #wrap.o_wsale_products_page .o_categories_collapse_title { position: sticky; top: 0; z-index: 2; margin: 0 -12px 8px !important; padding: 20px 24px 12px !important; background-color: #ffffff; box-shadow: 0 18px 16px -6px #ffffff; } html body #wrap.o_wsale_products_page .wsale_products_categories_list { padding-bottom: 12px; } html body #wrap.o_wsale_products_page .o_wsale_products_grid_before_rail::after { content: "⌄"; position: sticky; bottom: 0; z-index: 2; display: flex; align-items: flex-end; justify-content: center; height: 56px; margin: -56px -12px 0; padding-bottom: 6px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%); font-size: 18px; line-height: 1; color: #9aa3b6; pointer-events: none; animation: cdm-panel-fin linear both; animation-timeline: scroll(nearest); } @keyframes cdm-panel-fin { 0%, 85% { opacity: 1; } 100% { opacity: 0; } } } /* ===== TIENDA COMPU: panel de categorías, barra de scroll mínima ===== */ @media (min-width: 992px) { /* Chrome/Edge/Safari: barra fina de 3 px, clarita y alejada de las esquinas */ html body #wrap.o_wsale_products_page .o_wsale_products_grid_before_rail { scrollbar-width: auto !important; scrollbar-color: auto !important; } html body #wrap.o_wsale_products_page .o_wsale_products_grid_before_rail::-webkit-scrollbar { display: block !important; width: 3px !important; } html body #wrap.o_wsale_products_page .o_wsale_products_grid_before_rail::-webkit-scrollbar-track { margin: 30px 0; background: transparent; } html body #wrap.o_wsale_products_page .o_wsale_products_grid_before_rail::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(17, 34, 80, 0.14); } html body #wrap.o_wsale_products_page .o_wsale_products_grid_before_rail:hover::-webkit-scrollbar-thumb { background: rgba(17, 34, 80, 0.28); } } /* Firefox: la más delgada que permite, muy clarita */ @supports (-moz-appearance: none) { @media (min-width: 992px) { html body #wrap.o_wsale_products_page .o_wsale_products_grid_before_rail { scrollbar-width: thin !important; scrollbar-color: rgba(17, 34, 80, 0.14) transparent !important; } } } /* ===== GLOBAL: botón "Ver todos los productos" en el Catálogo (compu y celular) ===== */ html body .cdm-ver-todo { display: flex; justify-content: center; margin-top: 18px; } html body .cdm-ver-todo a { display: inline-flex; align-items: center; gap: 10px; padding: 12px 28px; border-radius: 999px; background: #112250; color: #ffffff !important; font-family: 'Cinzel', serif; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; text-decoration: none !important; box-shadow: 0 10px 22px -12px rgba(2, 13, 39, 0.5); transition: background-color 0.2s ease, transform 0.2s ease; } html body .cdm-ver-todo a:hover { background: #1d2d6b; transform: translateY(-1px); } html body .cdm-ver-todo a span { transition: transform 0.2s ease; } html body .cdm-ver-todo a:hover span { transform: translateX(3px); } /* Celular: a lo ancho, al final del menú */ @media (max-width: 991.98px) { html body .cdm-ver-todo { margin: 18px 16px 8px; } html body .cdm-ver-todo a { width: 100%; justify-content: center; padding: 14px 20px; } } /* ===== GLOBAL: animaciones en pausa fuera de pantalla (más fluido, sin cambio visual) ===== */ html body .cdm-fuera *, html body .cdm-fuera *::before, html body .cdm-fuera *::after { animation-play-state: paused !important; } /* ===== CELULAR: vidrio sin desenfoque (más fluido), mismo color un poco más sólido ===== */ @media (max-width: 991.98px) { html body .cdm-vb-el, html body .cdm-vb-an::before, html body .cdm-vb-de::after { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } html body .cdm-vb-el { background-color: var(--cdm-vb-el) !important; } html body .cdm-vb-an::before { background-color: var(--cdm-vb-an) !important; } html body .cdm-vb-de::after { background-color: var(--cdm-vb-de) !important; } } /* ===== CELULAR: carrusel de colecciones, un solo "Ver colección" bonito ===== */ @media (max-width: 991.98px) { /* Quita el "Ver" viejo que se encimaba */ html body .s_ecomm_categories_showcase_wrapper .s_ecomm_categories_showcase_content .btn.cdm-ver::after, html body .s_ecomm_categories_showcase .s_ecomm_categories_showcase_content .btn.cdm-ver::after { content: none !important; display: none !important; } /* Píldora fina en un solo renglón */ html body .s_ecomm_categories_showcase .s_ecomm_categories_showcase_content .btn.cdm-ver { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px; width: auto !important; max-width: 100%; padding: 10px 20px !important; border: 1px solid rgba(255, 255, 255, 0.7) !important; border-radius: 999px !important; background: rgba(2, 13, 39, 0.35) !important; color: #ffffff !important; font-family: 'Cinzel', serif; font-size: 11px !important; line-height: 1 !important; letter-spacing: 2.5px !important; text-transform: uppercase; white-space: nowrap !important; box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.5); } html body .s_ecomm_categories_showcase .s_ecomm_categories_showcase_content .btn.cdm-ver:active { background: #ffffff !important; color: #112250 !important; } } /* ===== TIENDA CELULAR: portada como la de compu (banda azul, nombre centrado y cascanueces) ===== */ @media (max-width: 991.98px) { html body #wrap.o_wsale_products_page .o_wsale_category_title { align-items: center !important; justify-content: flex-end !important; text-align: center !important; min-height: 0 !important; padding: 96px 16px calc((100vw - 28px) * 0.1888 + 18px) !important; font-size: 34px !important; font-weight: 700 !important; letter-spacing: 4px !important; line-height: 1.05 !important; color: #ffffff !important; background: url("/web/image/22541-651568d2/cascanueces-franja-v2.webp") no-repeat center bottom 10px / calc(100% - 28px) auto, radial-gradient(1.5px 1.5px at 10% 22%, #ffffff 50%, transparent 51%), radial-gradient(1px 1px at 24% 46%, #ffffff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 78% 18%, #ffffff 50%, transparent 51%), radial-gradient(1px 1px at 90% 44%, #ffffff 50%, transparent 51%), radial-gradient(1px 1px at 60% 30%, #ffffff 50%, transparent 51%), radial-gradient(ellipse 70% 45% at 50% 38%, rgba(90, 120, 220, 0.28) 0%, rgba(90, 120, 220, 0) 70%), #020d27 !important; } /* "CATÁLOGO" delgado arriba, centrado */ html body #wrap.o_wsale_products_page .o_wsale_category_title::before { content: "Catálogo" !important; display: block !important; margin: 0 0 6px !important; font-size: 10px !important; font-weight: 400 !important; letter-spacing: 8px !important; text-transform: uppercase !important; text-align: center !important; opacity: 0.75; } /* Línea fina con ✦ centrada */ html body #wrap.o_wsale_products_page .o_wsale_category_title::after { content: "✦" !important; display: block !important; width: 150px !important; margin: 10px auto 0 !important; padding: 0 !important; border: 0 !important; font-size: 10px !important; line-height: 12px !important; letter-spacing: 0 !important; text-align: center !important; color: rgba(255, 255, 255, 0.6) !important; background: linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)) left center / calc(50% - 12px) 1px no-repeat, linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)) right center / calc(50% - 12px) 1px no-repeat !important; opacity: 1 !important; } } /* ===== CELULAR: footer compacto y sin blanco al final del scroll ===== */ @media (max-width: 991.98px) { /* Al jalar la página más allá del final, se ve azul (no blanco) */ html, html body { background-color: #070c24 !important; } /* Menos aire arriba y entre columnas */ html body footer#bottom #footer > section.s_text_block { padding-top: 40px !important; padding-bottom: 6px !important; } html body footer#bottom #footer .row > div { padding-top: 10px !important; padding-bottom: 10px !important; margin-top: 0 !important; margin-bottom: 0 !important; } html body footer#bottom #footer h1, html body footer#bottom #footer h2, html body footer#bottom #footer h3, html body footer#bottom #footer h4, html body footer#bottom #footer h5 { font-size: 19px !important; line-height: 1.25 !important; margin-bottom: 8px !important; } /* Textos legibles pero más compactos */ html body footer#bottom #footer p, html body footer#bottom #footer li, html body footer#bottom #footer address, html body footer#bottom #footer span, html body footer#bottom #footer a:not(.btn):not([class*="social"]) { font-size: 13px !important; line-height: 1.55 !important; letter-spacing: 0.2px !important; } html body footer#bottom #footer p { margin-bottom: 6px !important; } /* Íconos de redes más chicos */ html body footer#bottom #footer .s_social_media a, html body footer#bottom #footer a[href*="instagram"], html body footer#bottom #footer a[href*="facebook"] { width: 38px !important; height: 38px !important; line-height: 38px !important; } /* Copyright y "Con la tecnología de Odoo" más chicos */ html body footer#bottom .o_footer_copyright { padding-top: 12px !important; padding-bottom: 14px !important; } html body footer#bottom .o_footer_copyright, html body footer#bottom .o_footer_copyright * { font-size: 11px !important; line-height: 1.5 !important; } } /* ===== FICHA DE PRODUCTO (compu y celular): una fila "Completa tu decoración" ===== */ html body #oe_structure_website_sale_product_2 > .s_dynamic_snippet_products { display: none !important; } html body .cdm-xs { max-width: 1240px; margin: 0 auto; padding: 0 16px 44px; } html body .cdm-xs-sep { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 6px 0 18px; font-size: 10px; color: #9aa3b6; } html body .cdm-xs-sep i { display: block; flex: 0 1 90px; height: 1px; background: #d6dbe6; } html body .cdm-xs-cab { text-align: center; margin-bottom: 16px; } html body .cdm-xs-cab .k { display: block; font-family: 'Cinzel', serif; font-size: 10px; letter-spacing: 5px; text-transform: uppercase; color: #6b7386; } html body .cdm-xs-cab h2 { margin: 6px 0 0; font-family: 'Cinzel', serif; font-size: 22px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #112250; } html body .cdm-xs-cab p { margin: 6px 0 0; font-size: 13px; font-weight: 300; color: #5b6478; } html body .cdm-xs-tira { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 2px 12px; scrollbar-width: none; } html body .cdm-xs-tira::-webkit-scrollbar { display: none; } html body .cdm-xs-card { position: relative; flex: 0 0 158px; scroll-snap-align: start; color: #112250; } html body .cdm-xs-foto { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; padding: 12px; border-radius: 20px; background: #ffffff; box-shadow: 0 0 0 1px rgba(17, 34, 80, 0.06); } html body .cdm-xs-foto img { max-width: 100%; max-height: 100%; object-fit: contain; } html body .cdm-xs-n { margin: 10px 2px 2px; font-family: 'Cinzel', serif; font-size: 12px; line-height: 1.35; letter-spacing: 0.5px; color: #112250 !important; text-decoration: none !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } html body .cdm-xs-p { display: block; margin: 0 2px; font-size: 13px; font-weight: 600; font-variant-numeric: lining-nums; } html body .cdm-xs-mas { position: absolute; top: 8px; right: 8px; z-index: 2; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: #112250; color: #ffffff; font-size: 18px; line-height: 1; box-shadow: 0 4px 10px -4px rgba(2, 13, 39, 0.5); cursor: pointer; } html body .cdm-xs-mas.ok { background: #ffffff; color: #112250; box-shadow: 0 0 0 1px #112250; font-size: 14px; } @media (min-width: 992px) { html body .cdm-xs { padding: 0 24px 60px; } html body .cdm-xs-card { flex-basis: 200px; } html body .cdm-xs-cab h2 { font-size: 26px; } html body .cdm-xs-tira { justify-content: safe center; } } /* ===== FICHA DE PRODUCTO CELULAR: foto completa, precio claro, botones y barra fija ===== */ @media (max-width: 991.98px) { html body #wrapwrap { background-color: #ffffff; } html body #wrapwrap:has(#product_detail) { background-color: #f4f4f2; } html body #product_detail.oe_website_sale { margin-bottom: 0 !important; padding-bottom: 6px; } html body #product_detail #o-carousel-product { margin: 6px 0 0 !important; border-radius: 24px; background: #ffffff; overflow: hidden; } html body #product_detail #o-carousel-product .carousel-item img, html body #product_detail #o-carousel-product img.product_detail_img { width: 100% !important; height: auto !important; aspect-ratio: 1 / 1; object-fit: contain !important; padding: 18px; background: #ffffff; } html body #product_detail h1 { margin-bottom: 8px !important; font-family: 'Cinzel', serif; font-size: 24px !important; font-weight: 700 !important; letter-spacing: 1px; line-height: 1.2; text-transform: uppercase; color: #112250; } html body #product_detail .cdm-ficha-cat { display: block; margin-bottom: 4px; font-family: 'Cinzel', serif; font-size: 10px; letter-spacing: 5px; text-transform: uppercase; color: #6b7386; } html body #product_detail .o_wsale_product_details_content_section_price { margin-bottom: 10px !important; } html body #product_detail .product_price, html body #product_detail .product_price .oe_currency_value { font-family: 'Raleway', sans-serif; font-size: 24px !important; font-weight: 600 !important; color: #112250; font-variant-numeric: lining-nums; } html body #product_detail .o_wsale_product_details_content_section_price small, html body #product_detail .o_wsale_product_details_content_section_price .text-muted:not(.product_price) { font-family: 'Raleway', sans-serif !important; font-size: 12px !important; letter-spacing: 0 !important; text-transform: none !important; color: #6b7386 !important; } /* Existencia discreta */ html body #product_detail .availability_messages .badge { margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #8a5a00 !important; font-family: 'Raleway', sans-serif; font-size: 13px !important; font-weight: 500 !important; white-space: normal; } /* Botones: cantidad + agregar + corazón en un renglón; comprar ahora abajo */ html body #product_detail #add_to_cart_wrap { gap: 8px !important; align-items: center; } html body #product_detail #add_to_cart_wrap .css_quantity { flex: 0 0 auto; height: 48px; margin: 0 !important; border-radius: 999px !important; overflow: hidden; background: #ffffff; box-shadow: 0 0 0 1px #d6dbe6; } html body #product_detail #add_to_cart_wrap .css_quantity > * { border: 0 !important; background: transparent !important; } html body #product_detail #add_to_cart { flex: 1 1 0 !important; min-width: 0; height: 48px; margin: 0 !important; padding: 0 12px !important; border: 0 !important; border-radius: 999px !important; background: #112250 !important; font-family: 'Cinzel', serif; font-size: 11px !important; letter-spacing: 1.5px; white-space: nowrap; display: inline-flex !important; align-items: center; justify-content: center; } html body #product_detail .o_add_wishlist_dyn.cdm-corazon { flex: 0 0 48px !important; width: 48px !important; height: 48px; padding: 0 !important; margin: 0 !important; border-radius: 50% !important; display: inline-flex !important; align-items: center; justify-content: center; background: #ffffff !important; border: 1px solid #d6dbe6 !important; color: #112250 !important; } html body #product_detail .o_add_wishlist_dyn.cdm-corazon span { display: none !important; } html body #product_detail .o_we_buy_now { flex: 0 0 100% !important; height: 46px; margin: 2px 0 0 !important; border-radius: 999px !important; display: inline-flex !important; align-items: center; justify-content: center; font-size: 11px !important; letter-spacing: 2px; } html body #product_detail small.text-muted.cdm-legal { display: flex !important; align-items: center; gap: 10px; margin-top: 16px !important; padding: 12px 14px; border-radius: 16px; background: #ffffff; font-size: 13px; } html body #product_detail small.text-muted.cdm-legal::before { content: "\f15c"; font-family: 'FontAwesome'; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #eef1f6; color: #112250; font-size: 12px; } /* Barra fija abajo */ html body .cdm-barra { position: fixed; left: 12px; right: 12px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); z-index: 1030; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 6px 6px 6px 20px; border-radius: 999px; background: rgba(10, 20, 56, 0.96); color: #ffffff; box-shadow: 0 12px 30px -10px rgba(2, 13, 39, 0.6); transform: translateY(160%); transition: transform 0.3s ease; } html body .cdm-barra.ver { transform: none; } html body .cdm-barra b { font-size: 16px; font-weight: 600; white-space: nowrap; font-variant-numeric: lining-nums; } html body .cdm-barra button { flex: 0 0 auto; padding: 12px 20px; border: 0; border-radius: 999px; background: #ffffff; color: #112250; font-family: 'Cinzel', serif; font-size: 11px; letter-spacing: 2px; } html body:has(.cdm-barra) footer#bottom { padding-bottom: 76px; } } /* ===== FICHA DE PRODUCTO CELULAR: nombre editorial arriba, botones finos y barra elegante ===== */ @media (max-width: 991.98px) { /* Nombre editorial arriba de la foto */ html body #product_detail .cdm-titulo-arriba { margin: 4px 0 16px !important; text-align: center; } html body #product_detail .cdm-titulo-arriba .cdm-ficha-cat { margin-bottom: 8px; font-size: 10px; letter-spacing: 6px; } html body #product_detail .cdm-titulo-arriba h1 { margin: 0 !important; font-size: 26px !important; line-height: 1.15; letter-spacing: 2px; } html body #product_detail .cdm-titulo-arriba::after { content: "✦"; display: block; width: 150px; margin: 12px auto 0; font-size: 10px; line-height: 12px; text-align: center; color: #9aa3b6; background: linear-gradient(#d6dbe6, #d6dbe6) left center / calc(50% - 12px) 1px no-repeat, linear-gradient(#d6dbe6, #d6dbe6) right center / calc(50% - 12px) 1px no-repeat; } html body #product_detail .o_wsale_product_details_content_section_price { margin-top: 4px; } /* Cantidad: − 1 + bien centrados */ html body #product_detail #add_to_cart_wrap .css_quantity { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; height: 50px; padding: 0 6px; } html body #product_detail #add_to_cart_wrap .css_quantity > a, html body #product_detail #add_to_cart_wrap .css_quantity > button, html body #product_detail #add_to_cart_wrap .css_quantity > .btn { display: flex !important; align-items: center !important; justify-content: center !important; width: 30px !important; height: 50px !important; padding: 0 !important; margin: 0 !important; color: #112250 !important; font-size: 11px !important; line-height: 1 !important; box-shadow: none !important; } html body #product_detail #add_to_cart_wrap .css_quantity input { width: 30px !important; height: 50px !important; padding: 0 !important; margin: 0 !important; text-align: center; font-size: 16px !important; font-weight: 600; color: #112250; line-height: 50px !important; box-shadow: none !important; } /* Agregar al carrito: principal, fino y elegante */ html body #product_detail #add_to_cart { height: 50px !important; background: linear-gradient(135deg, #1d2d6b 0%, #112250 60%, #0a1638 100%) !important; box-shadow: 0 10px 22px -12px rgba(2, 13, 39, 0.65); font-size: 11px !important; letter-spacing: 2px !important; gap: 8px; } html body #product_detail #add_to_cart .fa { font-size: 13px; margin: 0 !important; } /* Corazón */ html body #product_detail .o_add_wishlist_dyn.cdm-corazon { flex-basis: 50px !important; width: 50px !important; height: 50px !important; border: 0 !important; background: #ffffff !important; box-shadow: 0 0 0 1px #d6dbe6; } /* Comprar ahora: secundario suave, sin borde pesado */ html body #product_detail .o_we_buy_now { height: 48px !important; border: 0 !important; background: #e8ecf4 !important; color: #112250 !important; font-size: 11px !important; letter-spacing: 2px !important; gap: 8px; } html body #product_detail .o_we_buy_now:active { background: #dfe5f0 !important; } /* Barra fija: miniatura, nombre, precio y botón */ html body .cdm-barra { left: 10px; right: 10px; padding: 8px 8px 8px 8px; gap: 10px; border-radius: 22px; background: rgba(10, 20, 56, 0.97); } html body .cdm-barra .min { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 14px; background: #ffffff center / contain no-repeat; } html body .cdm-barra .tx { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; } html body .cdm-barra .tx span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-family: 'Cinzel', serif; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; opacity: 0.85; } html body .cdm-barra .tx b { font-size: 15px; } html body .cdm-barra button { display: inline-flex; align-items: center; gap: 6px; padding: 13px 16px; border-radius: 16px; } } /* ===== FICHA DE PRODUCTO CELULAR: opción C, vitrina clara con tarjeta que sube ===== */ @media (max-width: 991.98px) { html body #wrapwrap:has(#product_detail) { background-color: #f4f4f2; } /* Vitrina a todo lo ancho, fondo claro con luz al centro */ html body #product_detail .o_wsale_product_images { width: 100vw !important; max-width: 100vw !important; flex: 0 0 auto !important; margin: 0 calc(50% - 50vw) !important; padding: 18px 0 46px !important; background: radial-gradient(ellipse 65% 55% at 50% 48%, #ffffff 0%, #eef1f6 72%) !important; } html body #product_detail #o-carousel-product { margin: 0 !important; border-radius: 0; background: transparent !important; overflow: visible; } html body #product_detail #o-carousel-product .carousel-item { text-align: center; } /* La foto flota con sombra suave, sin marco */ html body #product_detail #o-carousel-product .carousel-item img, html body #product_detail #o-carousel-product img.product_detail_img { display: inline-block !important; width: auto !important; max-width: 74% !important; height: auto !important; max-height: 320px !important; aspect-ratio: auto !important; padding: 0 !important; object-fit: contain !important; border-radius: 16px; background: transparent !important; box-shadow: 0 22px 34px -20px rgba(2, 13, 39, 0.55); } html body #product_detail #o-carousel-product .carousel-indicators, html body #product_detail #o-carousel-product .o_carousel_product_indicators { margin-bottom: -30px; } /* Tarjeta blanca que sube sobre la vitrina */ html body #product_detail #product_details { position: relative; z-index: 2; margin: -26px calc(50% - 50vw) 0 !important; width: 100vw !important; max-width: 100vw !important; padding: 22px 18px 26px !important; border-radius: 26px 26px 0 0; background: #ffffff; box-shadow: 0 -12px 26px -20px rgba(2, 13, 39, 0.45); text-align: center; } html body #product_detail #product_details::before { content: ""; display: block; width: 38px; height: 4px; margin: -8px auto 14px; border-radius: 999px; background: #e2e6ee; } /* Nombre con pesos y línea ✦ */ html body #product_detail .cdm-tit { margin-bottom: 10px !important; } html body #product_detail .cdm-tit .cdm-ficha-cat { display: block; margin-bottom: 6px; font-size: 10px; letter-spacing: 6px; } html body #product_detail .cdm-tit h1 { margin: 0 !important; text-align: center; } html body #product_detail .cdm-tit h1 .cdm-n1 { display: block; font-size: 15px; font-weight: 400; letter-spacing: 6px; } html body #product_detail .cdm-tit h1 .cdm-n2 { display: block; margin-top: 2px; font-size: 26px; font-weight: 700; letter-spacing: 2px; line-height: 1.1; } html body #product_detail .cdm-tit::after { content: "✦"; display: block; width: 150px; margin: 12px auto 0; font-size: 10px; line-height: 12px; text-align: center; color: #9aa3b6; background: linear-gradient(#d6dbe6, #d6dbe6) left center / calc(50% - 12px) 1px no-repeat, linear-gradient(#d6dbe6, #d6dbe6) right center / calc(50% - 12px) 1px no-repeat; } /* Precio y existencia centrados */ html body #product_detail #product_details .o_wsale_product_details_content_section_price { display: flex; justify-content: center; align-items: baseline; gap: 6px; margin: 6px 0 4px !important; } html body #product_detail #product_details .availability_messages { display: flex; justify-content: center; } html body #product_detail .availability_messages .badge { margin: 0 0 14px !important; } /* Botones según la opción C */ html body #product_detail #add_to_cart_wrap { justify-content: center; text-align: left; } html body #product_detail #add_to_cart_wrap .css_quantity { background: #f3f5f9 !important; box-shadow: none !important; } html body #product_detail .o_add_wishlist_dyn.cdm-corazon { background: #f3f5f9 !important; box-shadow: none !important; } html body #product_detail small.text-muted.cdm-legal { justify-content: flex-start; background: #f4f4f2; } } /* ===== FICHA DE PRODUCTO CELULAR: todo blanco y más compacto ===== */ @media (max-width: 991.98px) { html body #wrapwrap:has(#product_detail) { background-color: #ffffff; } html body #product_detail .o_wsale_product_images { padding: 6px 0 4px !important; background: #ffffff !important; } /* Sin espacio vacío debajo de la foto */ html body #product_detail #o-carousel-product, html body #product_detail #o-carousel-product .carousel-outer, html body #product_detail #o-carousel-product .carousel-inner, html body #product_detail #o-carousel-product .carousel-item { height: auto !important; min-height: 0 !important; max-height: none !important; } html body #product_detail #o-carousel-product .carousel-indicators, html body #product_detail #o-carousel-product .o_carousel_product_indicators { margin: 8px 0 0 !important; padding: 0 !important; } /* La tarjeta ya no sube: todo es una sola pieza blanca */ html body #product_detail #product_details { margin-top: 0 !important; padding-top: 12px !important; border-radius: 0; box-shadow: none; } html body #product_detail #product_details::before { display: none !important; } html body #product_detail .cdm-tit { margin-bottom: 6px !important; } html body #product_detail .cdm-tit::after { margin-top: 10px; } } /* ===== FICHA DE PRODUCTO CELULAR: foto sin cuadro vacío y nombre más grande ===== */ @media (max-width: 991.98px) { /* Odoo forzaba un cuadro cuadrado: ahora mide lo que mide la foto */ html body #product_detail #o-carousel-product .o_carousel_product_outer, html body #product_detail #o-carousel-product .carousel-item { aspect-ratio: auto !important; min-height: 0 !important; height: auto !important; } html body #product_detail #o-carousel-product { margin-bottom: 0 !important; } html body #product_detail #o-carousel-product .carousel-item img, html body #product_detail #o-carousel-product img.product_detail_img { max-height: 340px !important; } html body #product_detail .o_wsale_product_images { padding: 4px 0 0 !important; } /* Nombre más grande y claro */ html body #product_detail #product_details { padding-top: 16px !important; } html body #product_detail .cdm-tit .cdm-ficha-cat { font-size: 11px; letter-spacing: 6px; margin-bottom: 8px; } html body #product_detail .cdm-tit h1 .cdm-n1 { font-size: 20px !important; letter-spacing: 7px; color: #3a4560; } html body #product_detail .cdm-tit h1 .cdm-n2 { font-size: 36px !important; letter-spacing: 2px; line-height: 1.05; margin-top: 4px; } } /* ===== FICHA DE PRODUCTO CELULAR: foto sin cuadro, barra superior blanca con botones glass ===== */ @media (max-width: 991.98px) { /* Todo del mismo blanco, también la franja de "‹ Categoría" */ html body #product_detail, html body #product_detail > div, html body #product_detail .o_wsale_content_contained { background-color: #ffffff !important; } /* La foto queda sola al centro: sin sombra, sin esquinas, sin cuadro */ html body #product_detail #o-carousel-product .carousel-item img, html body #product_detail #o-carousel-product img.product_detail_img { border-radius: 0 !important; box-shadow: none !important; } /* "‹ Categoría" como botón glass */ html body #product_detail ol.o_wsale_breadcrumb li.d-lg-none a { display: inline-flex !important; align-items: center; gap: 8px; padding: 9px 18px 9px 14px !important; border-radius: 999px; border: 1px solid rgba(17, 34, 80, 0.1); background: rgba(17, 34, 80, 0.05); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); color: #112250 !important; font-size: 14px; text-decoration: none !important; } /* Buscar como botón glass redondo */ html body #product_detail .o_wsale_content_contained > .btn, html body #product_detail .o_wsale_content_contained > a.btn, html body #product_detail .o_wsale_content_contained > button, html body #product_detail .o_wsale_content_contained .o_wsale_product_page_search .btn { width: 42px; height: 42px; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 50% !important; border: 1px solid rgba(17, 34, 80, 0.1) !important; background: rgba(17, 34, 80, 0.05) !important; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); color: #112250 !important; box-shadow: none !important; } /* Nombres largos un poco más chicos para que no se partan feo */ html body #product_detail .cdm-tit h1.cdm-largo .cdm-n2 { font-size: 28px !important; line-height: 1.1; } /* "Tamaño" repetido: se oculta la opción única (sin nada que elegir) */ html body #product_detail .o_wsale_product_page_variants li:not(:has(input:not([type="hidden"]), select)) { display: none !important; } } /* ===== FICHA DE PRODUCTO CELULAR: info antes de los botones, botón de categoría azul y sugeridos sin división ===== */ @media (max-width: 991.98px) { /* Botón "‹ Categoría" y lupa: azul con texto blanco (sin vidrio) */ html body #product_detail ol.o_wsale_breadcrumb li.d-lg-none a, html body #product_detail .o_wsale_content_contained > .btn, html body #product_detail .o_wsale_content_contained > a.btn, html body #product_detail .o_wsale_content_contained > button, html body #product_detail .o_wsale_content_contained .o_wsale_product_page_search .btn { border: 0 !important; background: #112250 !important; color: #ffffff !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: 0 8px 18px -12px rgba(2, 13, 39, 0.6) !important; } html body #product_detail ol.o_wsale_breadcrumb li.d-lg-none a *, html body #product_detail .o_wsale_content_contained .btn * { color: #ffffff !important; } html body #product_detail ol.o_wsale_breadcrumb li.d-lg-none a { padding: 9px 18px 9px 14px !important; font-weight: 500; } /* Información (tamaño, color…) en una tarjeta clara antes de los botones */ html body #product_detail .o_wsale_product_details_content_section_specs { margin: 4px 0 16px !important; padding: 6px 16px !important; border-radius: 16px; background: #f5f7fb; text-align: left; } html body #product_detail .o_wsale_product_details_content_section_specs table { width: 100%; margin: 0 !important; } html body #product_detail .o_wsale_product_details_content_section_specs tr { border-bottom: 1px solid #e6e9f0; } html body #product_detail .o_wsale_product_details_content_section_specs tr:last-child { border-bottom: 0; } html body #product_detail .o_wsale_product_details_content_section_specs td, html body #product_detail .o_wsale_product_details_content_section_specs th { padding: 10px 0 !important; border: 0 !important; background: transparent !important; font-size: 14px; color: #112250; } html body #product_detail .o_wsale_product_details_content_section_specs hr { display: none; } /* "Completa tu decoración" sin línea de corte: el blanco se difumina */ html body #wrapwrap:has(#product_detail) { background-color: #f4f4f2; } html body .cdm-xs { max-width: none; margin: 0; padding-top: 18px; background: linear-gradient(to bottom, #ffffff 0%, #f4f4f2 180px); } } /* ===== FICHA DE PRODUCTO CELULAR: más aire, tamaño en un solo renglón con cm y tarjetas parejas ===== */ @media (max-width: 991.98px) { /* Más aire entre precio, información y botones */ html body #product_detail #product_details .o_wsale_product_details_content_section_price { margin: 10px 0 18px !important; } html body #product_detail .o_wsale_product_details_content_section_specs { margin: 6px 0 22px !important; padding: 6px 18px !important; } /* Cada renglón: etiqueta a la izquierda, valor a la derecha */ html body #product_detail .o_wsale_product_details_content_section_specs td { display: flex !important; justify-content: space-between; align-items: baseline; gap: 14px; padding: 13px 0 !important; font-size: 0 !important; } html body #product_detail .o_wsale_product_details_content_section_specs td span { font-size: 14px; } html body #product_detail .o_wsale_product_details_content_section_specs td span:first-child { flex: 0 0 auto; color: #6b7386; } html body #product_detail .o_wsale_product_details_content_section_specs td span:last-child { text-align: right; font-weight: 600; color: #112250; } } /* Tarjetas de "Completa tu decoración" a la misma altura */ html body .cdm-xs-foto { aspect-ratio: auto !important; height: 158px; overflow: hidden; } html body .cdm-xs-foto img { width: 100%; height: 100%; max-height: none; object-fit: contain; } html body .cdm-xs-n { min-height: 33px; } /* Que se note que se puede deslizar */ html body .cdm-xs-tira { -webkit-mask-image: linear-gradient(to right, #000 82%, transparent 100%); mask-image: linear-gradient(to right, #000 82%, transparent 100%); } html body .cdm-xs-desliza { margin: 4px 0 0; text-align: center; font-size: 12px; letter-spacing: 1px; color: #6b7386; } html body .cdm-xs-desliza span { display: inline-block; animation: cdm-desliza 1.6s ease-in-out infinite; } @keyframes cdm-desliza { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(6px); } } @media (min-width: 992px) { html body .cdm-xs-foto { height: 200px; } html body .cdm-xs-desliza { display: none; } html body .cdm-xs-tira { -webkit-mask-image: none; mask-image: none; } } /* ===== FICHA DE PRODUCTO CELULAR: "Todos los productos" en lugar de buscar ===== */ @media (max-width: 991.98px) { html body #product_detail .o_wsale_product_search_mobile_btn { display: none !important; } html body #product_detail .cdm-todos { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border-radius: 999px; background: #112250; color: #ffffff !important; font-size: 13px; font-weight: 500; white-space: nowrap; text-decoration: none !important; box-shadow: 0 8px 18px -12px rgba(2, 13, 39, 0.6); } html body #product_detail .cdm-todos .fa { font-size: 12px; opacity: 0.85; } } /* ===== TIENDA CELULAR: "Todos los productos" con la misma portada que las categorías ===== */ @media (max-width: 991.98px) { /* Sin la fila de categorías de Odoo (ya están las pastillas de abajo) */ html body #wrap.o_wsale_products_page #o_wsale_categories_filmstrip { display: none !important; } /* Portada azul con nombre centrado y cascanueces, igual que en Pinos */ html body #wrap.o_wsale_products_page h1.o_wsale_shop_title { order: 1; flex: 0 0 auto; width: 100vw !important; max-width: 100vw !important; margin: 0 calc(50% - 50vw) !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-end !important; text-align: center !important; min-height: 0 !important; padding: 96px 16px calc((100vw - 28px) * 0.1888 + 18px) !important; border-radius: 0 0 28px 28px !important; font-family: 'Cinzel', serif; font-size: 30px !important; font-weight: 700 !important; letter-spacing: 3px !important; line-height: 1.1 !important; text-transform: uppercase; color: #ffffff !important; background: url("/web/image/22541-651568d2/cascanueces-franja-v2.webp") no-repeat center bottom 10px / calc(100% - 28px) auto, radial-gradient(1.5px 1.5px at 10% 22%, #ffffff 50%, transparent 51%), radial-gradient(1px 1px at 24% 46%, #ffffff 50%, transparent 51%), radial-gradient(1.5px 1.5px at 78% 18%, #ffffff 50%, transparent 51%), radial-gradient(1px 1px at 90% 44%, #ffffff 50%, transparent 51%), radial-gradient(1px 1px at 60% 30%, #ffffff 50%, transparent 51%), radial-gradient(ellipse 70% 45% at 50% 38%, rgba(90, 120, 220, 0.28) 0%, rgba(90, 120, 220, 0) 70%), #020d27 !important; } html body #wrap.o_wsale_products_page h1.o_wsale_shop_title::before { content: "Catálogo"; display: block; margin: 0 0 6px; font-size: 10px; font-weight: 400; letter-spacing: 8px; opacity: 0.75; } html body #wrap.o_wsale_products_page h1.o_wsale_shop_title::after { content: "✦"; display: block; width: 150px; margin: 10px auto 0; font-size: 10px; line-height: 12px; letter-spacing: 0; color: rgba(255, 255, 255, 0.6); background: linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)) left center / calc(50% - 12px) 1px no-repeat, linear-gradient(rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.35)) right center / calc(50% - 12px) 1px no-repeat; } } /* ===== CARRITO Y PASOS DE COMPRA (celular): pasos con puntos, tarjetas de producto, resumen y barra fija ===== */ @media (max-width: 991.98px) { html body .o_wizard { position: relative; display: flex !important; justify-content: space-between; align-items: flex-start; gap: 0 !important; margin: 8px 6px 4px; padding: 0 !important; } html body .o_wizard::before { content: ""; position: absolute; left: 12%; right: 12%; top: 7px; height: 1px; background: #d6dbe6; } html body .o_wizard > span { position: relative; z-index: 1; flex: 1 1 0; display: flex; flex-direction: column; align-items: center; text-align: center; } html body .o_wizard > span > div { display: flex; flex-direction: column; align-items: center; gap: 6px; } html body .o_wizard > span > div::before { content: ""; width: 14px; height: 14px; border-radius: 50%; background: #112250; box-shadow: 0 0 0 4px #ffffff; } html body .o_wizard > span.o_disabled > div::before { background: #ffffff; box-shadow: 0 0 0 1px #d6dbe6, 0 0 0 4px #ffffff; } html body .o_wizard > span p, html body .o_wizard > span span { margin: 0 !important; font-size: 11px !important; font-weight: 600; letter-spacing: 0.5px; color: #112250 !important; white-space: nowrap; } html body .o_wizard > span.o_disabled p, html body .o_wizard > span.o_disabled span { font-weight: 400; color: #8a93a6 !important; } html body .o_wizard > span > div > span:not(:only-child), html body .o_wizard .fa, html body .o_wizard .oi { display: none !important; } /* Título "TU PEDIDO ✦ / CARRITO" */ html body #shop_cart > div:first-child { justify-content: center !important; margin: 14px 0 6px; } html body #shop_cart > div:first-child h4 { margin: 0 !important; font-family: 'Cinzel', serif; font-size: 22px !important; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; text-align: center; color: #112250; } html body #shop_cart > div:first-child h4::before { content: "Tu pedido ✦"; display: block; margin-bottom: 4px; font-size: 10px; font-weight: 400; letter-spacing: 5px; color: #6b7386; } html body #shop_cart #quick_reorder_button { display: none !important; } /* Cada producto en tarjeta clara */ html body #cart_products .o_cart_product { gap: 12px !important; margin: 0 0 10px !important; padding: 12px !important; border: 0 !important; border-radius: 18px; background: #f5f7fb; } html body #cart_products .o_cart_product_image { flex: 0 0 76px; width: 76px; } html body #cart_products .o_cart_product_image img { width: 76px !important; height: 76px !important; padding: 6px; object-fit: contain; border-radius: 14px !important; background: #ffffff; } html body #cart_products .o_cart_product h6 { font-family: 'Cinzel', serif; font-size: 13px !important; letter-spacing: 0.5px; line-height: 1.3; color: #112250; } html body #cart_products .o_cart_product .oe_currency_value { font-weight: 600; font-variant-numeric: lining-nums; } html body #cart_products .o_cart_product .text-muted.small { font-size: 12px !important; } html body #cart_products .o_cart_product .css_quantity { width: auto !important; height: 36px; border-radius: 999px; overflow: hidden; background: #ffffff; box-shadow: 0 0 0 1px #e1e5ee; flex-wrap: nowrap !important; align-items: center; } html body #cart_products .o_cart_product .css_quantity .btn { width: 32px; height: 36px; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; color: #112250 !important; font-size: 11px; } html body #cart_products .o_cart_product .css_quantity input { width: 32px !important; height: 36px; padding: 0 !important; border: 0 !important; background: transparent !important; text-align: center; font-weight: 600; color: #112250; box-shadow: none !important; } html body #cart_products .o_cart_product button.js_delete_product { color: #8a93a6 !important; } /* Resumen */ html body .o_total_card { margin-top: 6px; border: 0 !important; border-radius: 20px !important; background: #ffffff !important; box-shadow: 0 0 0 1px #e6e9f0 !important; } html body .o_total_card table td { padding: 8px 0 !important; border: 0 !important; font-size: 14px; color: #112250; } html body .o_total_card table td.text-muted { color: #6b7386 !important; } html body .o_total_card table tr:has(strong) td { padding-top: 12px !important; border-top: 1px solid #e6e9f0 !important; font-size: 16px; font-weight: 600; } html body .o_total_card .cdm-por-calcular { font-size: 12px; color: #6b7386; } html body .o_total_card a.btn-primary { height: 50px; display: flex !important; align-items: center; justify-content: center; border: 0 !important; border-radius: 999px !important; background: linear-gradient(135deg, #1d2d6b 0%, #112250 60%, #0a1638 100%) !important; font-family: 'Cinzel', serif; font-size: 12px !important; letter-spacing: 2px; } html body .o_total_card a:not(.btn-primary) { color: #5b6478 !important; font-size: 13px; } /* Carrito vacío */ html body .cdm-vacio { padding: 26px 18px 34px; text-align: center; } html body .cdm-vacio .cir { width: 92px; height: 92px; margin: 0 auto 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #f5f7fb; color: #112250; font-size: 34px; } html body .cdm-vacio .k { display: block; font-family: 'Cinzel', serif; font-size: 10px; letter-spacing: 5px; text-transform: uppercase; color: #6b7386; } html body .cdm-vacio h5 { margin: 6px 0 8px; font-family: 'Cinzel', serif; font-size: 22px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: #112250; } html body .cdm-vacio p { margin: 0 0 18px; font-size: 14px; font-weight: 300; color: #5b6478; } html body .cdm-vacio .bt { display: inline-flex; padding: 14px 24px; border-radius: 999px; background: #112250; color: #ffffff !important; font-family: 'Cinzel', serif; font-size: 11px; letter-spacing: 2px; text-decoration: none !important; } html body .cdm-vacio .ch { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 18px; } html body .cdm-vacio .ch a { padding: 8px 14px; border-radius: 999px; background: #f5f7fb; color: #112250 !important; font-size: 13px; text-decoration: none !important; } html body #shop_cart:has(.cdm-vacio) > div:first-child { display: none !important; } /* Barra fija del carrito */ html body .cdm-barra-car { position: fixed; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); z-index: 1030; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 8px 8px 18px; border-radius: 22px; background: rgba(10, 20, 56, 0.97); color: #ffffff; box-shadow: 0 12px 30px -10px rgba(2, 13, 39, 0.6); transform: translateY(160%); transition: transform 0.3s ease; } html body .cdm-barra-car.ver { transform: none; } html body .cdm-barra-car small { display: block; font-size: 11px; opacity: 0.75; } html body .cdm-barra-car b { font-size: 16px; font-weight: 600; font-variant-numeric: lining-nums; } html body .cdm-barra-car a { padding: 13px 18px; border-radius: 16px; background: #ffffff; color: #112250 !important; font-family: 'Cinzel', serif; font-size: 11px; letter-spacing: 2px; text-decoration: none !important; white-space: nowrap; } html body:has(.cdm-barra-car) footer#bottom { padding-bottom: 80px; } } /* ===== CELULAR: sin franja blanca antes del footer (carrito, compra y demás páginas) ===== */ @media (max-width: 991.98px) { /* El fondo detrás del contenido es el mismo gris claro de las páginas, así no se ve el corte */ html body #wrapwrap { background-color: #f5f5f3; } } /* ===== GLOBAL: sin link de Términos y condiciones (la página aún no tiene contenido) ===== */ html body #product_detail small.text-muted:has(a[href="/terms"]) { display: none !important; } /* ===== Colecciones 2026: piezas de cada colección ===== */ html body .cdm-col .cdm-col-prods { grid-column: 1 / -1; margin-top: -10px; } html body .cdm-col .cdm-col-prods-k { margin-bottom: 12px; font-family: 'Cinzel', serif; font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: #6b7386; } @media (min-width: 992px) { html body .cdm-col .cdm-col-prods .cdm-xs-tira { justify-content: flex-start; } } /* ===== TIENDA: portada de las colecciones 2026 (imagen completa, sin recortar) ===== */ @media (min-width: 992px) { html body.cdm-col-portada #oe_structure_website_sale_products_1 { display: flex !important; align-items: center !important; justify-content: center !important; min-height: 37.19vw !important; height: auto !important; padding: 0 !important; background: #020d27 url("/web/image/22618-c1780c86/portada-colecciones-2026.jpg") center top / 100% auto no-repeat !important; } html body.cdm-col-portada #oe_structure_website_sale_products_1::before, html body.cdm-col-portada #oe_structure_website_sale_products_1::after { display: none !important; } html body.cdm-col-portada #oe_structure_website_sale_products_1 section.s_banner_connected { background: transparent !important; } html body.cdm-col-portada #oe_structure_website_sale_products_1 .container { width: 100%; } html body.cdm-col-portada .cdm-th-franja, html body.cdm-col-portada .cdm-th-polvo, html body.cdm-col-portada .cdm-th-chispa { display: none !important; } html body.cdm-col-portada .cdm-th { padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; height: auto !important; } } @media (max-width: 991.98px) { html body.cdm-col-portada #wrap.o_wsale_products_page .o_wsale_category_title { padding: calc(96px + 37.19vw + 20px) 16px 26px !important; background: #020d27 url("/web/image/22618-c1780c86/portada-colecciones-2026.jpg") left 0 top 96px / 100% auto no-repeat !important; } html body.cdm-col-portada #wrap.o_wsale_products_page .o_wsale_category_title::before { content: "Colecciones 2026" !important; } } /* ===== COLECCIONES 2026: logos de cada colección ===== */ html body .cdm-logo-col { display: inline-block; line-height: 0; } html body .cdm-logo-col svg { width: 100%; height: auto; max-height: 170px; display: block; margin: 0 auto; } html body .cdm-logo-col img { width: 100%; height: auto; max-height: 170px; object-fit: contain; display: block; margin: 0 auto; } html body .cdm-col-tx h2.cdm-con-logo .cdm-logo-col img { width: auto; max-width: 100%; margin: 0; } html body.cdm-col-portada .cdm-logo-col img { max-height: 150px; } html body .cdm-col-tx h2.cdm-con-logo .cdm-logo-col svg { width: auto; max-width: 100%; margin: 0; } html body.cdm-col-portada .cdm-logo-col svg { max-height: 150px; } html body .cdm-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } /* Portada de la colección (blanco) */ html body.cdm-col-portada .cdm-th-nom .cdm-logo-col { width: min(460px, 34vw); margin: 6px auto 2px; } @media (max-width: 991.98px) { html body.cdm-col-portada #wrap.o_wsale_products_page .o_wsale_category_title .cdm-logo-col { width: min(320px, 78vw); margin: 6px auto 0; } } /* Página Colecciones 2026 (azul marino) */ html body .cdm-col-tx h2.cdm-con-logo { margin: 12px 0 0; } html body .cdm-col-tx h2.cdm-con-logo .cdm-logo-col { width: min(380px, 100%); } @media (max-width: 991.98px) { html body .cdm-col-tx h2.cdm-con-logo .cdm-logo-col { width: min(280px, 80vw); } } /* ===== COLECCIONES 2026: el pino completo (foto, selección de piezas y compra) ===== */ html body .cdm-pino { margin: 10px 0 40px; color: #112250; } html body.cdm-pino-activo #products_grid .o_wsale_products_grid_table_wrapper, html body.cdm-pino-activo #products_grid #o_wsale_pager { display: none !important; } html body .cdm-pino-look { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 40px; align-items: center; padding: 30px; border-radius: 28px; background: #ffffff; box-shadow: 0 30px 60px -40px rgba(2, 13, 39, 0.45); } html body .cdm-pino-foto { border-radius: 22px; overflow: hidden; background: #0b1430; aspect-ratio: 4 / 5; } html body .cdm-pino-foto img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.2s ease; } html body .cdm-pino-foto:hover img { transform: scale(1.03); } html body .cdm-pino-k { display: block; font-family: 'Cinzel', serif; font-size: 12px; letter-spacing: 5px; color: #6b7386; } html body .cdm-pino-logo { margin: 14px 0 6px; } html body .cdm-pino-logo svg, html body .cdm-pino-logo img { width: auto; max-width: 100%; max-height: 150px; display: block; } html body .cdm-pino-logo h2 { margin: 0; font-family: 'Cinzel', serif; font-size: 34px; letter-spacing: 2px; color: #112250; } html body .cdm-pino-desc { margin: 12px 0 22px; font-size: 16px; line-height: 1.7; color: #2b3550; } html body .cdm-pino-total { padding: 18px 20px; border-radius: 18px; background: #f5f7fb; margin-bottom: 18px; } html body .cdm-pino-total span { display: block; font-size: 13px; letter-spacing: 1px; color: #4b5570; } html body .cdm-pino-total b { display: block; margin-top: 2px; font-size: 32px; font-weight: 600; color: #112250; font-variant-numeric: lining-nums; } html body .cdm-pino-total small { font-size: 13px; color: #4b5570; } html body .cdm-pino-bt { display: flex; flex-direction: column; gap: 10px; } html body .cdm-pino-bt button, html body .cdm-pino-bt a { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 54px; padding: 0 22px; border-radius: 999px; font-family: 'Cinzel', serif; font-size: 13px; letter-spacing: 2px; text-decoration: none !important; cursor: pointer; } html body .cdm-pino-bt .p1 { border: 0; background: linear-gradient(135deg, #1d2d6b 0%, #112250 60%, #0a1638 100%); color: #ffffff; box-shadow: 0 14px 28px -16px rgba(2, 13, 39, 0.7); } html body .cdm-pino-bt .p1[disabled] { opacity: 0.5; cursor: default; } html body .cdm-pino-bt .p2 { background: #ffffff; color: #112250 !important; box-shadow: inset 0 0 0 1.5px #112250; } html body .cdm-pino-nota { margin: 12px 0 0; font-size: 14px; line-height: 1.6; color: #4b5570; text-align: center; } html body .cdm-pino-pz { margin-top: 40px; } html body .cdm-pino-pz-cab { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 16px; } html body .cdm-pino-pz-cab h3 { margin: 6px 0 0; font-family: 'Cinzel', serif; font-size: 26px; letter-spacing: 1px; color: #112250; } html body .cdm-pino-pz-cab button { padding: 10px 16px; border: 0; border-radius: 999px; background: #eef1f6; color: #112250; font-size: 13px; cursor: pointer; } html body .cdm-pino-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 16px; } html body .cdm-pz { position: relative; display: flex; flex-direction: column; padding: 12px; border-radius: 20px; background: #ffffff; box-shadow: 0 0 0 1.5px #e6e9f0; transition: box-shadow 0.2s ease, opacity 0.2s ease; } html body .cdm-pz.on { box-shadow: 0 0 0 2px #112250; } html body .cdm-pz:not(.on) { opacity: 0.6; } html body .cdm-pz-ck { position: absolute; top: 18px; left: 18px; z-index: 2; width: 26px; height: 26px; border-radius: 8px; border: 1.5px solid #112250; background: #ffffff; display: flex; align-items: center; justify-content: center; color: #ffffff; font-size: 15px; cursor: pointer; } html body .cdm-pz.on .cdm-pz-ck { background: #112250; } html body .cdm-pz-foto { display: flex; align-items: center; justify-content: center; height: 180px; padding: 10px; border-radius: 14px; background: #f5f7fb; } html body .cdm-pz-foto img { max-width: 100%; max-height: 100%; object-fit: contain; } html body .cdm-pz-n { margin: 12px 2px 4px; font-family: 'Cinzel', serif; font-size: 14px; line-height: 1.35; color: #112250 !important; text-decoration: none !important; min-height: 38px; } html body .cdm-pz-p { margin: 0 2px 10px; font-size: 16px; font-weight: 600; color: #112250; font-variant-numeric: lining-nums; } html body .cdm-pz-q { display: flex; align-items: center; justify-content: space-between; margin-top: auto; height: 42px; padding: 0 6px; border-radius: 999px; background: #f5f7fb; } html body .cdm-pz-q button { width: 32px; height: 32px; border: 0; border-radius: 50%; background: #ffffff; color: #112250; font-size: 18px; line-height: 1; cursor: pointer; } html body .cdm-pz-q span { font-size: 16px; font-weight: 600; color: #112250; } html body .cdm-pz-op { display: flex; align-items: center; justify-content: center; margin-top: auto; height: 42px; border-radius: 999px; background: #f5f7fb; color: #112250 !important; font-size: 14px; text-decoration: none !important; } html body .cdm-pino-barra { position: sticky; bottom: 16px; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: 26px; padding: 12px 12px 12px 24px; border-radius: 22px; background: rgba(2, 13, 39, 0.97); color: #ffffff; box-shadow: 0 18px 40px -18px rgba(2, 13, 39, 0.7); } html body .cdm-pino-barra span { font-size: 14px; color: #dfe5f5; } html body .cdm-pino-barra b { margin-left: 6px; font-size: 20px; color: #ffffff; font-variant-numeric: lining-nums; } html body .cdm-pino-barra button { flex: 0 0 auto; min-height: 50px; padding: 0 24px; border: 0; border-radius: 16px; background: #ffffff; color: #112250; font-family: 'Cinzel', serif; font-size: 13px; letter-spacing: 2px; cursor: pointer; } html body .cdm-pino-msg { margin-top: 12px; text-align: center; font-size: 14px; color: #0f6e56; } @media (max-width: 991.98px) { html body .cdm-pino { margin: 6px 0 30px; } html body .cdm-pino-look { grid-template-columns: 1fr; gap: 20px; padding: 14px 14px 20px; border-radius: 24px; } /* En celular la foto del árbol ya es la portada: aquí no se repite */ html body .cdm-pino-foto { display: none !important; } /* En celular el logo ya está en la portada: la tarjeta queda solo para comprar */ html body .cdm-pino-look .cdm-pino-k, html body .cdm-pino-look .cdm-pino-logo { display: none !important; } html body .cdm-pino-look .cdm-pino-desc { margin: 0 0 18px; font-size: 15px; } html body .cdm-pino-look { padding: 22px 16px 22px; } html body .cdm-pino-tx { padding: 0 6px; text-align: center; } html body .cdm-pino-logo svg, html body .cdm-pino-logo img { margin: 0 auto; max-height: 120px; } html body .cdm-pino-pz-cab { flex-direction: column; align-items: flex-start; } html body .cdm-pino-pz-cab h3 { font-size: 22px; } html body .cdm-pino-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } html body .cdm-pz { padding: 8px; border-radius: 16px; } html body .cdm-pz-ck { top: 13px; left: 13px; width: 24px; height: 24px; } html body .cdm-pz-foto { height: 130px; } html body .cdm-pz-n { font-size: 13px; } html body .cdm-pz-p { font-size: 15px; } html body .cdm-pino-barra { bottom: calc(10px + env(safe-area-inset-bottom, 0px)); padding: 10px 10px 10px 16px; border-radius: 18px; } html body .cdm-pino-barra span { font-size: 12px; } html body .cdm-pino-barra b { display: block; margin: 0; font-size: 17px; } html body .cdm-pino-barra button { min-height: 46px; padding: 0 16px; font-size: 11px; } } /* ===== COLECCIONES 2026: portada más chica con degradado detrás del logo ===== */ @media (min-width: 992px) { html body.cdm-col-portada #oe_structure_website_sale_products_1 { min-height: clamp(360px, 30vw, 440px) !important; background: radial-gradient(ellipse 18% 44% at 50% 56%, rgba(2, 13, 39, 0.7) 0%, rgba(2, 13, 39, 0.38) 55%, rgba(2, 13, 39, 0) 80%), url("/web/image/22618-c1780c86/portada-colecciones-2026.jpg") center 40% / cover no-repeat, #020d27 !important; } html body.cdm-col-portada #oe_structure_website_sale_products_1::before, html body.cdm-col-portada #oe_structure_website_sale_products_1::after { display: none !important; } html body.cdm-col-portada .cdm-th { margin-top: 70px !important; } html body.cdm-col-portada .cdm-th-nom .cdm-logo-col { width: min(380px, 28vw); } html body.cdm-col-portada .cdm-logo-col svg, html body.cdm-col-portada .cdm-logo-col img { max-height: 125px; } } @media (max-width: 991.98px) { html body.cdm-col-portada #wrap.o_wsale_products_page .o_wsale_category_title { min-height: min(102vw, 640px) !important; padding: 0 16px 24px !important; justify-content: flex-end !important; background: linear-gradient(to bottom, rgba(2, 13, 39, 0.6) 0%, rgba(2, 13, 39, 0) 16%, rgba(2, 13, 39, 0) 48%, rgba(2, 13, 39, 0.9) 82%, #020d27 100%), var(--cdm-col-arbol) center 35% / cover no-repeat, #020d27 !important; } html body.cdm-col-portada #wrap.o_wsale_products_page .o_wsale_category_title .cdm-logo-col { width: min(270px, 64vw); } html body.cdm-col-portada #wrap.o_wsale_products_page .o_wsale_category_title .cdm-logo-col svg, html body.cdm-col-portada #wrap.o_wsale_products_page .o_wsale_category_title .cdm-logo-col img { max-height: 110px; } } /* ===== COLECCIONES 2026: aviso "muy pronto" ===== */ html body.cdm-col-vacia #o_wsale_pager, html body.cdm-col-vacia .products_pager { display: none !important; } html body .cdm-col-pronto { margin: 24px 0 50px; padding: 44px 28px; border-radius: 28px; background: #ffffff; text-align: center; color: #112250; box-shadow: 0 24px 50px -36px rgba(2, 13, 39, 0.45); } html body .cdm-col-pronto .k { display: block; font-family: 'Cinzel', serif; font-size: 12px; letter-spacing: 5px; color: #6b7386; } html body .cdm-col-pronto h3 { margin: 12px 0 10px; font-family: 'Cinzel', serif; font-size: 26px; letter-spacing: 1px; color: #112250; } html body .cdm-col-pronto p { margin: 0 0 22px; font-size: 16px; color: #3a4560; } html body .cdm-col-pronto .bt { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; } html body .cdm-col-pronto .bt a { display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; min-height: 50px; padding: 0 22px; border-radius: 999px; font-family: 'Cinzel', serif; font-size: 13px; letter-spacing: 2px; text-decoration: none !important; } html body .cdm-col-pronto .wa { background: #112250; color: #ffffff !important; } html body .cdm-col-pronto .sh { box-shadow: inset 0 0 0 1.5px #112250; color: #112250 !important; } @media (max-width: 991.98px) { html body .cdm-col-pronto { margin: 16px 0 36px; padding: 30px 18px; } html body .cdm-col-pronto h3 { font-size: 20px; } html body .cdm-col-pronto .bt { flex-direction: column; } html body .cdm-col-pronto .bt a { width: 100%; font-size: 12px; letter-spacing: 1.5px; } html body.cdm-col-vacia #o_wsale_products_header, html body.cdm-col-vacia .o_wsale_products_header { display: none !important; } } /* ===== COLECCIONES 2026: piezas estilo boutique (limpio y exclusivo) ===== */ html body .cdm-pino-barra { display: none !important; } html body .cdm-pino-k { color: #3a4560 !important; font-weight: 700; letter-spacing: 4px !important; } html body .cdm-pino-pz { margin-top: 56px; } html body .cdm-pino-pz-cab { display: block; text-align: center; margin-bottom: 30px; } html body .cdm-pino-pz-cab h3 { font-size: 28px; font-weight: 400; letter-spacing: 2px; } html body .cdm-pino-pz-sub { margin: 8px auto 0; max-width: 520px; font-size: 14px; color: #6b7386; } html body .cdm-pino-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 44px 28px; } html body .cdm-pz { padding: 0; border-radius: 0; background: transparent; box-shadow: none !important; opacity: 1 !important; text-align: center; } html body .cdm-pz-foto { height: auto; aspect-ratio: 4 / 5; padding: 28px; border-radius: 4px; background: #f3f1ec; transition: background-color 0.3s ease; } html body .cdm-pz-foto img { mix-blend-mode: multiply; transition: transform 0.6s ease, opacity 0.3s ease; } html body .cdm-pz:hover .cdm-pz-foto img { transform: scale(1.04); } html body .cdm-pz:not(.on) .cdm-pz-foto img { opacity: 0.35; } html body .cdm-pz-ck { position: static; width: auto; height: auto; margin: 14px auto 0; padding: 0; border: 0; border-radius: 0; background: transparent !important; color: #112250; font-family: 'Raleway', sans-serif; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; } html body .cdm-pz-ck .no { display: none; } html body .cdm-pz:not(.on) .cdm-pz-ck .si { display: none; } html body .cdm-pz:not(.on) .cdm-pz-ck .no { display: inline; } html body .cdm-pz-ck .si { color: #8a6d2f; } html body .cdm-pz-n { order: 3; min-height: 0; margin: 10px 0 4px; font-size: 13px; font-weight: 400; letter-spacing: 1.5px; text-transform: uppercase; } html body .cdm-pz-p { order: 4; margin: 0 0 12px; font-size: 14px; font-weight: 400; color: #3a4560; } html body .cdm-pz-foto { order: 1; } html body .cdm-pz-ck { order: 2; } html body .cdm-pz-q { order: 5; width: 120px; margin: 0 auto; height: 34px; padding: 0; border-radius: 0; background: transparent; border-top: 1px solid #e3e1da; border-bottom: 1px solid #e3e1da; } html body .cdm-pz-q button { width: 34px; height: 32px; border-radius: 0; background: transparent; font-size: 16px; color: #3a4560; } html body .cdm-pz-q span { font-size: 14px; font-weight: 500; } html body .cdm-pz-op { order: 5; width: auto; height: auto; background: transparent; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: underline !important; } html body .cdm-pino-pz-pie { margin-top: 40px; text-align: center; } html body .cdm-pino-pz-pie .todo { padding: 0; border: 0; background: transparent; color: #9aa3b6; font-size: 12px; text-decoration: underline; cursor: pointer; } @media (max-width: 991.98px) { html body .cdm-pino-pz { margin-top: 40px; } html body .cdm-pino-pz-cab h3 { font-size: 22px; } html body .cdm-pino-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 14px; } html body .cdm-pz-foto { padding: 16px; } html body .cdm-pz-n { font-size: 11.5px; letter-spacing: 1px; } html body .cdm-pz-p { font-size: 13px; } html body .cdm-pz-ck { font-size: 11.5px; letter-spacing: 0.5px; margin-top: 10px; } html body .cdm-pino-bt button, html body .cdm-pino-bt a { min-height: 50px; padding: 0 12px; font-size: 11.5px; letter-spacing: 0.8px; white-space: nowrap; } html body .cdm-pz-q { width: 104px; } } /* ===== COLECCIONES 2026: sin barra de tienda ni cuadrícula de Odoo (nada brinca al cargar) ===== */ html body.cdm-col-portada #wrap #o_wsale_products_header .products_header, html body.cdm-col-portada #products_grid .o_wsale_products_grid_table_wrapper, html body.cdm-col-portada #o_wsale_pager { display: none !important; } /* ===== COLECCIONES 2026: piezas agotadas ===== */ html body .cdm-pz.agotado .cdm-pz-foto { position: relative; } html body .cdm-pz.agotado .cdm-pz-foto img { opacity: 0.4; filter: grayscale(0.6); } html body .cdm-pz.agotado .cdm-pz-foto::after { content: "Agotado"; position: absolute; top: 12px; left: 12px; padding: 5px 12px; border-radius: 999px; background: #112250; color: #ffffff; font-family: 'Cinzel', serif; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; } html body .cdm-pz-ago { order: 5; display: block; margin: 0 auto; font-size: 12px; letter-spacing: 1.5px; text-transform: uppercase; color: #9aa3b6; } /* ===== TIENDA: tarjetas estilo boutique (compu y celular) — se puede quitar borrando este bloque ===== */ html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n), html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .o_wsale_product_grid_wrapper, html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) form.oe_product_cart { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) form.oe_product_cart { display: flex !important; flex-direction: column !important; align-items: stretch !important; } /* Foto: fondo marfil liso, la pieza al centro */ html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .oe_product_image { width: 100% !important; aspect-ratio: 4 / 5 !important; height: auto !important; padding: 0 !important; margin: 0 !important; border-radius: 4px !important; background: #f3f1ec !important; box-shadow: none !important; overflow: hidden !important; } html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .oe_product_image_link, html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .oe_product_image_img_wrapper { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; padding: 9% !important; background: transparent !important; } html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .oe_product_image_img { width: 100% !important; height: 100% !important; object-fit: contain !important; mix-blend-mode: multiply; transition: transform 0.6s ease !important; } html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n):hover .oe_product_image_img { transform: scale(1.04); } /* Texto: todo centrado, fino */ html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .o_wsale_product_information { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; padding: 14px 4px 0 !important; background: transparent !important; box-shadow: none !important; border: 0 !important; } html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .o_wsale_product_info_attributes_wrapper, html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .o_wsale_product_information_text { width: 100% !important; text-align: center !important; } html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .o_wsale_products_item_title { margin: 0 0 4px !important; font-family: 'Raleway', sans-serif !important; font-size: 12.5px !important; font-weight: 500 !important; line-height: 1.45 !important; letter-spacing: 1.4px !important; text-transform: uppercase !important; text-align: center !important; } html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .o_wsale_products_item_title a { color: #112250 !important; } html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .oe_subdescription_wrapper, html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .oe_subdescription { text-align: center !important; font-size: 12px !important; color: #6b7386 !important; } /* Precio y botón, uno debajo del otro y centrados */ html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .o_wsale_product_sub { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; margin-top: 6px !important; } html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .product_price { width: 100% !important; text-align: center !important; justify-content: center !important; } html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .product_price, html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .product_price * { font-size: 14px !important; font-weight: 400 !important; color: #3a4560 !important; } html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .o_wsale_product_btn { display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; width: 100% !important; } html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .o_wsale_product_btn .btn, html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .o_wsale_product_btn_primary { border-radius: 2px !important; } @media (min-width: 992px) { html body #wrap.o_wsale_products_page #o_wsale_products_grid { row-gap: 46px !important; column-gap: 26px !important; } /* En compu el botón aparece al pasar el mouse */ html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .o_wsale_product_btn { opacity: 0; transform: translateY(6px); transition: opacity 0.3s ease, transform 0.3s ease; } html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n):hover .o_wsale_product_btn, html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n):focus-within .o_wsale_product_btn { opacity: 1; transform: none; } } @media (max-width: 991.98px) { html body #wrap.o_wsale_products_page #o_wsale_products_grid { row-gap: 30px !important; column-gap: 12px !important; } html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .o_wsale_products_item_title { font-size: 11.5px !important; letter-spacing: 0.9px !important; } html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .product_price, html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product:nth-child(n) .product_price * { font-size: 13px !important; } } /* ===== COLECCIONES 2026 (compu): colección a todo lo ancho, sin menú lateral, todo alineado ===== */ @media (min-width: 992px) { html body.cdm-col-portada { overflow-x: clip; } html body.cdm-col-portada #wrap #products_grid_before { display: none !important; } html body.cdm-col-portada #wrap .o_wsale_products_main_row { justify-content: center !important; } html body.cdm-col-portada #wrap #products_grid { flex: 0 1 100% !important; max-width: 100% !important; margin: 0 auto !important; } html body.cdm-col-portada .cdm-pino { margin: 40px 0 70px !important; } /* El pino a pantalla completa: foto de orilla a orilla a la izquierda, texto a la derecha */ html body.cdm-col-portada .cdm-pino-look { width: min(92vw, 1640px) !important; max-width: none !important; margin-left: calc(50% - min(46vw, 820px)) !important; overflow: hidden !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; gap: 0 !important; padding: 0 !important; min-height: min(80vh, 780px) !important; border-radius: 28px !important; background: #fbfaf7 !important; box-shadow: 0 40px 80px -50px rgba(2, 13, 39, 0.5) !important; align-items: stretch !important; } html body.cdm-col-portada .cdm-pino-foto { aspect-ratio: auto !important; height: 100% !important; min-height: min(80vh, 780px); border-radius: 0 !important; } html body.cdm-col-portada .cdm-pino-foto img { height: 100% !important; object-position: center 40%; } html body.cdm-col-portada .cdm-pino-tx { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; text-align: left; padding: 60px clamp(40px, 7vw, 120px) !important; } html body.cdm-col-portada .cdm-pino-tx > * { width: 100%; max-width: 520px; } html body.cdm-col-portada .cdm-pino-logo { margin: 18px 0 6px !important; } html body.cdm-col-portada .cdm-pino-logo svg, html body.cdm-col-portada .cdm-pino-logo img { max-width: 380px !important; max-height: 140px !important; margin: 0 !important; } html body.cdm-col-portada .cdm-pino-desc { margin: 16px 0 28px !important; font-size: 17px !important; } html body.cdm-col-portada .cdm-pino-total { padding: 22px 24px !important; background: #ffffff !important; } html body.cdm-col-portada .cdm-pino-nota { text-align: left !important; margin-top: 14px !important; } /* Las piezas: vitrina ancha, 4 por fila, centradas */ html body.cdm-col-portada .cdm-pino-pz { width: min(92vw, 1640px); max-width: none; margin: 80px 0 0 calc(50% - min(46vw, 820px)) !important; padding: 0; } html body.cdm-col-portada .cdm-pino-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 56px 32px !important; } } @media (min-width: 1400px) { html body.cdm-col-portada .cdm-pino-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 60px 36px !important; } } /* ===== COLECCIONES 2026: piezas con efecto wow (fondo gris azulado, elegir/quitar, vitrina escalonada) ===== */ html body .cdm-pz { position: relative; } html body .cdm-pz-foto { background: linear-gradient(160deg, #f6f8fb 0%, #e9eef5 100%) !important; border-radius: 18px !important; box-shadow: inset 0 0 0 1px rgba(17, 34, 80, 0.04); transition: box-shadow 0.4s ease, transform 0.4s ease !important; } html body .cdm-pz:hover .cdm-pz-foto { box-shadow: 0 26px 46px -28px rgba(2, 13, 39, 0.45), inset 0 0 0 1px rgba(17, 34, 80, 0.05); transform: translateY(-4px); } /* Botón redondo para elegir o quitar cada pieza */ html body .cdm-pz-sel { position: absolute; top: 14px; right: 14px; z-index: 3; width: 34px; height: 34px; padding: 0; border: 1.5px solid rgba(17, 34, 80, 0.35); border-radius: 50%; background: rgba(255, 255, 255, 0.9); color: transparent; display: flex; align-items: center; justify-content: center; font-size: 16px; line-height: 1; cursor: pointer; transition: all 0.25s ease; backdrop-filter: blur(4px); } html body .cdm-pz-sel:hover { border-color: #112250; } html body .cdm-pz.on .cdm-pz-sel { background: #112250; border-color: #112250; color: #ffffff; box-shadow: 0 8px 18px -8px rgba(2, 13, 39, 0.6); } html body .cdm-pz:not(.on) .cdm-pz-foto img { opacity: 0.4; filter: grayscale(0.5); } /* Aparición suave al bajar */ html body .cdm-pino-grid.cdm-anim .cdm-pz { opacity: 0; transform: translateY(26px); transition: opacity 0.7s ease, transform 0.7s ease; } html body .cdm-pino-grid.cdm-anim .cdm-pz.visto { opacity: 1; transform: none; } /* Compu: vitrina escalonada (columnas pares un poco más abajo) */ @media (min-width: 992px) and (max-width: 1399.98px) { html body.cdm-col-portada .cdm-pino-grid .cdm-pz:nth-child(4n+2), html body.cdm-col-portada .cdm-pino-grid .cdm-pz:nth-child(4n+4) { margin-top: 48px; } } @media (min-width: 1400px) { html body.cdm-col-portada .cdm-pino-grid .cdm-pz:nth-child(5n+2), html body.cdm-col-portada .cdm-pino-grid .cdm-pz:nth-child(5n+4) { margin-top: 48px; } } @media (max-width: 991.98px) { html body .cdm-pz-foto { border-radius: 14px !important; } html body .cdm-pz-sel { top: 10px; right: 10px; width: 30px; height: 30px; font-size: 14px; } html body .cdm-pino-grid .cdm-pz:nth-child(2n) { margin-top: 28px; } } /* ===== COLECCIONES 2026: fotos cuadradas iguales + portada con texto y logo separados (compu) ===== */ /* Piezas: todos los cuadros del mismo tamaño y la foto al centro */ html body .cdm-pino-grid .cdm-pz-foto { aspect-ratio: 1 / 1 !important; height: auto !important; width: 100% !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } html body .cdm-pino-grid .cdm-pz-foto img { width: 76% !important; height: 76% !important; max-width: 76% !important; max-height: 76% !important; object-fit: contain !important; object-position: center !important; margin: 0 auto !important; display: block !important; } @media (min-width: 992px) { /* Portada: "Colecciones 2026" arriba y el logo abajo, separados y más grandes */ html body.cdm-col-portada #oe_structure_website_sale_products_1 { min-height: clamp(420px, 34vw, 520px) !important; } html body.cdm-col-portada .cdm-th { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: space-between !important; min-height: calc(clamp(420px, 34vw, 520px) - 150px) !important; margin-top: 118px !important; padding-bottom: 34px !important; } html body.cdm-col-portada .cdm-th-sup { font-size: 20px !important; letter-spacing: 14px !important; color: #ffffff !important; text-shadow: 0 2px 18px rgba(2, 13, 39, 0.6); } html body.cdm-col-portada .cdm-th-nom { margin-top: auto !important; } html body.cdm-col-portada .cdm-th-nom .cdm-logo-col { width: min(560px, 40vw) !important; } html body.cdm-col-portada .cdm-logo-col svg, html body.cdm-col-portada .cdm-logo-col img { max-height: 190px !important; } html body.cdm-col-portada .cdm-th-ln { margin-top: 14px !important; } } /* ===== COLECCIONES 2026: fondo de la página más blanco ===== */ html body.cdm-col-portada #wrapwrap, html body.cdm-col-portada #wrapwrap main, html body.cdm-col-portada #wrap.o_wsale_products_page { background-color: #fbfcfe !important; } html body.cdm-col-portada #wrap .oe_website_sale, html body.cdm-col-portada #wrap .o_wsale_products_main_row { background: transparent !important; box-shadow: none !important; } /* ===== COLECCIONES 2026: piezas alineadas e iguales + "Descubre otras colecciones" ===== */ html body .cdm-pino-grid .cdm-pz { margin-top: 0 !important; } html body .cdm-pino-grid { align-items: start !important; } html body .cdm-pino-grid .cdm-pz-n { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.9em !important; line-height: 1.45 !important; } html body .cdm-otras { margin: 90px 0 20px; text-align: center; } html body .cdm-otras h3 { margin: 8px 0 28px; font-family: 'Cinzel', serif; font-size: 28px; font-weight: 400; letter-spacing: 2px; color: #112250; } html body .cdm-otras-fila { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(240px, 1fr); gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 14px; scrollbar-width: thin; } html body .cdm-otra { position: relative; display: block; aspect-ratio: 3 / 4; border-radius: 22px; overflow: hidden; scroll-snap-align: start; text-decoration: none !important; box-shadow: 0 24px 44px -30px rgba(2, 13, 39, 0.55); } html body .cdm-otra > img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.8s ease; } html body .cdm-otra:hover > img { transform: scale(1.05); } html body .cdm-otra::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(2, 13, 39, 0) 40%, rgba(2, 13, 39, 0.85) 100%); } html body .cdm-otra-logo { position: absolute; left: 50%; bottom: 52px; z-index: 2; transform: translateX(-50%); width: 72%; display: flex; justify-content: center; color: #ffffff; font-family: 'Cinzel', serif; font-size: 18px; letter-spacing: 1px; } html body .cdm-otra-logo svg, html body .cdm-otra-logo img { width: 100%; height: auto; max-height: 90px; object-fit: contain; display: block; } html body .cdm-otra-ver { position: absolute; left: 0; right: 0; bottom: 20px; z-index: 2; color: #dfe5f5; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } @media (min-width: 992px) { html body.cdm-col-portada .cdm-otras { width: min(92vw, 1640px); margin-left: calc(50% - min(46vw, 820px)); } html body .cdm-otras-fila { grid-auto-columns: calc((100% - 60px) / 4); } } @media (max-width: 991.98px) { html body .cdm-otras { margin-top: 60px; } html body .cdm-otras h3 { font-size: 22px; } html body .cdm-otras-fila { grid-auto-columns: 68%; gap: 12px; } html body .cdm-otra { border-radius: 18px; } } /* ===== COLECCIONES 2026: medidor "Tu pino está al X%" ===== */ html body .cdm-medidor { margin-top: 16px; padding-top: 14px; border-top: 1px solid #e6e9f0; } html body .cdm-medidor .m-cab { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 8px; } html body .cdm-medidor .m-txt { font-size: 14px; color: #112250; } html body .cdm-medidor .m-pct { font-family: 'Cinzel', serif; font-size: 14px; font-weight: 700; color: #8a6d2f; } html body .cdm-medidor .m-bar { position: relative; height: 8px; border-radius: 999px; background: #e6e9f0; overflow: hidden; } html body .cdm-medidor .m-bar i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 999px; background: linear-gradient(90deg, #b8913f, #e8c977, #b8913f); background-size: 200% 100%; transition: width 0.6s cubic-bezier(.2, .8, .2, 1); } html body .cdm-medidor.lleno .m-bar i { animation: cdmBrillo 2.4s linear infinite; } html body .cdm-medidor.lleno .m-txt { font-weight: 600; color: #8a6d2f; } html body .cdm-medidor.brilla { animation: cdmPop 0.7s ease; } @keyframes cdmBrillo { from { background-position: 0% 0; } to { background-position: 200% 0; } } @keyframes cdmPop { 0% { transform: scale(1); } 40% { transform: scale(1.04); } 100% { transform: scale(1); } } @media (prefers-reduced-motion: reduce) { html body .cdm-medidor.lleno .m-bar i, html body .cdm-medidor.brilla { animation: none; } } @media (max-width: 991.98px) { html body .cdm-medidor .m-txt { font-size: 13px; text-align: left; } } /* ===== COLECCIONES 2026: medidor con arbolito, título editorial por colección y banda de otras colecciones ===== */ /* Medidor: arbolito que se ilumina */ html body .cdm-medidor { display: flex !important; align-items: center; gap: 16px; } html body .cdm-medidor .m-arbol { position: relative; flex: 0 0 74px; width: 74px; height: 92px; filter: drop-shadow(0 10px 12px rgba(2, 13, 39, 0.25)); transform: perspective(300px) rotateY(-8deg); transition: transform 0.6s ease; } html body .cdm-medidor:hover .m-arbol { transform: perspective(300px) rotateY(8deg); } html body .cdm-medidor .m-svg { width: 100%; height: 100%; display: block; overflow: visible; } html body .cdm-medidor .m-info { flex: 1 1 auto; min-width: 0; } html body .cdm-medidor .m-o { opacity: 0.18; transform-box: fill-box; transform-origin: center; transition: opacity 0.4s ease, transform 0.4s ease; } html body .cdm-medidor .m-o.on { opacity: 1; filter: drop-shadow(0 0 3px rgba(232, 201, 119, 0.95)); animation: cdmFoco 0.5s ease; } html body .cdm-medidor .m-estrella { opacity: 0.25; transform-box: fill-box; transform-origin: center; transition: opacity 0.4s ease; } html body .cdm-medidor.lleno .m-estrella { opacity: 1; filter: drop-shadow(0 0 6px rgba(255, 220, 130, 1)); animation: cdmGira 3s ease-in-out infinite; } html body .cdm-medidor.lleno .m-arbol { animation: cdmMece 2.6s ease-in-out infinite; } html body .cdm-medidor .m-chispa { position: absolute; color: #e8c977; font-size: 12px; opacity: 0; pointer-events: none; } html body .cdm-medidor .m-chispa.c1 { top: 2px; left: -6px; } html body .cdm-medidor .m-chispa.c2 { top: 30px; right: -8px; } html body .cdm-medidor .m-chispa.c3 { bottom: 10px; left: -4px; } html body .cdm-medidor.lleno .m-chispa { animation: cdmChispa 1.8s ease-in-out infinite; } html body .cdm-medidor.lleno .m-chispa.c2 { animation-delay: 0.6s; } html body .cdm-medidor.lleno .m-chispa.c3 { animation-delay: 1.2s; } @keyframes cdmFoco { 0% { transform: scale(0.4); } 70% { transform: scale(1.35); } 100% { transform: scale(1); } } @keyframes cdmGira { 0%, 100% { transform: scale(1) rotate(0); } 50% { transform: scale(1.18) rotate(12deg); } } @keyframes cdmMece { 0%, 100% { transform: perspective(300px) rotateY(-10deg); } 50% { transform: perspective(300px) rotateY(10deg); } } @keyframes cdmChispa { 0%, 100% { opacity: 0; transform: scale(0.5); } 50% { opacity: 1; transform: scale(1.2); } } @media (prefers-reduced-motion: reduce) { html body .cdm-medidor * , html body .cdm-medidor .m-arbol { animation: none !important; } } /* Título editorial con el sello de cada colección */ html body .cdm-pino { --acento: #b8913f; } html body .cdm-pino.tema-gilded-winter { --acento: #b8913f; } html body .cdm-pino.tema-gilded-winter .ed-motivo::before { content: "✦ ✧ ✦ ✧ ✦"; } html body .cdm-pino.tema-scottish-christmas { --acento: #9e1b32; } html body .cdm-pino.tema-pearls-in-christmas { --acento: #b9a58c; } html body .cdm-pino.tema-pearls-in-christmas .ed-motivo::before { content: "● • ● • ●"; } html body .cdm-pino.tema-red-symphony { --acento: #b91c1c; } html body .cdm-pino.tema-red-symphony .ed-motivo::before { content: "♪ ♫ ♪ ♫ ♪"; } html body .cdm-pino.tema-forest-tales { --acento: #2f5d3a; } html body .cdm-pino.tema-forest-tales .ed-motivo::before { content: "❦ ❧ ❦ ❧ ❦"; } html body .cdm-pino.tema-first-frost { --acento: #6f9fc9; } html body .cdm-pino.tema-first-frost .ed-motivo::before { content: "❄ ❅ ❄ ❅ ❄"; } html body .cdm-pino.tema-old-world { --acento: #7a2e2e; } html body .cdm-pino.tema-old-world .ed-motivo::before { content: "❧ ✠ ❧ ✠ ❧"; } html body .cdm-pino.tema-emerald-candlelight { --acento: #0f6b4f; } html body .cdm-pino.tema-emerald-candlelight .ed-motivo::before { content: "✧ ◆ ✧ ◆ ✧"; } html body .cdm-pino-pz-cab { text-align: center; } html body .ed-motivo { margin: 0 auto 14px; color: var(--acento); font-size: 16px; letter-spacing: 6px; line-height: 1; } html body .cdm-pino.tema-scottish-christmas .ed-motivo { width: 180px; height: 14px; border-radius: 3px; background: repeating-linear-gradient(90deg, rgba(158, 27, 50, 0.95) 0 14px, rgba(17, 34, 80, 0.9) 14px 22px, rgba(158, 27, 50, 0.95) 22px 30px, #1f4d35 30px 38px), repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.18) 0 2px, transparent 2px 6px); background-blend-mode: overlay; } html body .ed-num { display: block; font-family: 'Cinzel', serif; font-size: 12px; font-weight: 700; letter-spacing: 5px; text-transform: uppercase; color: var(--acento); } html body .ed-titulo { margin: 10px 0 0 !important; font-family: 'Cinzel', serif; font-weight: 400 !important; line-height: 1.05; color: #112250; } html body .ed-titulo em { display: block; font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: 54px; letter-spacing: 0; color: #112250; } html body .ed-titulo span { display: block; margin-top: 8px; font-size: 15px; letter-spacing: 8px; text-transform: uppercase; color: #3a4560; } html body .cdm-pino-pz-sub { margin-top: 18px !important; } html body .cdm-pino-pz-cab::after { content: ""; display: block; width: 64px; height: 2px; margin: 22px auto 0; background: var(--acento); } @media (max-width: 991.98px) { html body .ed-titulo em { font-size: 38px; } html body .ed-titulo span { font-size: 12px; letter-spacing: 5px; } html body .ed-num { font-size: 10.5px; letter-spacing: 3px; } } /* Otras colecciones: banda azul al final, como continuación del footer */ html body .cdm-otras.cdm-otras-banda { width: auto !important; margin: 90px 0 0 !important; padding: 80px max(4vw, 20px) 70px; color: #ffffff; background: radial-gradient(1.5px 1.5px at 8% 20%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 22% 70%, #fff 50%, transparent 52%), radial-gradient(1.5px 1.5px at 78% 18%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 92% 64%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 55% 40%, #fff 50%, transparent 52%), radial-gradient(ellipse 60% 70% at 50% 0%, rgba(60, 90, 200, 0.28), transparent 70%), #020d27 !important; border-radius: 48px 48px 0 0; } html body .cdm-otras.cdm-otras-banda .cdm-pino-k { color: #c9d3f0 !important; } html body .cdm-otras.cdm-otras-banda h3 { color: #ffffff; } html body .cdm-otras.cdm-otras-banda .cdm-otras-fila { max-width: 1640px; margin: 0 auto; } html body.cdm-con-banda footer#bottom { margin-top: 0 !important; } @media (max-width: 991.98px) { html body .cdm-otras.cdm-otras-banda { margin-top: 60px !important; padding: 56px 16px 50px; border-radius: 32px 32px 0 0; } } /* ===== COLECCIONES 2026: centrado real, fondo parejo y banda unida al footer ===== */ @media (min-width: 992px) { /* El pino y las piezas, centrados exactamente en la pantalla (sin salirse por los lados) */ html body.cdm-col-portada .cdm-pino-look, html body.cdm-col-portada .cdm-pino-pz { width: min(92vw, 1640px) !important; max-width: none !important; margin-left: 50% !important; margin-right: 0 !important; transform: translateX(-50%); } html body.cdm-col-portada .cdm-pino-pz { padding: 0 !important; } html body.cdm-col-portada .cdm-pino-look { box-shadow: 0 18px 40px -32px rgba(2, 13, 39, 0.35) !important; } } /* Banda de otras colecciones: termina en el mismo azul con el que empieza el footer, sin cortes */ html body .cdm-otras.cdm-otras-banda { margin-bottom: 0 !important; padding-bottom: 90px !important; background: radial-gradient(1.5px 1.5px at 8% 20%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 22% 70%, #fff 50%, transparent 52%), radial-gradient(1.5px 1.5px at 78% 18%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 92% 64%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 55% 40%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 38% 85%, #fff 50%, transparent 52%), radial-gradient(ellipse 60% 55% at 50% 0%, rgba(60, 90, 200, 0.25), transparent 70%), linear-gradient(180deg, #020d27 0%, #0b1a45 70%, #112250 100%) !important; } html body.cdm-con-banda footer#bottom { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; margin-top: 0 !important; } html body.cdm-con-banda #wrapwrap main { padding-bottom: 0 !important; margin-bottom: 0 !important; } html body.cdm-con-banda #o_shared_blocks:empty { display: none; } /* ===== COLECCIONES 2026: nieve, destellos, tarjetas más blancas y mejoras de UX ===== */ /* Tarjetas de las piezas: fondo más blanco */ html body .cdm-pino-grid .cdm-pz-foto { background: linear-gradient(160deg, #ffffff 0%, #f2f5fa 100%) !important; box-shadow: inset 0 0 0 1px rgba(17, 34, 80, 0.06), 0 10px 24px -20px rgba(2, 13, 39, 0.25) !important; } /* Nieve: detrás del contenido, sin estorbar clics */ html body .cdm-nieve { position: fixed; inset: 0; z-index: 0; pointer-events: none; } html body.cdm-con-nieve #wrapwrap > main, html body.cdm-con-nieve #wrapwrap > footer { position: relative; z-index: 1; } html body.cdm-con-nieve #wrap.o_wsale_products_page, html body.cdm-con-nieve #wrapwrap main, html body.cdm-con-nieve #wrap .oe_website_sale { background-color: transparent !important; } /* Destellos del cursor */ html body .cdm-chispa { position: fixed; z-index: 9999; pointer-events: none; color: #e8c977; font-size: 11px; text-shadow: 0 0 6px rgba(232, 201, 119, 0.9); animation: cdmChispaCursor 0.9s ease-out forwards; } html body .cdm-chispa.g { font-size: 14px; } @keyframes cdmChispaCursor { 0% { opacity: 0; transform: translate(-50%, -50%) scale(0.4); } 25% { opacity: 1; } 100% { opacity: 0; transform: translate(-50%, -110%) scale(1) rotate(40deg); } } /* Mientras carga */ html body .cdm-pino-cargando { margin: 40px auto; padding: 70px 20px; text-align: center; color: #3a4560; } html body .cdm-pino-cargando span { display: inline-block; font-size: 22px; color: #b8913f; animation: cdmGira2 1.6s linear infinite; } html body .cdm-pino-cargando p { margin: 10px 0 0; font-family: 'Cinzel', serif; font-size: 14px; letter-spacing: 3px; } @keyframes cdmGira2 { to { transform: rotate(360deg); } } /* Cierre de las piezas: total y botón para no tener que regresar hasta arriba */ html body .cdm-pino-fin { display: flex; align-items: center; justify-content: space-between; gap: 20px; max-width: 760px; margin: 56px auto 0; padding: 22px 22px 22px 30px; border-radius: 22px; background: #ffffff; box-shadow: 0 20px 46px -34px rgba(2, 13, 39, 0.45), inset 0 0 0 1px rgba(17, 34, 80, 0.06); } html body .cdm-pino-fin .f-tx span { display: block; font-size: 13px; letter-spacing: 1px; color: #4b5570; } html body .cdm-pino-fin .f-tx b { display: block; font-size: 26px; font-weight: 600; color: #112250; font-variant-numeric: lining-nums; } html body .cdm-pino-fin .f-tx small { font-size: 13px; color: #4b5570; } html body .cdm-pino-fin .f-bt { flex: 0 0 auto; min-height: 54px; padding: 0 30px; border: 0; border-radius: 999px; background: linear-gradient(135deg, #1d2d6b 0%, #112250 60%, #0a1638 100%); color: #ffffff; font-family: 'Cinzel', serif; font-size: 13px; letter-spacing: 2px; cursor: pointer; } html body .cdm-pino-fin .f-bt[disabled] { opacity: 0.5; cursor: default; } html body .cdm-pino-msg a, html body .f-msg a { color: #112250 !important; font-weight: 600; text-decoration: underline !important; } html body .f-msg { max-width: 760px; margin: 12px auto 0 !important; } /* Accesibilidad: foco visible y elegante al navegar con teclado */ html body .cdm-pino button:focus-visible, html body .cdm-pino a:focus-visible, html body .cdm-otras a:focus-visible { outline: 2px solid #b8913f; outline-offset: 3px; } @media (max-width: 991.98px) { html body .cdm-pino-fin { flex-direction: column; align-items: stretch; text-align: center; margin-top: 40px; padding: 20px 16px; } html body .cdm-pino-fin .f-bt { width: 100%; min-height: 50px; font-size: 12px; letter-spacing: 1px; } } /* ===== COLECCIONES 2026: anillo dorado, textos centrados y bloque de confianza ===== */ /* Medidor: anillo */ html body .cdm-medidor .m-anillo { position: relative; flex: 0 0 76px; width: 76px; height: 76px; } html body .cdm-medidor .m-anillo svg { width: 100%; height: 100%; transform: rotate(-90deg); overflow: visible; } html body .cdm-medidor .r-fondo { fill: none; stroke: #e9ecf3; stroke-width: 5; } html body .cdm-medidor .r-luz { fill: none; stroke: url(#cdmAn); stroke-width: 5; stroke-linecap: round; transition: stroke-dashoffset 0.8s cubic-bezier(.2, .8, .2, 1); } html body .cdm-medidor .r-pct { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: 'Cinzel', serif; font-size: 15px; font-weight: 700; color: #112250; } html body .cdm-medidor .r-estrella { position: absolute; top: -6px; left: 50%; transform: translateX(-50%) scale(0.6); color: #c79a3f; font-size: 14px; opacity: 0; transition: all 0.5s ease; } html body .cdm-medidor.lleno .r-estrella { opacity: 1; transform: translateX(-50%) scale(1); text-shadow: 0 0 10px rgba(232, 201, 119, 0.9); animation: cdmLate 2.2s ease-in-out infinite; } html body .cdm-medidor.lleno .m-anillo svg { filter: drop-shadow(0 0 8px rgba(232, 201, 119, 0.45)); } @keyframes cdmLate { 0%, 100% { transform: translateX(-50%) scale(1); } 50% { transform: translateX(-50%) scale(1.25); } } html body .cdm-medidor .m-pct, html body .cdm-medidor .m-bar { display: none !important; } html body .cdm-medidor .m-cab { margin: 0 !important; } html body .cdm-medidor .m-txt { font-family: 'Cinzel', serif; font-size: 15px !important; letter-spacing: 1px; line-height: 1.4; } /* Compu: textos del pino centrados, igual que el logo */ @media (min-width: 992px) { html body.cdm-col-portada .cdm-pino-tx { align-items: center !important; text-align: center !important; } html body.cdm-col-portada .cdm-pino-tx > * { margin-left: auto !important; margin-right: auto !important; } html body.cdm-col-portada .cdm-pino-logo svg, html body.cdm-col-portada .cdm-pino-logo img { margin: 0 auto !important; } html body.cdm-col-portada .cdm-pino-nota { text-align: center !important; } html body.cdm-col-portada .cdm-pino-total { text-align: center !important; } html body.cdm-col-portada .cdm-medidor { justify-content: center; text-align: left; } } /* Bloque de confianza al final */ html body .cdm-pino-confianza { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; max-width: 1100px; margin: 64px auto 0; } html body .cdm-pino-confianza .c-it { padding: 30px 26px; border-radius: 22px; background: #ffffff; text-align: center; box-shadow: inset 0 0 0 1px rgba(17, 34, 80, 0.06), 0 18px 40px -34px rgba(2, 13, 39, 0.4); } html body .cdm-pino-confianza .c-ic { display: block; margin-bottom: 10px; color: #b8913f; font-size: 16px; } html body .cdm-pino-confianza b { display: block; font-family: 'Cinzel', serif; font-size: 16px; font-weight: 700; letter-spacing: 1.5px; color: #112250; } html body .cdm-pino-confianza p { margin: 10px 0 14px; font-size: 14px; line-height: 1.6; color: #4b5570; } html body .cdm-pino-confianza a { font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #112250 !important; text-decoration: none !important; border-bottom: 1px solid #b8913f; padding-bottom: 2px; } html body .cdm-pino-pz-pie { margin-top: 26px !important; } html body .cdm-otras.cdm-otras-banda { margin-top: 70px !important; } @media (max-width: 991.98px) { html body .cdm-pino-confianza { grid-template-columns: 1fr; gap: 12px; margin-top: 40px; } html body .cdm-pino-confianza .c-it { padding: 24px 18px; } html body .cdm-otras.cdm-otras-banda { margin-top: 50px !important; } } /* ===== COLECCIONES 2026 v3: un solo tono, menos espacio, título claro, piezas del look, tarjetas dinámicas y banda final ===== */ /* Un solo tono: blanco y blanco azulado (sin marfil) */ html body .cdm-pino-look, html body.cdm-col-portada .cdm-pino-look { background: #ffffff !important; } html body .cdm-pino-total { background: #f5f7fb !important; } /* Menos espacio entre bloques */ html body.cdm-col-portada .cdm-pino { margin: 24px 0 30px !important; } @media (min-width: 992px) { html body.cdm-col-portada .cdm-pino-look { min-height: min(72vh, 680px) !important; } html body.cdm-col-portada .cdm-pino-foto { min-height: min(72vh, 680px) !important; } html body.cdm-col-portada .cdm-pino-tx { padding: 44px clamp(36px, 5vw, 90px) !important; } html body.cdm-col-portada .cdm-pino-pz { margin-top: 56px !important; } html body.cdm-col-portada .cdm-pino-grid { gap: 36px 24px !important; } } html body .cdm-pino-pz-cab { margin-bottom: 26px !important; } html body .cdm-pino-fin { margin-top: 34px !important; } html body .cdm-pino-pz-pie { margin-top: 16px !important; } html body .cdm-pino-confianza { margin-top: 34px !important; } /* Título de las piezas: limpio, sin rayas */ html body .ed-motivo, html body .cdm-pino-pz-cab::after { display: none !important; } html body .ed-num { font-size: 12px !important; letter-spacing: 4px !important; color: #6b7386 !important; } html body .ed-titulo { margin: 8px 0 0 !important; } html body .ed-titulo em { font-family: 'Cinzel', serif !important; font-style: normal !important; font-size: 44px !important; font-weight: 400 !important; letter-spacing: 3px !important; text-transform: uppercase; color: #112250 !important; } html body .ed-titulo span { margin-top: 6px !important; font-family: 'Raleway', sans-serif !important; font-size: 16px !important; letter-spacing: 1px !important; text-transform: none !important; color: var(--acento) !important; font-weight: 500; } html body .cdm-pino-pz-sub { max-width: 560px !important; margin: 12px auto 0 !important; font-size: 14px !important; line-height: 1.6; } @media (max-width: 991.98px) { html body .ed-titulo em { font-size: 30px !important; letter-spacing: 2px !important; } html body .ed-titulo span { font-size: 14px !important; } } /* Medidor nuevo: las piezas de tu pino en miniatura (se entiende de un vistazo) */ html body .cdm-medidor { display: none !important; } html body .cdm-look { margin-top: 16px; padding-top: 14px; border-top: 1px solid #e3e7ef; text-align: left; } html body .cdm-look .lk-cab { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; } html body .cdm-look .lk-txt { font-size: 14px; font-weight: 500; color: #112250; } html body .cdm-look .lk-num { font-family: 'Cinzel', serif; font-size: 14px; font-weight: 700; color: #8a6d2f; white-space: nowrap; } html body .cdm-look .lk-fila { display: flex; flex-wrap: wrap; gap: 8px; } html body .cdm-look .lk-p { position: relative; width: 42px; height: 42px; padding: 3px; border: 0; border-radius: 50%; background: #ffffff; box-shadow: inset 0 0 0 1.5px #d7dce6; cursor: pointer; transition: transform 0.25s ease, box-shadow 0.25s ease; } html body .cdm-look .lk-p img { width: 100%; height: 100%; border-radius: 50%; object-fit: contain; mix-blend-mode: multiply; opacity: 0.35; filter: grayscale(1); transition: opacity 0.3s ease, filter 0.3s ease; } html body .cdm-look .lk-p.on { box-shadow: inset 0 0 0 2px #c79a3f, 0 6px 14px -8px rgba(138, 109, 47, 0.8); } html body .cdm-look .lk-p.on img { opacity: 1; filter: none; } html body .cdm-look .lk-p.on::after { content: "✓"; position: absolute; right: -3px; bottom: -3px; width: 16px; height: 16px; border-radius: 50%; background: #112250; color: #ffffff; font-size: 9px; line-height: 16px; text-align: center; } html body .cdm-look .lk-p:hover { transform: translateY(-2px); } html body .cdm-look.lleno .lk-txt { color: #8a6d2f; font-weight: 600; } html body .cdm-look.lleno .lk-fila { animation: cdmLookOk 0.8s ease; } @keyframes cdmLookOk { 0% { transform: scale(1); } 40% { transform: scale(1.03); } 100% { transform: scale(1); } } @media (min-width: 992px) { html body.cdm-col-portada .cdm-look .lk-fila { justify-content: center; } html body.cdm-col-portada .cdm-look { text-align: center; } html body.cdm-col-portada .cdm-look .lk-cab { justify-content: center; gap: 14px; } } /* Tarjetas de confianza: dinámicas y con lugar correcto */ html body .cdm-pino-confianza .c-it { display: block; position: relative; overflow: hidden; text-decoration: none !important; transition: transform 0.35s ease, box-shadow 0.35s ease; } html body .cdm-pino-confianza .c-it::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient(120deg, transparent 30%, rgba(199, 154, 63, 0.9), transparent 70%) 200% 0 / 250% 100%; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; opacity: 0; transition: opacity 0.3s ease; } html body .cdm-pino-confianza .c-it:hover { transform: translateY(-6px); box-shadow: 0 30px 50px -36px rgba(2, 13, 39, 0.55), inset 0 0 0 1px rgba(17, 34, 80, 0.06); } html body .cdm-pino-confianza .c-it:hover::before { opacity: 1; animation: cdmBorde 1.6s linear infinite; } @keyframes cdmBorde { from { background-position: 200% 0; } to { background-position: -50% 0; } } html body .cdm-pino-confianza .c-ic { display: inline-flex !important; align-items: center; justify-content: center; width: 54px; height: 54px; margin: 0 auto 14px !important; border-radius: 50%; background: linear-gradient(145deg, #1d2d6b, #0a1638); color: #e8c977 !important; box-shadow: 0 12px 22px -14px rgba(2, 13, 39, 0.8); transition: transform 0.4s ease; } html body .cdm-pino-confianza .c-ic svg { width: 26px; height: 26px; } html body .cdm-pino-confianza .c-it:hover .c-ic { transform: rotate(-8deg) scale(1.06); } html body .cdm-pino-confianza .c-cta { display: inline-block; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; color: #112250; border-bottom: 1px solid #c79a3f; padding-bottom: 2px; transition: letter-spacing 0.3s ease; } html body .cdm-pino-confianza .c-it:hover .c-cta { letter-spacing: 3px; } /* Banda final: empieza sobre el blanco y entra al azul (sin escalón) */ html body .cdm-otras.cdm-otras-banda { margin-top: 40px !important; padding-top: 10px !important; border-radius: 0 !important; color: #112250 !important; background: radial-gradient(1.5px 1.5px at 8% 62%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 22% 80%, #fff 50%, transparent 52%), radial-gradient(1.5px 1.5px at 78% 58%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 92% 74%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 55% 90%, #fff 50%, transparent 52%), linear-gradient(180deg, rgba(2, 13, 39, 0) 0, rgba(2, 13, 39, 0) 230px, #020d27 230px, #0b1a45 75%, #112250 100%) !important; } html body .cdm-otras.cdm-otras-banda .cdm-pino-k { color: #6b7386 !important; } html body .cdm-otras.cdm-otras-banda h3 { color: #112250 !important; margin-bottom: 30px !important; } html body .cdm-otra { transition: transform 0.45s ease, box-shadow 0.45s ease; } html body .cdm-otra:hover { transform: translateY(-8px); box-shadow: 0 40px 60px -36px rgba(0, 0, 0, 0.8); } html body .cdm-otra-logo { transition: transform 0.45s ease; } html body .cdm-otra:hover .cdm-otra-logo { transform: translateX(-50%) translateY(-6px); } html body .cdm-otra-ver { transition: letter-spacing 0.3s ease, color 0.3s ease; } html body .cdm-otra:hover .cdm-otra-ver { letter-spacing: 3px; color: #e8c977; } @media (max-width: 991.98px) { html body .cdm-otras.cdm-otras-banda { margin-top: 30px !important; background: radial-gradient(1px 1px at 20% 70%, #fff 50%, transparent 52%), radial-gradient(1.5px 1.5px at 80% 60%, #fff 50%, transparent 52%), linear-gradient(180deg, rgba(2, 13, 39, 0) 0, rgba(2, 13, 39, 0) 190px, #020d27 190px, #0b1a45 75%, #112250 100%) !important; } } /* ===== COLECCIONES 2026 v4: pila de carga, textos legibles, título claro y azul igual al footer ===== */ /* Pila */ html body .cdm-look { display: none !important; } html body .cdm-pila { margin-top: 18px; padding-top: 16px; border-top: 1px solid #e3e7ef; text-align: left; } html body .cdm-pila .pl-cab { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 10px; } html body .cdm-pila .pl-t { font-size: 15px; font-weight: 600; color: #112250; } html body .cdm-pila .pl-pct { font-family: 'Cinzel', serif; font-size: 22px; font-weight: 700; color: #112250; font-variant-numeric: lining-nums; } html body .cdm-pila .pl-bat { position: relative; display: flex; align-items: center; } html body .cdm-pila .pl-in { position: relative; flex: 1 1 auto; height: 30px; padding: 4px; border-radius: 10px; background: #ffffff; box-shadow: inset 0 0 0 2px #112250; overflow: hidden; } html body .cdm-pila .pl-in::after { content: ""; position: absolute; inset: 4px; border-radius: 6px; background: repeating-linear-gradient(90deg, transparent 0, transparent calc(10% - 2px), rgba(255, 255, 255, 0.9) calc(10% - 2px), rgba(255, 255, 255, 0.9) 10%); pointer-events: none; } html body .cdm-pila .pl-fill { position: relative; display: block; height: 100%; width: 0; border-radius: 6px; background: linear-gradient(90deg, #112250 0%, #24479e 55%, #4a7de0 100%); box-shadow: 0 0 12px rgba(74, 125, 224, 0.45); transition: width 0.9s cubic-bezier(.2, .8, .2, 1); overflow: hidden; } html body .cdm-pila .pl-fill::before { content: ""; position: absolute; top: 0; bottom: 0; width: 45%; left: -50%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.55), transparent); animation: cdmCorre 2.2s ease-in-out infinite; } html body .cdm-pila .pl-cap { flex: 0 0 auto; width: 6px; height: 14px; margin-left: 3px; border-radius: 0 4px 4px 0; background: #112250; } html body .cdm-pila .pl-sub { display: block; margin-top: 8px; font-size: 13px; color: #4b5570; } html body .cdm-pila.lleno .pl-fill { background: linear-gradient(90deg, #112250 0%, #2f5fd0 50%, #6fa0ff 100%); box-shadow: 0 0 18px rgba(111, 160, 255, 0.75); } html body .cdm-pila.lleno .pl-t { color: #24479e; } html body .cdm-pila.carga .pl-in { animation: cdmPulso 0.9s ease; } @keyframes cdmCorre { 0% { left: -50%; } 100% { left: 110%; } } @keyframes cdmPulso { 0% { box-shadow: inset 0 0 0 2px #112250, 0 0 0 0 rgba(74, 125, 224, 0.6); } 70% { box-shadow: inset 0 0 0 2px #112250, 0 0 0 12px rgba(74, 125, 224, 0); } 100% { box-shadow: inset 0 0 0 2px #112250, 0 0 0 0 rgba(74, 125, 224, 0); } } @media (prefers-reduced-motion: reduce) { html body .cdm-pila .pl-fill::before { animation: none; display: none; } } /* Título de las piezas: claro */ html body .ed-num { font-size: 13px !important; letter-spacing: 3px !important; color: #3a4560 !important; font-weight: 700; } html body .ed-titulo em { font-size: 42px !important; letter-spacing: 2px !important; } html body .ed-titulo span { font-size: 17px !important; color: #3a4560 !important; font-weight: 400 !important; margin-top: 10px !important; } html body .cdm-pino-pz-sub { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 10px 14px; max-width: 760px !important; margin: 20px auto 0 !important; } html body .cdm-pino-pz-sub .pz-paso { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px 8px 8px; border-radius: 999px; background: #ffffff; box-shadow: inset 0 0 0 1px #e3e7ef; font-size: 14px; color: #112250; } html body .cdm-pino-pz-sub .pz-paso b { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 50%; background: #112250; color: #ffffff; font-size: 12px; } @media (max-width: 991.98px) { html body .ed-titulo em { font-size: 30px !important; } html body .ed-titulo span { font-size: 15px !important; } html body .cdm-pino-pz-sub .pz-paso { font-size: 13px; } } /* Textos de cada pieza: legibles */ html body .cdm-pino-grid .cdm-pz-n { font-family: 'Raleway', sans-serif !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; color: #112250 !important; line-height: 1.4 !important; min-height: 2.8em !important; margin: 12px 4px 4px !important; } html body .cdm-pino-grid .cdm-pz-p { font-size: 16px !important; font-weight: 700 !important; color: #112250 !important; margin-bottom: 12px !important; } html body .cdm-pino-grid .cdm-pz-ck { display: inline-flex !important; align-items: center; justify-content: center; margin: 12px auto 0 !important; padding: 6px 14px !important; border-radius: 999px !important; font-family: 'Raleway', sans-serif !important; font-size: 13px !important; font-weight: 600; letter-spacing: 0 !important; text-transform: none !important; } html body .cdm-pino-grid .cdm-pz.on .cdm-pz-ck { background: #eaf0fb !important; color: #112250 !important; } html body .cdm-pino-grid .cdm-pz-ck .si { color: #112250 !important; } html body .cdm-pino-grid .cdm-pz:not(.on) .cdm-pz-ck { background: #ffffff !important; box-shadow: inset 0 0 0 1.5px #112250; color: #112250 !important; } html body .cdm-pino-grid .cdm-pz-q { width: auto !important; max-width: 190px; margin: 0 auto !important; height: 40px !important; padding: 0 6px 0 14px !important; gap: 6px; border: 0 !important; border-radius: 999px !important; background: #ffffff !important; box-shadow: inset 0 0 0 1px #d7dce6; } html body .cdm-pino-grid .cdm-pz-q em { font-style: normal; font-size: 13px; color: #4b5570; margin-right: 4px; } html body .cdm-pino-grid .cdm-pz-q button { width: 30px !important; height: 30px !important; border-radius: 50% !important; background: #f2f5fa !important; color: #112250 !important; font-size: 17px !important; } html body .cdm-pino-grid .cdm-pz-q span { min-width: 18px; text-align: center; font-size: 15px !important; font-weight: 700 !important; color: #112250; } html body .cdm-pz-ago { font-size: 13px !important; font-weight: 600; letter-spacing: 0.5px !important; text-transform: none !important; color: #6b7386 !important; } @media (max-width: 991.98px) { html body .cdm-pino-grid .cdm-pz-n { font-size: 13px !important; } html body .cdm-pino-grid .cdm-pz-p { font-size: 15px !important; } html body .cdm-pino-grid .cdm-pz-q em { display: none; } html body .cdm-pino-grid .cdm-pz-q { padding: 0 6px !important; } } /* Banda final: el mismo azul del footer, sin diferencia */ html body .cdm-otras.cdm-otras-banda { background: radial-gradient(1.5px 1.5px at 8% 62%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 22% 80%, #fff 50%, transparent 52%), radial-gradient(1.5px 1.5px at 78% 58%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 92% 74%, #fff 50%, transparent 52%), linear-gradient(180deg, rgba(17, 34, 80, 0) 0, rgba(17, 34, 80, 0) 230px, #112250 230px, #112250 100%) !important; } @media (max-width: 991.98px) { html body .cdm-otras.cdm-otras-banda { background: radial-gradient(1px 1px at 20% 70%, #fff 50%, transparent 52%), radial-gradient(1.5px 1.5px at 80% 60%, #fff 50%, transparent 52%), linear-gradient(180deg, rgba(17, 34, 80, 0) 0, rgba(17, 34, 80, 0) 190px, #112250 190px, #112250 100%) !important; } } /* ===== COLECCIONES 2026: carrusel de otras colecciones ===== */ html body .cdm-otras-marco { position: relative; max-width: 1640px; margin: 0 auto; } html body .cdm-otras .cdm-otras-fila { scrollbar-width: none; scroll-behavior: smooth; } html body .cdm-otras .cdm-otras-fila::-webkit-scrollbar { display: none; } html body .cdm-otras-fl { position: absolute; top: 50%; z-index: 5; width: 52px; height: 52px; margin-top: -26px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.95); color: #112250; font-size: 30px; line-height: 1; cursor: pointer; box-shadow: 0 14px 30px -14px rgba(2, 13, 39, 0.8); transition: transform 0.25s ease, background-color 0.25s ease; } html body .cdm-otras-fl:hover { transform: scale(1.08); background: #ffffff; } html body .cdm-otras-fl.izq { left: -18px; } html body .cdm-otras-fl.der { right: -18px; } html body .cdm-otras-puntos { display: flex; justify-content: center; gap: 8px; margin-top: 22px; } html body .cdm-otras-puntos button { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: rgba(255, 255, 255, 0.35); cursor: pointer; transition: width 0.3s ease, background-color 0.3s ease; } html body .cdm-otras-puntos button.on { width: 22px; background: #e8c977; } @media (max-width: 991.98px) { html body .cdm-otras-fl { width: 40px; height: 40px; margin-top: -20px; font-size: 24px; } html body .cdm-otras-fl.izq { left: 4px; } html body .cdm-otras-fl.der { right: 4px; } } /* ===== COLECCIONES 2026 v5: pila digital, título simple, confianza legible y carrusel 3D ===== */ /* Pila: moderna y digital */ html body .cdm-pila .pl-in { height: 22px !important; padding: 3px !important; border-radius: 999px !important; background: #e9eef8 !important; box-shadow: inset 0 1px 3px rgba(17, 34, 80, 0.15) !important; } html body .cdm-pila .pl-in::after { display: none !important; } html body .cdm-pila .pl-cap { width: 5px !important; height: 10px !important; margin-left: 4px !important; border-radius: 0 3px 3px 0 !important; background: #c5cfe3 !important; } html body .cdm-pila .pl-fill { border-radius: 999px !important; background: linear-gradient(90deg, #3b5bfd, #3aa0ff, #22d3ee, #3b5bfd) !important; background-size: 300% 100% !important; box-shadow: 0 0 14px rgba(58, 160, 255, 0.55), 0 0 2px rgba(34, 211, 238, 0.9) !important; animation: cdmFlujo 3s linear infinite; } html body .cdm-pila .pl-fill::after { content: ""; position: absolute; right: 2px; top: 50%; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; background: #ffffff; box-shadow: 0 0 10px 3px rgba(34, 211, 238, 0.95); } html body .cdm-pila.lleno .pl-fill { background: linear-gradient(90deg, #22d3ee, #3b82f6, #a855f7, #22d3ee) !important; background-size: 300% 100% !important; box-shadow: 0 0 20px rgba(59, 130, 246, 0.75) !important; } html body .cdm-pila .pl-pct { color: #2b52e8 !important; } html body .cdm-pila.lleno .pl-t { color: #2b52e8 !important; } @keyframes cdmFlujo { from { background-position: 0% 0; } to { background-position: 300% 0; } } @media (prefers-reduced-motion: reduce) { html body .cdm-pila .pl-fill { animation: none; } } /* Título simple */ html body .cdm-pino-pz-sub { display: block !important; font-size: 15px !important; color: #4b5570 !important; } html body .ed-titulo span { display: none !important; } /* Confianza: sin mayúsculas, fácil de leer, más cerca de los árboles */ html body .cdm-pino-confianza b { font-family: 'Raleway', sans-serif !important; font-size: 17px !important; font-weight: 700 !important; letter-spacing: 0 !important; } html body .cdm-pino-confianza p { font-size: 15px !important; margin: 8px 0 12px !important; } html body .cdm-pino-confianza .c-cta { font-size: 14px !important; font-weight: 600; letter-spacing: 0 !important; text-transform: none !important; } html body .cdm-pino-confianza .c-it:hover .c-cta { letter-spacing: 0.5px !important; } html body .cdm-pino-confianza .c-it { padding: 26px 22px !important; } html body.cdm-col-portada .cdm-pino { margin-bottom: 0 !important; } html body .cdm-otras.cdm-otras-banda { margin-top: 24px !important; } /* Carrusel 3D */ html body .cdm-cf { perspective: 1400px; } html body .cdm-cf .cdm-otras-fila { position: relative !important; display: block !important; height: clamp(380px, 32vw, 520px); overflow: visible !important; transform-style: preserve-3d; padding: 0 !important; } html body .cdm-cf .cdm-otra { position: absolute !important; top: 0; left: 50%; width: clamp(270px, 23vw, 380px) !important; aspect-ratio: 3 / 4; transform: translateX(calc(-50% + var(--off) * 58%)) translateZ(calc(var(--a) * -170px)) rotateY(calc(var(--off) * -32deg)); transition: transform 0.9s cubic-bezier(.2, .8, .2, 1), opacity 0.6s ease, filter 0.6s ease; filter: brightness(calc(1 - var(--a) * 0.18)) saturate(calc(1 - var(--a) * 0.12)); } html body .cdm-cf .cdm-otra::before { content: ""; position: absolute; inset: 0; z-index: 3; border-radius: inherit; background: linear-gradient(calc(90deg + var(--off) * 1deg), rgba(17, 34, 80, calc(var(--a) * 0.18)), rgba(17, 34, 80, calc(var(--a) * 0.32))); pointer-events: none; transition: background 0.6s ease; } html body .cdm-cf .cdm-otra.activa { box-shadow: 0 50px 70px -40px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(232, 201, 119, 0.35); } html body .cdm-cf .cdm-otra.activa::before { background: none; } html body .cdm-cf .cdm-otra:not(.activa) .cdm-otra-ver { opacity: 0; } html body .cdm-cf .cdm-otra:hover { transform: translateX(calc(-50% + var(--off) * 58%)) translateZ(calc(var(--a) * -170px)) rotateY(calc(var(--off) * -32deg)) translateY(-6px); } html body .cdm-cf .cdm-otras-fl.izq { left: 4%; } html body .cdm-cf .cdm-otras-fl.der { right: 4%; } @media (max-width: 991.98px) { html body .cdm-cf .cdm-otras-fila { height: 118vw; max-height: 520px; } html body .cdm-cf .cdm-otra { width: 66vw !important; max-width: 320px; transform: translateX(calc(-50% + var(--off) * 70%)) translateZ(calc(var(--a) * -150px)) rotateY(calc(var(--off) * -34deg)); } html body .cdm-cf .cdm-otra:hover { transform: translateX(calc(-50% + var(--off) * 70%)) translateZ(calc(var(--a) * -150px)) rotateY(calc(var(--off) * -34deg)); } html body .cdm-cf .cdm-otras-fl.izq { left: 2px; } html body .cdm-cf .cdm-otras-fl.der { right: 2px; } } /* ===== COLECCIONES 2026 v6: pila azul Christmas, banda con el azul del footer y carrusel más grande ===== */ /* Pila editorial, más gordita y corta, azul oscuro */ html body .cdm-pila { text-align: left !important; } html body .cdm-pila .pl-k { display: block; margin-bottom: 8px; font-family: 'Cinzel', serif; font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: #6b7386; } html body .cdm-pila .pl-fila { display: flex; align-items: center; gap: 18px; } html body .cdm-pila .pl-izq { flex: 0 0 auto; display: flex; flex-direction: column; line-height: 1; } html body .cdm-pila .pl-pct { font-family: 'Cinzel', serif !important; font-size: 34px !important; font-weight: 700 !important; color: #112250 !important; letter-spacing: 0; } html body .cdm-pila .pl-t { margin-top: 4px; font-family: Georgia, 'Times New Roman', serif !important; font-style: italic; font-size: 15px !important; font-weight: 400 !important; color: #3a4560 !important; } html body .cdm-pila .pl-bat { flex: 1 1 auto; max-width: 240px; } html body .cdm-pila .pl-in { height: 34px !important; padding: 4px !important; border-radius: 12px !important; background: #ffffff !important; box-shadow: inset 0 0 0 2px #112250 !important; } html body .cdm-pila .pl-cap { width: 6px !important; height: 14px !important; background: #112250 !important; border-radius: 0 3px 3px 0 !important; } html body .cdm-pila .pl-fill { border-radius: 8px !important; background: linear-gradient(90deg, #0a1638 0%, #112250 45%, #1d2d6b 100%) !important; background-size: 100% 100% !important; box-shadow: none !important; animation: none !important; } html body .cdm-pila .pl-fill::before { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent) !important; animation: cdmCorre 2.6s ease-in-out infinite !important; } html body .cdm-pila .pl-fill::after { width: 4px !important; height: 60% !important; top: 20% !important; margin-top: 0 !important; right: 4px !important; border-radius: 2px !important; background: #e8c977 !important; box-shadow: 0 0 8px rgba(232, 201, 119, 0.8) !important; } html body .cdm-pila.lleno .pl-fill { background: linear-gradient(90deg, #0a1638 0%, #112250 45%, #24479e 100%) !important; box-shadow: 0 0 14px rgba(17, 34, 80, 0.45) !important; } html body .cdm-pila.lleno .pl-pct, html body .cdm-pila.lleno .pl-t { color: #112250 !important; } html body .cdm-pila .pl-sub { margin-top: 12px !important; font-size: 14px !important; line-height: 1.55; color: #4b5570 !important; } @media (min-width: 992px) { html body.cdm-col-portada .cdm-pila .pl-fila { justify-content: center; } html body.cdm-col-portada .cdm-pila { text-align: center !important; } } /* Banda de árboles: todo en el azul del footer, sin corte */ html body .cdm-otras.cdm-otras-banda { margin-top: 30px !important; padding-top: 110px !important; color: #ffffff !important; background: radial-gradient(1.5px 1.5px at 8% 30%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 22% 70%, #fff 50%, transparent 52%), radial-gradient(1.5px 1.5px at 78% 26%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 92% 64%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 46% 18%, #fff 50%, transparent 52%), linear-gradient(180deg, rgba(17, 34, 80, 0) 0, #112250 90px, #112250 100%) !important; } html body .cdm-otras.cdm-otras-banda .cdm-pino-k { color: #e8c977 !important; font-size: 12px !important; letter-spacing: 5px !important; } html body .cdm-otras.cdm-otras-banda h3 { margin: 12px 0 10px !important; font-family: 'Cinzel', serif; font-size: 48px !important; font-weight: 400; letter-spacing: 3px; color: #ffffff !important; } html body .cdm-otras.cdm-otras-banda h3 em { font-family: Georgia, 'Times New Roman', serif; font-style: italic; letter-spacing: 0; color: #e8c977; } html body .cdm-otras-sub { margin: 0 auto 36px; max-width: 520px; font-size: 16px; color: #c9d3f0; } html body .cdm-otras-puntos { display: none !important; } /* Carrusel más grande y con espacios iguales */ html body .cdm-cf .cdm-otras-fila { height: auto !important; aspect-ratio: auto; } html body .cdm-cf .cdm-otra { width: clamp(300px, 26vw, 430px) !important; } html body .cdm-cf .cdm-otras-fila { height: calc(clamp(300px, 26vw, 430px) * 4 / 3) !important; } html body .cdm-cf .cdm-otra { transform: translateX(calc(-50% + var(--off) * 62%)) translateZ(calc(var(--a) * -160px)) rotateY(calc(var(--off) * -30deg)) !important; } html body .cdm-cf .cdm-otra:hover { transform: translateX(calc(-50% + var(--off) * 62%)) translateZ(calc(var(--a) * -160px)) rotateY(calc(var(--off) * -30deg)) translateY(-6px) !important; } html body .cdm-otras.cdm-otras-banda { padding-bottom: 70px !important; } @media (max-width: 991.98px) { html body .cdm-otras.cdm-otras-banda { padding-top: 80px !important; background: radial-gradient(1px 1px at 20% 40%, #fff 50%, transparent 52%), radial-gradient(1.5px 1.5px at 80% 30%, #fff 50%, transparent 52%), linear-gradient(180deg, rgba(17, 34, 80, 0) 0, #112250 70px, #112250 100%) !important; } html body .cdm-otras.cdm-otras-banda h3 { font-size: 30px !important; letter-spacing: 1.5px; } html body .cdm-otras-sub { font-size: 14px; margin-bottom: 26px; padding: 0 10px; } html body .cdm-cf .cdm-otra { width: 70vw !important; max-width: 340px; transform: translateX(calc(-50% + var(--off) * 72%)) translateZ(calc(var(--a) * -140px)) rotateY(calc(var(--off) * -32deg)) !important; } html body .cdm-cf .cdm-otra:hover { transform: translateX(calc(-50% + var(--off) * 72%)) translateZ(calc(var(--a) * -140px)) rotateY(calc(var(--off) * -32deg)) !important; } html body .cdm-cf .cdm-otras-fila { height: calc(min(70vw, 340px) * 4 / 3) !important; } html body .cdm-pila .pl-pct { font-size: 28px !important; } html body .cdm-pila .pl-bat { max-width: 200px; } } /* ===== COLECCIONES 2026: unión perfecta entre la sección de árboles y el footer ===== */ /* El footer empieza exactamente con el azul de la sección y se oscurece después, poco a poco */ html body.cdm-con-banda footer#bottom { background: linear-gradient(180deg, #112250 0%, #112250 30%, #050b1a 100%) !important; margin-top: -2px !important; position: relative; z-index: 2; border: 0 !important; box-shadow: none !important; } /* Sin rayita entre las dos: se enciman 2 px */ html body.cdm-con-banda .cdm-otras.cdm-otras-banda { margin-bottom: 0 !important; padding-bottom: 72px !important; } /* ===== COLECCIONES 2026: división entre productos y colecciones con arco elegante y sello ===== */ html body .cdm-otras.cdm-otras-banda { position: relative; margin-top: 70px !important; padding-top: 96px !important; border-radius: 50% 50% 0 0 / 70px 70px 0 0 !important; background: radial-gradient(1.5px 1.5px at 8% 30%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 22% 70%, #fff 50%, transparent 52%), radial-gradient(1.5px 1.5px at 78% 26%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 92% 64%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 46% 18%, #fff 50%, transparent 52%), radial-gradient(ellipse 50% 40% at 50% 0%, rgba(70, 100, 200, 0.22), transparent 70%), #112250 !important; box-shadow: 0 -24px 50px -30px rgba(17, 34, 80, 0.45); } /* Sello al centro del arco, como el de la portada */ html body .cdm-otras.cdm-otras-banda::before { content: "✦"; position: absolute; top: -30px; left: 50%; z-index: 3; width: 60px; height: 60px; margin-left: -30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #112250; color: #e8c977; font-size: 22px; box-shadow: 0 0 0 5px #fbfcfe, 0 14px 26px -12px rgba(2, 13, 39, 0.6); } @media (max-width: 991.98px) { html body .cdm-otras.cdm-otras-banda { margin-top: 56px !important; padding-top: 74px !important; border-radius: 50% 50% 0 0 / 34px 34px 0 0 !important; } html body .cdm-otras.cdm-otras-banda::before { top: -24px; width: 48px; height: 48px; margin-left: -24px; font-size: 18px; } } /* ===== COLECCIONES 2026: vista previa de una colección sin artículos (/colecciones-2026?coleccion=…) ===== */ html body.cdm-prev #wrap > .s_cdm_colecciones, html body.cdm-prev #wrap > section.s_cdm_colecciones, html body.cdm-prev #wrap .cdm-col { display: none !important; } html body.cdm-prev #wrap { background: transparent !important; } html body .cdm-prev-hero { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between; min-height: clamp(420px, 34vw, 520px); padding: 46px 20px 34px; border-radius: 0 0 40px 40px; overflow: hidden; color: #ffffff; text-align: center; background: radial-gradient(ellipse 22% 44% at 50% 62%, rgba(2, 13, 39, 0.7) 0%, rgba(2, 13, 39, 0.35) 55%, rgba(2, 13, 39, 0) 80%), url("/web/image/22618-c1780c86/portada-colecciones-2026.jpg") center 40% / cover no-repeat, #020d27; } html body .cdm-prev-hero .ph-k { font-family: 'Cinzel', serif; font-size: 20px; letter-spacing: 14px; text-transform: uppercase; text-shadow: 0 2px 18px rgba(2, 13, 39, 0.6); } html body .cdm-prev-hero .ph-logo { margin: auto 0 0; width: min(560px, 40vw); font-family: 'Cinzel', serif; font-size: 44px; font-weight: 400; color: #ffffff; } html body .cdm-prev-hero .ph-logo svg, html body .cdm-prev-hero .ph-logo img { width: 100%; height: auto; max-height: 190px; object-fit: contain; display: block; margin: 0 auto; } html body .cdm-prev-hero .ph-ln { display: flex; align-items: center; gap: 12px; margin-top: 14px; color: #e8c977; font-size: 12px; } html body .cdm-prev-hero .ph-ln i { display: block; width: 70px; height: 1px; background: rgba(255, 255, 255, 0.5); } html body .cdm-prev-hero .ph-pronto { margin-top: 14px; padding: 7px 16px; border-radius: 999px; background: rgba(255, 255, 255, 0.14); font-size: 13px; letter-spacing: 1px; backdrop-filter: blur(4px); } html body .cdm-prev-aviso { margin: 0 auto 22px; padding: 18px 20px; border-radius: 18px; background: #f5f7fb; text-align: center; } html body .cdm-prev-aviso b { display: block; font-size: 15px; font-weight: 700; color: #112250; } html body .cdm-prev-aviso span { display: block; margin-top: 6px; font-size: 14px; line-height: 1.55; color: #4b5570; } html body.cdm-prev .cdm-pino { margin-top: 36px !important; } html body.cdm-prev .cdm-pino-confianza { margin-top: 40px !important; } @media (min-width: 992px) { html body.cdm-prev .cdm-pino-look, html body.cdm-prev .cdm-pino-confianza { width: min(92vw, 1640px) !important; margin-left: 50% !important; transform: translateX(-50%); } html body.cdm-prev .cdm-pino-confianza { max-width: none !important; width: min(92vw, 1100px) !important; } } @media (max-width: 991.98px) { html body .cdm-prev-hero { min-height: min(110vw, 620px); padding: 30px 16px 26px; justify-content: flex-end; border-radius: 0 0 28px 28px; background: linear-gradient(to bottom, rgba(2, 13, 39, 0.35) 0%, rgba(2, 13, 39, 0) 22%, rgba(2, 13, 39, 0) 46%, rgba(2, 13, 39, 0.92) 84%, #020d27 100%), var(--arbol) center 35% / cover no-repeat, #020d27; } html body .cdm-prev-hero .ph-k { font-size: 13px; letter-spacing: 7px; margin-bottom: 14px; } html body .cdm-prev-hero .ph-logo { margin: 0; width: min(280px, 72vw); } html body .cdm-prev-hero .ph-logo svg, html body .cdm-prev-hero .ph-logo img { max-height: 120px; } html body.cdm-prev .cdm-pino-tx .cdm-pino-k, html body.cdm-prev .cdm-pino-tx .cdm-pino-logo { display: none !important; } html body.cdm-prev .cdm-pino-bt a { white-space: nowrap; } } /* ===== COLECCIONES 2026: vista previa en celular como en compu (portada ancha + tarjeta con foto) ===== */ @media (max-width: 991.98px) { /* Portada: la imagen del cascanueces, ancha y no tan alta */ html body.cdm-prev .cdm-prev-hero { min-height: 0 !important; height: auto !important; aspect-ratio: 16 / 11; justify-content: space-between !important; padding: 18px 16px 18px !important; background: radial-gradient(ellipse 45% 50% at 50% 66%, rgba(2, 13, 39, 0.72) 0%, rgba(2, 13, 39, 0.35) 55%, rgba(2, 13, 39, 0) 80%), url("/web/image/22618-c1780c86/portada-colecciones-2026.jpg") 30% 40% / cover no-repeat, #020d27 !important; } html body.cdm-prev .cdm-prev-hero .ph-k { font-size: 11px !important; letter-spacing: 6px !important; margin: 0 !important; } html body.cdm-prev .cdm-prev-hero .ph-logo { margin-top: auto !important; width: min(230px, 58vw) !important; } html body.cdm-prev .cdm-prev-hero .ph-logo svg, html body.cdm-prev .cdm-prev-hero .ph-logo img { max-height: 92px !important; } html body.cdm-prev .cdm-prev-hero .ph-ln { margin-top: 8px !important; } html body.cdm-prev .cdm-prev-hero .ph-ln i { width: 44px !important; } html body.cdm-prev .cdm-prev-hero .ph-pronto { margin-top: 8px !important; font-size: 11px !important; padding: 5px 12px !important; } /* Tarjeta: con la foto del árbol en horizontal, el título y el logo, igual que en compu */ html body.cdm-prev .cdm-pino-foto { display: block !important; aspect-ratio: 4 / 3 !important; min-height: 0 !important; height: auto !important; border-radius: 18px !important; } html body.cdm-prev .cdm-pino-foto img { object-position: center 40% !important; } html body.cdm-prev .cdm-pino-tx .cdm-pino-k, html body.cdm-prev .cdm-pino-tx .cdm-pino-logo { display: block !important; } html body.cdm-prev .cdm-pino-tx { text-align: center !important; } html body.cdm-prev .cdm-pino-logo { margin: 12px auto 4px !important; } html body.cdm-prev .cdm-pino-logo svg, html body.cdm-prev .cdm-pino-logo img { max-width: 240px !important; max-height: 100px !important; margin: 0 auto !important; } html body.cdm-prev .cdm-pino-look { padding: 12px 12px 22px !important; gap: 18px !important; } } /* ===== COLECCIONES 2026 · VISTA PREVIA: portada que respira (texto en la zona libre, sin tocar regalos ni cortinas) ===== */ @media (min-width: 992px) { html body.cdm-prev .cdm-prev-hero { min-height: 0; height: clamp(380px, 34.5vw, 560px); justify-content: flex-start; padding: clamp(30px, 3.2vw, 52px) 20px clamp(96px, 10vw, 170px); } html body.cdm-prev .cdm-prev-hero .ph-k { font-size: clamp(13px, 1.05vw, 18px); letter-spacing: 0.6em; padding-left: 0.6em; line-height: 1.2; margin: 0; } html body.cdm-prev .cdm-prev-hero .ph-logo { margin: auto 0 0; width: clamp(260px, 27vw, 440px); } html body.cdm-prev .cdm-prev-hero .ph-logo svg, html body.cdm-prev .cdm-prev-hero .ph-logo img { max-height: clamp(88px, 9.2vw, 150px); } html body.cdm-prev .cdm-prev-hero .ph-ln { margin-top: clamp(10px, 1vw, 16px); } html body.cdm-prev .cdm-prev-hero .ph-ln i { width: clamp(44px, 4.5vw, 70px); } html body.cdm-prev .cdm-prev-hero .ph-pronto { margin: clamp(10px, 1vw, 16px) 0 auto; font-size: clamp(12px, 0.9vw, 14px); padding: 0.5em 1.3em; } } @media (max-width: 991.98px) { html body.cdm-prev .cdm-prev-hero .ph-k { padding-left: 7px; } } /* ===== INICIO: botón "Ver colección" de los bloques de colecciones (no se parte en celular) ===== */ html body .s_ecomm_categories_showcase .s_ecomm_categories_showcase_content p a { display: inline-flex !important; align-items: center; justify-content: center; white-space: nowrap !important; width: auto !important; max-width: 100%; } @media (max-width: 991.98px) { html body .s_ecomm_categories_showcase .s_ecomm_categories_showcase_content p a { font-size: 12px !important; letter-spacing: 0.5px !important; padding: 8px 14px !important; } } /* ===== COLECCIONES 2026: sin pastillas de Odoo (abajo ya está el carrusel para elegir otra colección) ===== */ html body.cdm-col-portada #o_wsale_categories_filmstrip { display: none !important; } /* ===== FICHA DE PRODUCTO (celular): fila de productos — anterior / siguiente y otras categorías al final ===== */ @media (max-width: 991.98px) { html body .cdm-fila { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 2px 4px 10px; padding: 0; } html body .cdm-fila-b { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #fbfcfe; border: 1px solid rgba(199, 154, 63, 0.5); color: #112250 !important; text-decoration: none !important; box-shadow: 0 6px 14px -10px rgba(2, 13, 39, 0.45); padding: 0; transition: transform 0.15s ease, background 0.15s ease; -webkit-tap-highlight-color: transparent; } html body .cdm-fila-b:active { transform: scale(0.92); background: #f2f5fa; } html body .cdm-fila-b[aria-disabled="true"] { opacity: 0.3; pointer-events: none; } html body .cdm-fila-fin { color: #c79a3f !important; font-size: 13px; line-height: 1; } html body .cdm-fila-t { flex: 1 1 auto; text-align: center; font-family: Raleway, sans-serif; font-size: 12.5px; color: #5a6785; letter-spacing: 0.2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html body .cdm-fila-t b { color: #112250; font-weight: 700; } html body .cdm-fila-t i { font-style: normal; color: #c79a3f; margin: 0 3px; } html body .cdm-fila-t em { font-style: normal; color: #112250; font-weight: 600; } html body #product_detail .o_wsale_product_images { transition: transform 0.18s ease, opacity 0.18s ease; } html body #product_detail .o_wsale_product_images.cdm-fila-sale-izq { transform: translateX(-22px); opacity: 0.35; } html body #product_detail .o_wsale_product_images.cdm-fila-sale-der { transform: translateX(22px); opacity: 0.35; } html.cdm-fila-bloq, html.cdm-fila-bloq body { overflow: hidden; } html body .cdm-fila-hoja { position: fixed; inset: 0; z-index: 1080; pointer-events: none; } html body .cdm-fila-velo { position: absolute; inset: 0; background: rgba(2, 13, 39, 0.38); opacity: 0; transition: opacity 0.25s ease; } html body .cdm-fila-panel { position: absolute; left: 0; right: 0; bottom: 0; background: #fbfcfe; border-radius: 24px 24px 0 0; padding: 26px 0 calc(22px + env(safe-area-inset-bottom, 0px)); text-align: center; transform: translateY(104%); transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1); box-shadow: 0 -18px 40px -24px rgba(2, 13, 39, 0.5); } html body .cdm-fila-panel::before { content: ""; position: absolute; top: 9px; left: 50%; width: 38px; height: 4px; margin-left: -19px; border-radius: 4px; background: rgba(17, 34, 80, 0.15); } html body .cdm-fila-hoja.abierta { pointer-events: auto; } html body .cdm-fila-hoja.abierta .cdm-fila-velo { opacity: 1; } html body .cdm-fila-hoja.abierta .cdm-fila-panel { transform: none; } html body .cdm-fila-x { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border-radius: 50%; border: 0; background: #f2f5fa; color: #112250; font-size: 20px; line-height: 1; padding: 0; } html body .cdm-fila-k { display: block; font-family: Raleway, sans-serif; font-size: 12px; color: #a17a2c; letter-spacing: 0.4px; margin: 0 52px 6px; } html body .cdm-fila-panel h3 { font-family: Cinzel, serif; font-weight: 400; font-size: 20px; color: #112250; margin: 0 24px 6px; line-height: 1.3; } html body .cdm-fila-panel p { font-family: Raleway, sans-serif; font-size: 13px; color: #5a6785; margin: 0 28px 16px; line-height: 1.5; } html body .cdm-fila-cats { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 20px 12px; scrollbar-width: none; scroll-padding-left: 20px; -webkit-overflow-scrolling: touch; } html body .cdm-fila-cats::-webkit-scrollbar { display: none; } html body .cdm-fila-cat { flex: 0 0 132px; min-height: 86px; scroll-snap-align: start; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 12px 10px; border-radius: 16px; background: linear-gradient(180deg, #ffffff 0%, #f2f5fa 100%); border: 1px solid rgba(199, 154, 63, 0.35); text-decoration: none !important; } html body .cdm-fila-cat span { font-family: Cinzel, serif; font-weight: 400; font-size: 14px; color: #112250; line-height: 1.25; } html body .cdm-fila-cat small { font-family: Raleway, sans-serif; font-size: 11.5px; color: #a17a2c; } html body .cdm-fila-cat.es-col { background: linear-gradient(180deg, #112250 0%, #0a1638 100%); border-color: rgba(232, 201, 119, 0.5); } html body .cdm-fila-cat.es-col span { color: #fbfcfe; } html body .cdm-fila-cat.es-col small { color: #e8c977; } html body .cdm-fila-acc { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 8px; padding: 0 24px; } html body .cdm-fila-tienda { display: inline-flex; align-items: center; justify-content: center; min-width: 220px; height: 44px; padding: 0 22px; border-radius: 999px; background: #112250; color: #fbfcfe !important; font-family: Raleway, sans-serif; font-size: 14px; font-weight: 600; text-decoration: none !important; } html body .cdm-fila-otra { font-family: Raleway, sans-serif; font-size: 13px; color: #5a6785 !important; text-decoration: underline !important; text-underline-offset: 3px; } } /* ===== PÁGINA 404: la esfera perdida ===== */ html body .cdm-404 { position: relative; overflow: hidden; margin: 0 0 24px; padding: 70px 20px 150px; border-radius: 0 0 48px 48px; text-align: center; color: #ffffff; background: radial-gradient(ellipse 60% 50% at 50% 30%, rgba(70, 100, 200, 0.35), transparent 70%), linear-gradient(180deg, #020d27 0%, #0b1a45 60%, #112250 100%); } html body .cdm-404 .e4-nieve { position: absolute; inset: -200px 0 0 0; pointer-events: none; background-image: radial-gradient(2px 2px at 20px 30px, #fff 50%, transparent 52%), radial-gradient(1.5px 1.5px at 120px 80px, #fff 50%, transparent 52%), radial-gradient(2.5px 2.5px at 200px 160px, rgba(255,255,255,.9) 50%, transparent 52%), radial-gradient(1.5px 1.5px at 300px 40px, #fff 50%, transparent 52%), radial-gradient(2px 2px at 360px 220px, rgba(255,255,255,.8) 50%, transparent 52%); background-size: 400px 260px; animation: e4Cae 14s linear infinite; opacity: 0.8; } html body .cdm-404 .e4-n2 { background-size: 260px 200px; animation-duration: 22s; opacity: 0.5; } @keyframes e4Cae { from { transform: translateY(0); } to { transform: translateY(260px); } } html body .cdm-404 .e4-cont { position: relative; z-index: 2; max-width: 720px; margin: 0 auto; } html body .cdm-404 .e4-num { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 30px 0 18px; font-family: 'Cinzel', serif; font-size: clamp(110px, 18vw, 200px); font-weight: 700; line-height: 1; color: #ffffff; text-shadow: 0 10px 40px rgba(2, 13, 39, 0.6); } /* El 0 es una esfera que se mece colgando de su hilo */ html body .cdm-404 .e4-esfera { position: relative; display: inline-block; width: 0.78em; height: 0.78em; transform-origin: 50% -0.9em; animation: e4Mece 3.2s ease-in-out infinite; } html body .cdm-404 .e4-hilo { position: absolute; left: 50%; bottom: 100%; width: 2px; height: 0.9em; margin-left: -1px; background: linear-gradient(#e8c977, rgba(232, 201, 119, 0.3)); } html body .cdm-404 .e4-tapa { position: absolute; left: 50%; top: -0.08em; width: 0.2em; height: 0.12em; margin-left: -0.1em; border-radius: 3px 3px 1px 1px; background: linear-gradient(90deg, #8a6d2f, #f1d98f, #8a6d2f); } html body .cdm-404 .e4-bola { position: absolute; inset: 0.02em 0 0 0; border-radius: 50%; background: radial-gradient(circle at 32% 28%, #ffffff 0, #f1d98f 12%, #c79a3f 45%, #6e521c 100%); box-shadow: 0 18px 40px -10px rgba(232, 201, 119, 0.55), inset -10px -14px 30px rgba(0, 0, 0, 0.25); } html body .cdm-404 .e4-bola b { position: absolute; left: 22%; top: 18%; width: 22%; height: 14%; border-radius: 50%; background: rgba(255, 255, 255, 0.75); filter: blur(2px); animation: e4Brillo 3.2s ease-in-out infinite; } @keyframes e4Mece { 0%, 100% { transform: rotate(-9deg); } 50% { transform: rotate(9deg); } } @keyframes e4Brillo { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } } html body .cdm-404 .e4-k { display: block; font-family: 'Cinzel', serif; font-size: 13px; font-weight: 700; letter-spacing: 5px; text-transform: uppercase; color: #e8c977; } html body .cdm-404 h1 { margin: 12px 0 14px; font-family: 'Cinzel', serif; font-size: clamp(28px, 4vw, 44px); font-weight: 400; letter-spacing: 1px; line-height: 1.2; color: #ffffff; } html body .cdm-404 p { margin: 0 auto 28px; max-width: 560px; font-size: 17px; line-height: 1.7; color: #dfe5f5; } html body .cdm-404 .e4-bt { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; } html body .cdm-404 .e4-bt a { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; padding: 0 28px; border-radius: 999px; font-family: 'Cinzel', serif; font-size: 13px; letter-spacing: 1.5px; text-decoration: none !important; transition: transform 0.25s ease, box-shadow 0.25s ease; } html body .cdm-404 .e4-bt .p1 { background: linear-gradient(135deg, #f1d98f, #c79a3f); color: #112250 !important; box-shadow: 0 16px 30px -16px rgba(232, 201, 119, 0.8); } html body .cdm-404 .e4-bt .p2 { box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.7); color: #ffffff !important; } html body .cdm-404 .e4-bt a:hover { transform: translateY(-2px); } html body .cdm-404 .e4-rap { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin-top: 26px; } html body .cdm-404 .e4-rap span { font-size: 14px; color: #c9d3f0; margin-right: 4px; } html body .cdm-404 .e4-rap a { padding: 7px 16px; border-radius: 999px; background: rgba(255, 255, 255, 0.1); color: #ffffff !important; font-size: 14px; text-decoration: none !important; transition: background-color 0.25s ease; } html body .cdm-404 .e4-rap a:hover { background: rgba(255, 255, 255, 0.2); } html body .cdm-404 .e4-wa { display: inline-block; margin-top: 24px; font-size: 14px; color: #e8c977 !important; text-decoration: none !important; border-bottom: 1px solid rgba(232, 201, 119, 0.5); } /* El cascanueces se asoma desde abajo, buscando */ html body .cdm-404 .e4-cascanueces { position: absolute; left: 50%; bottom: -6px; z-index: 1; width: min(520px, 90vw); transform: translateX(-50%); animation: e4Asoma 4s ease-in-out infinite; } @keyframes e4Asoma { 0%, 100% { transform: translateX(-50%) translateY(18px); } 50% { transform: translateX(-50%) translateY(0); } } @media (prefers-reduced-motion: reduce) { html body .cdm-404 * { animation: none !important; } } @media (max-width: 991.98px) { html body .cdm-404 { padding: 110px 16px 120px; border-radius: 0 0 32px 32px; } html body .cdm-404 p { font-size: 15px; } html body .cdm-404 .e4-bt { flex-direction: column; } html body .cdm-404 .e4-bt a { width: 100%; font-size: 12px; } html body .cdm-404 .e4-rap span { width: 100%; margin: 0 0 2px; } } /* ===== FICHA DE PRODUCTO (celular): botones ordenados y legibles + separación armoniosa, sin huecos grandes ===== */ @media (max-width: 991.98px) { html body #product_detail { margin-bottom: 8px !important; padding-bottom: 0 !important; } html body #product_detail .cdm-fila { margin: 4px 4px 2px; } html body #product_detail #product_details { padding-top: 10px !important; padding-bottom: 6px !important; } html body #product_detail h1.h3 { margin-bottom: 6px !important; } html body #product_detail #variant_description:empty, html body #product_detail .oe_structure.text-muted:empty { display: none !important; } html body #product_detail .o_wsale_product_details_content_section { margin-bottom: 12px !important; } html body #product_detail .o_wsale_product_details_content_section:empty { display: none !important; } html body #product_detail #o_wsale_cta_wrapper { margin-bottom: 4px !important; } html body #product_detail #add_to_cart_wrap { display: grid !important; grid-template-columns: 116px minmax(0, 1fr) 48px; gap: 10px; align-items: stretch; width: 100%; } html body #product_detail #add_to_cart_wrap > * { margin: 0 !important; width: auto !important; min-width: 0; } html body #product_detail #add_to_cart_wrap .css_quantity { grid-column: 1; grid-row: 1; height: 48px; display: flex !important; align-items: center; justify-content: space-between; padding: 0 6px; border-radius: 999px; background: #f2f5fa; border: 1px solid rgba(17, 34, 80, 0.12); } html body #product_detail #add_to_cart_wrap .css_quantity .btn { width: 32px; height: 40px; padding: 0 !important; display: inline-flex; align-items: center; justify-content: center; border: 0 !important; } html body #product_detail #add_to_cart_wrap .css_quantity .btn i { color: #112250 !important; font-size: 12px; } html body #product_detail #add_to_cart_wrap .css_quantity input.quantity { width: 34px !important; height: 40px; padding: 0 !important; background: transparent !important; font-family: Raleway, sans-serif; font-size: 15px; font-weight: 700; color: #112250; text-align: center; box-shadow: none !important; } html body #product_detail #add_to_cart_wrap #add_to_cart { grid-column: 2 / 4; grid-row: 1; } html body #product_detail #add_to_cart_wrap .o_we_buy_now { grid-column: 1 / 3; grid-row: 2; } html body #product_detail #add_to_cart_wrap .o_add_wishlist_dyn { grid-column: 3; grid-row: 2; width: 48px !important; padding: 0 !important; } html body #product_detail #add_to_cart_wrap #add_to_cart, html body #product_detail #add_to_cart_wrap .o_we_buy_now, html body #product_detail #add_to_cart_wrap .o_add_wishlist_dyn { height: 48px; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 999px !important; font-family: Raleway, sans-serif !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; text-transform: none !important; white-space: nowrap; } html body #product_detail #add_to_cart_wrap #add_to_cart { color: #fbfcfe !important; box-shadow: 0 10px 20px -14px rgba(2, 13, 39, 0.7); } html body #product_detail #add_to_cart_wrap .o_we_buy_now, html body #product_detail #add_to_cart_wrap .o_add_wishlist_dyn { background: #fbfcfe !important; border: 1px solid rgba(17, 34, 80, 0.32) !important; color: #112250 !important; } html body #product_detail #add_to_cart_wrap .o_we_buy_now i { color: #c79a3f !important; } html body #product_detail #add_to_cart_wrap .o_add_wishlist_dyn i { color: #112250 !important; margin: 0 !important; font-size: 16px; } html body #product_detail #add_to_cart_wrap .o_add_wishlist_dyn:disabled i, html body #product_detail #add_to_cart_wrap .o_add_wishlist_dyn.disabled i { color: #c79a3f !important; } html body section.cdm-xs:empty { display: block !important; height: 1px; padding: 0 !important; margin: 0 !important; overflow: hidden; } /* vacía mientras carga: sin hueco, pero visible para que se llene al bajar */ html body #wrap.o_wsale_product_page > .oe_structure.oe_empty { margin-top: 0 !important; } html body #product_detail .o_wsale_product_details_content_section table.table td { padding-top: 7px !important; padding-bottom: 7px !important; } html body #product_detail .o_wsale_product_details_content_section:first-child::after { margin-top: 6px !important; } html body #product_detail .o_wsale_product_details_content_section:last-child { margin-bottom: 0 !important; } html body #product_detail #add_to_cart_wrap #add_to_cart, html body #product_detail #add_to_cart_wrap .o_add_wishlist_dyn, html body #product_detail #add_to_cart_wrap .o_we_buy_now { height: 48px !important; min-height: 48px; padding-top: 0 !important; padding-bottom: 0 !important; } } /* ===== FICHA DE PRODUCTO (celular): cambio de producto sin pantalla en blanco (la ficha nunca se vuelve invisible) ===== */ @media (max-width: 991.98px) { html.cdm-fila-sale #product_detail { opacity: 0.7; transition: opacity 0.12s ease, transform 0.12s ease; } html.cdm-fila-sale-izq #product_detail { transform: translateX(-8px); } html.cdm-fila-sale-der #product_detail { transform: translateX(8px); } html.cdm-fila-entra-der #product_detail { animation: cdmFilaDer 0.3s cubic-bezier(0.2, 0.7, 0.2, 1) both; } html.cdm-fila-entra-izq #product_detail { animation: cdmFilaIzq 0.3s cubic-bezier(0.2, 0.7, 0.2, 1) both; } @keyframes cdmFilaDer { from { opacity: 0.5; transform: translateX(10px); } to { opacity: 1; transform: none; } } @keyframes cdmFilaIzq { from { opacity: 0.5; transform: translateX(-10px); } to { opacity: 1; transform: none; } } html body header#top { view-transition-name: cdm-header; } ::view-transition-old(root), ::view-transition-new(root) { animation-duration: 0.28s; animation-timing-function: cubic-bezier(0.2, 0.7, 0.2, 1); } html.cdm-vt-der::view-transition-old(root) { animation-name: cdmVtSaleIzq; } html.cdm-vt-der::view-transition-new(root) { animation-name: cdmVtEntraDer; } html.cdm-vt-izq::view-transition-old(root) { animation-name: cdmVtSaleDer; } html.cdm-vt-izq::view-transition-new(root) { animation-name: cdmVtEntraIzq; } @keyframes cdmVtSaleIzq { to { opacity: 0; transform: translateX(-12px); } } @keyframes cdmVtSaleDer { to { opacity: 0; transform: translateX(12px); } } @keyframes cdmVtEntraDer { from { opacity: 0; transform: translateX(12px); } } @keyframes cdmVtEntraIzq { from { opacity: 0; transform: translateX(-12px); } } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { html.cdm-fila-sale #product_detail { transform: none !important; } ::view-transition-old(root), ::view-transition-new(root) { animation: none !important; } } /* ===== PÁGINA 404: sin franja blanca arriba ni choque con el footer ===== */ html body.cdm-pag-404 header#top { position: relative !important; z-index: 20 !important; background: transparent !important; } html body.cdm-pag-404 #wrapwrap { background: #fbfcfe; } html body.cdm-pag-404 .cdm-404 { position: relative; z-index: 1; margin-bottom: 0 !important; padding-bottom: 130px !important; border-radius: 0 !important; } html body.cdm-pag-404 .cdm-404 .e4-cascanueces { display: none !important; } html body.cdm-pag-404 footer#bottom { position: relative; z-index: 2; } @media (max-width: 991.98px) { html body.cdm-pag-404 .cdm-404 { padding-bottom: 100px !important; } } /* ===== GRACIAS POR TU PEDIDO: celebración ===== */ html body.cdm-pag-gracias #wrap h3:first-of-type, html body.cdm-pag-gracias #order_name { display: none !important; } html body .cdm-gracias { position: relative; overflow: hidden; margin: 10px 0 28px; padding: 70px 28px 46px; border-radius: 32px; text-align: center; color: #ffffff; background: radial-gradient(1.5px 1.5px at 10% 20%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 85% 18%, #fff 50%, transparent 52%), radial-gradient(1.5px 1.5px at 70% 70%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 25% 80%, #fff 50%, transparent 52%), radial-gradient(ellipse 60% 50% at 50% 20%, rgba(232, 201, 119, 0.22), transparent 70%), linear-gradient(180deg, #020d27 0%, #112250 100%); box-shadow: 0 30px 60px -40px rgba(2, 13, 39, 0.7); } html body .cdm-gracias .g-confeti { position: absolute; inset: 0; z-index: 3; pointer-events: none; } /* El regalo que se abre */ html body .cdm-gracias .g-regalo { position: relative; width: 110px; height: 110px; margin: 0 auto 22px; } html body .cdm-gracias .g-caja { position: absolute; left: 12px; right: 12px; bottom: 0; height: 64px; border-radius: 8px; background: linear-gradient(90deg, transparent 42%, #e8c977 42%, #c79a3f 58%, transparent 58%), linear-gradient(160deg, #24479e, #112250); box-shadow: 0 14px 26px -12px rgba(0, 0, 0, 0.6); } html body .cdm-gracias .g-tapa { position: absolute; left: 4px; right: 4px; bottom: 60px; height: 20px; border-radius: 6px; background: linear-gradient(90deg, transparent 42%, #f1d98f 42%, #c79a3f 58%, transparent 58%), linear-gradient(160deg, #2f5fd0, #1d2d6b); transform-origin: 10% 100%; animation: gTapa 1.1s 0.3s cubic-bezier(.3, 1.6, .5, 1) forwards; } html body .cdm-gracias .g-moño { position: absolute; left: 50%; bottom: 78px; width: 34px; height: 18px; margin-left: -17px; border-radius: 50% 50% 0 0; background: radial-gradient(circle at 25% 60%, #f1d98f 0 30%, transparent 32%), radial-gradient(circle at 75% 60%, #f1d98f 0 30%, transparent 32%); animation: gTapa 1.1s 0.3s cubic-bezier(.3, 1.6, .5, 1) forwards; transform-origin: -60% 160%; } html body .cdm-gracias .g-estrella { position: absolute; left: 50%; bottom: 40px; font-style: normal; font-size: 30px; color: #f1d98f; opacity: 0; transform: translate(-50%, 0) scale(0.3); text-shadow: 0 0 18px rgba(241, 217, 143, 0.95); animation: gEstrella 1.2s 0.7s ease-out forwards, gLate 2.4s 1.9s ease-in-out infinite; } @keyframes gTapa { to { transform: translate(-18px, -26px) rotate(-24deg); } } @keyframes gEstrella { to { opacity: 1; transform: translate(-50%, -78px) scale(1.15); } } @keyframes gLate { 0%, 100% { transform: translate(-50%, -78px) scale(1.15); } 50% { transform: translate(-50%, -84px) scale(1.35); } } html body .cdm-gracias .g-k { display: block; font-family: 'Cinzel', serif; font-size: 13px; font-weight: 700; letter-spacing: 5px; text-transform: uppercase; color: #e8c977; } html body .cdm-gracias h1 { margin: 10px 0 6px; font-family: 'Cinzel', serif; font-size: clamp(30px, 4.4vw, 50px); font-weight: 400; letter-spacing: 1px; color: #ffffff; animation: gSube 0.9s 0.2s ease both; } html body .cdm-gracias .g-frase { margin: 0 0 18px; font-family: Georgia, 'Times New Roman', serif; font-style: italic; font-size: 20px; color: #f1d98f; animation: gSube 0.9s 0.4s ease both; } html body .cdm-gracias .g-num { display: inline-flex; align-items: center; gap: 8px; padding: 8px 18px; border-radius: 999px; background: rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25); font-size: 14px; letter-spacing: 1px; color: #dfe5f5; } html body .cdm-gracias .g-num b { font-family: 'Cinzel', serif; font-size: 16px; letter-spacing: 2px; color: #ffffff; } html body .cdm-gracias .g-tx { max-width: 520px; margin: 18px auto 26px; font-size: 15px; line-height: 1.65; color: #c9d3f0; } @keyframes gSube { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } } /* Lo que sigue */ html body .cdm-gracias .g-pasos { display: flex; justify-content: center; gap: 0; max-width: 680px; margin: 0 auto 30px; padding: 0; list-style: none; } html body .cdm-gracias .g-pasos li { position: relative; flex: 1 1 0; display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 13px; color: #c9d3f0; } html body .cdm-gracias .g-pasos li::before { content: ""; position: absolute; top: 17px; left: -50%; width: 100%; height: 2px; background: rgba(255, 255, 255, 0.18); z-index: 0; } html body .cdm-gracias .g-pasos li:first-child::before { display: none; } html body .cdm-gracias .g-pasos li b { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #0b1a45; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.35); font-family: 'Cinzel', serif; font-size: 14px; color: #ffffff; } html body .cdm-gracias .g-pasos li.ok b { background: linear-gradient(135deg, #f1d98f, #c79a3f); box-shadow: 0 0 16px rgba(232, 201, 119, 0.6); color: #112250; } html body .cdm-gracias .g-pasos li.ok span { color: #ffffff; font-weight: 600; } html body .cdm-gracias .g-bt { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; } html body .cdm-gracias .g-bt a { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 28px; border-radius: 999px; font-family: 'Cinzel', serif; font-size: 13px; letter-spacing: 1.5px; text-decoration: none !important; transition: transform 0.25s ease; } html body .cdm-gracias .g-bt .p1 { background: linear-gradient(135deg, #f1d98f, #c79a3f); color: #112250 !important; } html body .cdm-gracias .g-bt .p2 { box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, 0.7); color: #ffffff !important; } html body .cdm-gracias .g-bt a:hover { transform: translateY(-2px); } /* Lo de Odoo (datos de pago y dirección) en tarjetas elegantes */ html body.cdm-pag-gracias #wrap .alert, html body.cdm-pag-gracias #wrap .card, html body .cdm-gracias-demo .d-card { border: 0 !important; border-radius: 22px !important; background: #ffffff !important; box-shadow: 0 20px 44px -34px rgba(2, 13, 39, 0.45), inset 0 0 0 1px rgba(17, 34, 80, 0.06) !important; color: #112250 !important; padding: 22px 24px !important; } html body .cdm-gracias-demo .d-k { display: block; margin-bottom: 10px; font-family: 'Cinzel', serif; font-size: 12px; font-weight: 700; letter-spacing: 4px; text-transform: uppercase; color: #6b7386; } html body .cdm-gracias-demo .d-card p { margin: 0 0 14px; font-size: 15px; line-height: 1.7; } html body .cdm-gracias-demo .d-monto { display: flex; justify-content: space-between; align-items: baseline; padding-top: 12px; border-top: 1px solid #e6e9f0; } html body .cdm-gracias-demo .d-monto b { font-size: 24px; } html body .cdm-gracias-demo .d-nota { margin: 12px 0 0; font-size: 13px; color: #6b7386; text-align: center; } html body.cdm-gracias-prueba .cdm-gracias-demo { max-width: 620px; margin: 0 auto 40px; } @media (prefers-reduced-motion: reduce) { html body .cdm-gracias * { animation: none !important; } html body .cdm-gracias .g-estrella { opacity: 1; transform: translate(-50%, -78px); } html body .cdm-gracias .g-tapa, html body .cdm-gracias .g-moño { transform: translate(-18px, -26px) rotate(-24deg); } } @media (max-width: 991.98px) { html body .cdm-gracias { margin: 6px 0 20px; padding: 50px 16px 34px; border-radius: 24px; } html body .cdm-gracias .g-frase { font-size: 17px; } html body .cdm-gracias .g-pasos li { font-size: 11.5px; } html body .cdm-gracias .g-pasos li b { width: 30px; height: 30px; font-size: 12px; } html body .cdm-gracias .g-pasos li::before { top: 14px; } html body .cdm-gracias .g-bt { flex-direction: column; } html body .cdm-gracias .g-bt a { width: 100%; font-size: 12px; } } /* ===== PÁGINA 404 v2: fondo claro (blanco azulado) para que el menú pastilla no deje franjas ===== */ html body.cdm-pag-404, html body.cdm-pag-404 #wrapwrap { background: #fbfcfe !important; } html body.cdm-pag-404 .cdm-404 { color: #112250 !important; background: radial-gradient(ellipse 55% 45% at 50% 28%, rgba(232, 201, 119, 0.18), transparent 70%), linear-gradient(180deg, #fbfcfe 0%, #f2f5fa 60%, #e9eef6 100%) !important; } html body.cdm-pag-404 .cdm-404 .e4-nieve { background-image: radial-gradient(2.5px 2.5px at 20px 30px, rgba(140, 162, 210, 0.75) 50%, transparent 52%), radial-gradient(2px 2px at 120px 80px, rgba(140, 162, 210, 0.6) 50%, transparent 52%), radial-gradient(3px 3px at 200px 160px, rgba(140, 162, 210, 0.55) 50%, transparent 52%), radial-gradient(2px 2px at 300px 40px, rgba(140, 162, 210, 0.7) 50%, transparent 52%), radial-gradient(2.5px 2.5px at 360px 220px, rgba(140, 162, 210, 0.5) 50%, transparent 52%) !important; opacity: 1 !important; } html body.cdm-pag-404 .cdm-404 .e4-n2 { opacity: 0.6 !important; } html body.cdm-pag-404 .cdm-404 .e4-num { color: #112250 !important; text-shadow: 0 14px 30px rgba(17, 34, 80, 0.18) !important; } html body.cdm-pag-404 .cdm-404 .e4-k { color: #8a6d2f !important; } html body.cdm-pag-404 .cdm-404 h1 { color: #112250 !important; } html body.cdm-pag-404 .cdm-404 p { color: #3a4560 !important; } html body.cdm-pag-404 .cdm-404 .e4-bt .p1 { background: linear-gradient(135deg, #1d2d6b 0%, #112250 60%, #0a1638 100%) !important; color: #ffffff !important; box-shadow: 0 16px 30px -16px rgba(2, 13, 39, 0.6) !important; } html body.cdm-pag-404 .cdm-404 .e4-bt .p2 { box-shadow: inset 0 0 0 1.5px #112250 !important; color: #112250 !important; background: #ffffff; } html body.cdm-pag-404 .cdm-404 .e4-rap span { color: #4b5570 !important; } html body.cdm-pag-404 .cdm-404 .e4-rap a { background: #ffffff !important; color: #112250 !important; box-shadow: inset 0 0 0 1px #dfe4ee; } html body.cdm-pag-404 .cdm-404 .e4-rap a:hover { background: #eef2f9 !important; } html body.cdm-pag-404 .cdm-404 .e4-wa { color: #8a6d2f !important; border-bottom-color: rgba(138, 109, 47, 0.5) !important; } html body.cdm-pag-404 .cdm-404 .e4-hilo { background: linear-gradient(#c79a3f, rgba(199, 154, 63, 0.25)) !important; } /* Celular: todo proporcionado */ @media (max-width: 991.98px) { html body.cdm-pag-404 .cdm-404 { padding-left: 18px !important; padding-right: 18px !important; padding-bottom: 96px !important; } html body.cdm-pag-404 .cdm-404 .e4-num { font-size: clamp(88px, 27vw, 130px) !important; margin: 26px 0 16px !important; gap: 2px !important; } html body.cdm-pag-404 .cdm-404 .e4-k { font-size: 11px !important; letter-spacing: 4px !important; } html body.cdm-pag-404 .cdm-404 h1 { font-size: 26px !important; line-height: 1.25 !important; } html body.cdm-pag-404 .cdm-404 p { font-size: 15px !important; line-height: 1.6 !important; margin-bottom: 22px !important; } html body.cdm-pag-404 .cdm-404 .e4-bt a { min-height: 50px !important; } html body.cdm-pag-404 .cdm-404 .e4-rap { gap: 8px !important; margin-top: 22px !important; } html body.cdm-pag-404 .cdm-404 .e4-rap a { padding: 8px 14px !important; font-size: 13px !important; } html body.cdm-pag-404 .cdm-404 .e4-wa { display: block !important; max-width: 290px; margin: 22px auto 0 !important; font-size: 13px !important; line-height: 1.5; border-bottom: 0 !important; text-decoration: underline !important; text-underline-offset: 3px; } } /* ===== GRACIAS v2: caja de regalo realista, dorados sin amarillo y botón legible ===== */ html body .cdm-gracias .g-regalo { width: 150px !important; height: 165px !important; margin: 0 auto 18px !important; } html body .cdm-gracias .g-regalo > i { display: none !important; } html body .cdm-gracias .g-svg { width: 100%; height: 100%; overflow: visible; filter: drop-shadow(0 18px 22px rgba(0, 0, 0, 0.35)); } html body .cdm-gracias .g-svg .g-tapa { transform-box: fill-box; transform-origin: 0% 100%; animation: gAbre 1.2s 0.4s cubic-bezier(.25, 1.4, .45, 1) forwards; } html body .cdm-gracias .g-svg .g-estrella { transform-box: fill-box; transform-origin: 50% 50%; opacity: 0; transform: translateY(40px) scale(0.4); filter: drop-shadow(0 0 8px rgba(226, 203, 147, 0.9)); animation: gSale 1.1s 0.9s ease-out forwards, gBrilla 2.6s 2.1s ease-in-out infinite; } @keyframes gAbre { to { transform: translate(-8px, -30px) rotate(-16deg); } } @keyframes gSale { to { opacity: 1; transform: translateY(-6px) scale(1); } } @keyframes gBrilla { 0%, 100% { transform: translateY(-6px) scale(1) rotate(0deg); } 50% { transform: translateY(-10px) scale(1.12) rotate(8deg); } } /* Dorados sobrios (nunca amarillos) */ html body .cdm-gracias .g-k { color: #d4b67a !important; } html body .cdm-gracias .g-frase { color: #e2cb93 !important; } html body .cdm-gracias { background: radial-gradient(1.5px 1.5px at 10% 20%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 85% 18%, #fff 50%, transparent 52%), radial-gradient(1.5px 1.5px at 70% 70%, #fff 50%, transparent 52%), radial-gradient(1px 1px at 25% 80%, #fff 50%, transparent 52%), radial-gradient(ellipse 60% 50% at 50% 18%, rgba(184, 145, 63, 0.18), transparent 70%), linear-gradient(180deg, #020d27 0%, #112250 100%) !important; } html body .cdm-gracias .g-pasos li.ok b { background: linear-gradient(135deg, #e2cb93 0%, #b8913f 55%, #8a6d2f 100%) !important; box-shadow: 0 0 14px rgba(184, 145, 63, 0.55) !important; color: #0a1638 !important; } /* Botón dorado con el texto bien visible */ html body .cdm-gracias .g-bt a.p1 { background: linear-gradient(135deg, #e2cb93 0%, #c9a24f 45%, #a8833a 100%) !important; color: #0a1638 !important; font-weight: 700 !important; letter-spacing: 1.5px !important; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35); box-shadow: 0 14px 28px -14px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important; } html body .cdm-gracias .g-bt a.p1:hover { color: #0a1638 !important; filter: brightness(1.05); } @media (prefers-reduced-motion: reduce) { html body .cdm-gracias .g-svg .g-tapa { animation: none; transform: translate(-8px, -30px) rotate(-16deg); } html body .cdm-gracias .g-svg .g-estrella { animation: none; opacity: 1; transform: translateY(-6px); } } @media (max-width: 991.98px) { html body .cdm-gracias .g-regalo { width: 128px !important; height: 140px !important; } } /* ===== FICHA (celular): flechas anterior/siguiente al centro, sin conteo ===== */ @media (max-width: 991.98px) { html body #product_detail .cdm-fila { justify-content: center; gap: 16px; margin: 6px auto 2px; } html body #product_detail .cdm-fila-b { flex: 0 0 38px; width: 38px; height: 38px; } html body #product_detail .cdm-fila-sep { display: block; width: 22px; height: 1px; background: rgba(199, 154, 63, 0.6); } } /* ===== COLECCIONES 2026 · CELULAR: portada completa (se ve toda la imagen), título y textos sobre el azul, sin franja blanca bajo el menú ===== */ @media (max-width: 991.98px) { html body.cdm-prev header#top, html body.cdm-col-portada header#top { position: relative; z-index: 1030; } html body.cdm-prev .cdm-prev-hero { position: relative; z-index: 0; margin-top: -28px !important; min-height: 0 !important; height: auto !important; aspect-ratio: auto !important; justify-content: flex-start !important; align-items: center; text-align: center; padding: calc(28px + 37.19vw + 16px) 20px 28px !important; background: linear-gradient(to bottom, rgba(2, 13, 39, 0) calc(28px + 37.19vw - 46px), #020d27 calc(28px + 37.19vw)), url("/web/image/22618-c1780c86/portada-colecciones-2026.jpg") center 28px / 100% auto no-repeat, linear-gradient(#0b1f50, #0b1f50) top / 100% 30px no-repeat, #020d27 !important; border-radius: 0 0 28px 28px; } html body.cdm-prev .cdm-prev-hero .ph-k { font-size: 11px !important; letter-spacing: 0.42em !important; padding-left: 0.42em !important; margin: 0 0 12px !important; opacity: 0.85; } html body.cdm-prev .cdm-prev-hero .ph-logo { margin: 0 !important; width: min(250px, 66vw) !important; } html body.cdm-prev .cdm-prev-hero .ph-logo svg, html body.cdm-prev .cdm-prev-hero .ph-logo img { max-height: 96px !important; } html body.cdm-prev .cdm-prev-hero .ph-ln { margin-top: 12px !important; } html body.cdm-prev .cdm-prev-hero .ph-ln i { width: 48px !important; background: rgba(232, 201, 119, 0.45) !important; } html body.cdm-prev .cdm-prev-hero .ph-pronto { margin-top: 12px !important; padding: 7px 18px !important; border-radius: 999px; background: rgba(255, 255, 255, 0.06) !important; border: 1px solid rgba(232, 201, 119, 0.55); color: #fbfcfe !important; font-family: Raleway, sans-serif; font-size: 12.5px !important; font-weight: 500; letter-spacing: 0.3px !important; -webkit-backdrop-filter: none; backdrop-filter: none; } } /* ===== TIENDA: botón "+ Añadir" de las tarjetas, redondo y delgado ===== */ html body #wrapwrap #wrap #products_grid .oe_product .o_wsale_product_btn_primary.btn.btn-primary { border-radius: 999px !important; height: 30px !important; min-height: 30px; padding: 0 16px !important; display: inline-flex !important; align-items: center; justify-content: center; border: 0 !important; box-shadow: 0 6px 14px -10px rgba(2, 13, 39, 0.6); } html body #products_grid .oe_product .o_wsale_product_btn_primary::after { font-family: Raleway, sans-serif !important; font-size: 12.5px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; text-transform: none !important; line-height: 1 !important; } /* ===== FONDOS DE PRODUCTO: tonos suaves para piezas recortadas; fotos con escenario sin fondo ===== */ html body .cdm-fondo-recorte img { mix-blend-mode: multiply !important; } html body .cdm-fondo-foto img { mix-blend-mode: normal !important; } html body .cdm-fondo-1 { background: linear-gradient(165deg, #f6f8fb 0%, #e7ecf4 100%) !important; } html body .cdm-fondo-2 { background: linear-gradient(165deg, #ffffff 0%, #f2f4f8 100%) !important; } html body .cdm-fondo-3 { background: linear-gradient(165deg, #f5f5f4 0%, #e8e9eb 100%) !important; } html body .cdm-fondo-4 { background: linear-gradient(165deg, #eff3f9 0%, #dde5f0 100%) !important; } html body .cdm-fondo-foto { background: transparent !important; } html body #product_detail .o_product_detail_img_wrapper.cdm-fondo-recorte { border-radius: 22px; } /* ===== TIENDA: tarjetas de producto que lucen — recortes con aire sobre tono suave, fotos con escenario a sangre ===== */ html body #wrapwrap #wrap #products_grid .oe_product .oe_product_image { overflow: hidden; border-radius: 16px; } html body #wrapwrap #wrap #products_grid .oe_product .oe_product_image > a, html body #wrapwrap #wrap #products_grid .oe_product .oe_product_image .oe_product_image_link { padding: 0 !important; display: block; width: 100%; height: 100%; } html body #wrapwrap #wrap #products_grid .oe_product .oe_product_image img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; box-sizing: border-box; transition: transform 0.5s ease; } html body #wrapwrap #wrap #products_grid .oe_product .oe_product_image img, html body #wrapwrap #wrap #products_grid .oe_product:hover .oe_product_image img { transform: none !important; } @media (hover: hover) { html body #wrapwrap #wrap #products_grid .oe_product:hover .oe_product_image img { transform: scale(1.03) !important; } } html body #wrapwrap #wrap #products_grid .oe_product .oe_product_image .oe_product_image_img_wrapper, html body #wrapwrap #wrap #products_grid .oe_product .oe_product_image > a { background: transparent !important; } html body #wrapwrap #wrap #products_grid .oe_product .oe_product_image.cdm-fondo-foto { background: transparent !important; } html body #wrapwrap #wrap #products_grid .oe_product .oe_product_image.cdm-fondo-foto img { object-fit: cover !important; padding: 0 !important; mix-blend-mode: normal !important; } html body #wrapwrap #wrap #products_grid .oe_product .oe_product_image.cdm-fondo-recorte img { object-fit: contain !important; padding: 13% !important; mix-blend-mode: multiply !important; } html body #wrapwrap #wrap #products_grid .oe_product .oe_product_image.cdm-fondo-1 { background: linear-gradient(165deg, #f6f8fb 0%, #e7ecf4 100%) !important; } html body #wrapwrap #wrap #products_grid .oe_product .oe_product_image.cdm-fondo-2 { background: linear-gradient(165deg, #ffffff 0%, #f2f4f8 100%) !important; } html body #wrapwrap #wrap #products_grid .oe_product .oe_product_image.cdm-fondo-3 { background: linear-gradient(165deg, #f5f5f4 0%, #e8e9eb 100%) !important; } html body #wrapwrap #wrap #products_grid .oe_product .oe_product_image.cdm-fondo-4 { background: linear-gradient(165deg, #eff3f9 0%, #dde5f0 100%) !important; } /* ===== TIENDA COMPU: subcategorías en cajas iguales (inicial dorada, sin fotos) y sin el contador de páginas ===== */ html body .cdm-conteo { display: none !important; } html body #wrap .o_wsale_filmstrip_wrapper { scrollbar-width: none; -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 48px), transparent 100%); mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 48px), transparent 100%); padding: 6px 48px 10px 2px !important; } html body #wrap .o_wsale_filmstrip_wrapper::-webkit-scrollbar { display: none; } html body #wrap .o_wsale_filmstrip { gap: 12px !important; } html body #wrap .o_wsale_filmstrip > li { flex: 0 0 auto !important; opacity: 0; transform: translateY(8px); animation: cdmFsEntra 0.45s ease forwards; } html body #wrap .o_wsale_filmstrip > li:nth-child(2) { animation-delay: 0.05s; } html body #wrap .o_wsale_filmstrip > li:nth-child(3) { animation-delay: 0.1s; } html body #wrap .o_wsale_filmstrip > li:nth-child(4) { animation-delay: 0.15s; } html body #wrap .o_wsale_filmstrip > li:nth-child(5) { animation-delay: 0.2s; } html body #wrap .o_wsale_filmstrip > li:nth-child(n+6) { animation-delay: 0.25s; } @keyframes cdmFsEntra { to { opacity: 1; transform: none; } } html body #wrap .o_wsale_filmstrip > li.cdm-fs-vacio { display: none !important; } html body #wrap .o_wsale_filmstrip .o_wsale_filmstrip_link { display: flex !important; align-items: center; gap: 12px; height: 60px; padding: 6px 22px 6px 6px !important; border-radius: 999px !important; background: #ffffff !important; border: 1px solid rgba(17, 34, 80, 0.1) !important; box-shadow: 0 10px 24px -18px rgba(2, 13, 39, 0.45); color: #112250 !important; opacity: 1 !important; font-family: Raleway, sans-serif !important; font-size: 15px !important; font-weight: 600 !important; letter-spacing: 0.2px !important; text-transform: none !important; white-space: nowrap; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; } html body #wrap .o_wsale_filmstrip .o_wsale_filmstrip_link:hover { transform: translateY(-3px); border-color: rgba(199, 154, 63, 0.55) !important; box-shadow: 0 16px 30px -18px rgba(2, 13, 39, 0.5); } html body #wrap .o_wsale_filmstrip .cdm-fs-img { flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%; background-color: #eef1f6; background-size: 74%; background-position: center; background-repeat: no-repeat; box-shadow: inset 0 0 0 1px rgba(17, 34, 80, 0.06); transition: transform 0.3s ease; } html body #wrap .o_wsale_filmstrip .cdm-fs-img.es-foto { background-size: cover; } html body #wrap .o_wsale_filmstrip .o_wsale_filmstrip_link:hover .cdm-fs-img { transform: rotate(-6deg) scale(1.06); } html body #wrap .o_wsale_filmstrip .cdm-fs-txt { display: flex; flex-direction: column; line-height: 1.15; } html body #wrap .o_wsale_filmstrip .cdm-fs-txt small { font-size: 11.5px; font-weight: 500; color: #8a93a6; letter-spacing: 0.2px; } html body #wrap .o_wsale_filmstrip > li.active .o_wsale_filmstrip_link, html body #wrap .o_wsale_filmstrip .o_wsale_filmstrip_link.active { background: #112250 !important; color: #fbfcfe !important; border-color: #112250 !important; } html body #wrap .o_wsale_filmstrip > li.active .cdm-fs-txt small, html body #wrap .o_wsale_filmstrip .o_wsale_filmstrip_link.active .cdm-fs-txt small { color: #e8c977; } @media (prefers-reduced-motion: reduce) { html body #wrap .o_wsale_filmstrip > li { animation: none; opacity: 1; transform: none; } } /* Subcategorías: todas del mismo tamaño y sin fotos de producto */ html body #wrap .o_wsale_filmstrip .o_wsale_filmstrip_link { width: 200px !important; justify-content: flex-start; } html body #wrap .o_wsale_filmstrip .cdm-fs-txt { min-width: 0; } html body #wrap .o_wsale_filmstrip .cdm-fs-txt > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html body #wrap .o_wsale_filmstrip .cdm-fs-img { background: linear-gradient(160deg, #112250 0%, #020d27 100%) !important; display: flex; align-items: center; justify-content: center; font-family: 'Cinzel', serif; font-size: 19px; font-weight: 400; color: #e8c977; box-shadow: inset 0 0 0 1px rgba(232, 201, 119, 0.4); } html body #wrap .o_wsale_filmstrip > li.active .cdm-fs-img, html body #wrap .o_wsale_filmstrip .o_wsale_filmstrip_link.active .cdm-fs-img { background: #fbfcfe !important; color: #112250; } /* Subcategorías: se pueden arrastrar con el mouse (compu) y misma tira en celular */ html body #wrap .o_wsale_filmstrip_wrapper { cursor: grab; scroll-snap-type: x proximity; overscroll-behavior-x: contain; } html body #wrap .o_wsale_filmstrip_wrapper.cdm-fs-arrastra { cursor: grabbing; scroll-snap-type: none; } html body #wrap .o_wsale_filmstrip_wrapper.cdm-fs-arrastra a { pointer-events: none; } html body #wrap .o_wsale_filmstrip > li { scroll-snap-align: start; } @media (max-width: 991.98px) { html body.cdm-fs-on:not(.cdm-col-portada) #wrap.o_wsale_products_page #o_wsale_categories_filmstrip { display: block !important; margin: 4px -12px 6px; } html body.cdm-fs-on:not(.cdm-col-portada) #wrap.o_wsale_products_page #products_grid_before { display: none !important; } html body #wrap .o_wsale_filmstrip_wrapper { padding: 4px 40px 8px 12px !important; -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 36px), transparent 100%); mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 36px), transparent 100%); } html body #wrap .o_wsale_filmstrip { gap: 10px !important; } html body #wrap .o_wsale_filmstrip .o_wsale_filmstrip_link { width: 172px !important; height: 56px; padding: 5px 16px 5px 5px !important; gap: 10px; font-size: 14px !important; } html body #wrap .o_wsale_filmstrip .cdm-fs-img { flex-basis: 44px; width: 44px; height: 44px; font-size: 17px; } html body #wrap .o_wsale_filmstrip .cdm-fs-txt small { font-size: 11px; } } /* Subcategorías: flechas a los lados y aviso para que se entienda que se desliza */ html body #wrap .cdm-fs-caja { position: relative; } html body #wrap .cdm-fs-flecha { position: absolute; top: 50%; z-index: 3; width: 44px; height: 44px; margin-top: -26px; border-radius: 50%; border: 1px solid rgba(199, 154, 63, 0.55); background: #112250; color: #fbfcfe; display: flex; align-items: center; justify-content: center; padding: 0; box-shadow: 0 10px 22px -10px rgba(2, 13, 39, 0.6); transition: opacity 0.2s ease, transform 0.2s ease; cursor: pointer; } html body #wrap .cdm-fs-flecha:hover { transform: scale(1.06); } html body #wrap .cdm-fs-flecha.izq { left: -6px; } html body #wrap .cdm-fs-flecha.der { right: -6px; } html body #wrap .cdm-fs-flecha.oculta { opacity: 0; pointer-events: none; } html body #wrap .cdm-fs-caja:not(.cdm-fs-hay-mas) .cdm-fs-flecha { display: none; } html body #wrap .cdm-fs-aviso { display: flex; justify-content: flex-end; margin: 0 4px 2px; font-family: Raleway, sans-serif; font-size: 12.5px; color: #5b6478; transition: opacity 0.3s ease; } html body #wrap .cdm-fs-aviso span::after { content: " →"; display: inline-block; color: #c79a3f; animation: cdmFsPista 1.4s ease-in-out infinite; } html body #wrap .cdm-fs-aviso.visto { opacity: 0.55; } @keyframes cdmFsPista { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(5px); } } @media (max-width: 991.98px) { html body #wrap .cdm-fs-flecha { width: 40px; height: 40px; margin-top: -24px; } html body #wrap .cdm-fs-flecha.izq { left: 4px; } html body #wrap .cdm-fs-flecha.der { right: 4px; } html body #wrap .cdm-fs-aviso { justify-content: center; margin: 2px 0 0; font-size: 12px; } } @media (prefers-reduced-motion: reduce) { html body #wrap .cdm-fs-aviso span::after { animation: none; } } /* Subcategorías en celular: la tira va debajo de la portada, justo arriba de buscar / ordenar / filtros */ @media (max-width: 991.98px) { html body #wrap.o_wsale_products_page .cdm-fs-aviso, html body #wrap.o_wsale_products_page #o_wsale_categories_filmstrip { order: 3 !important; } html body #wrap.o_wsale_products_page .cdm-fs-aviso { margin-top: 14px !important; } } /* Subcategorías: flechas chicas junto al aviso (ya no tapan las cajas) */ html body #wrap .cdm-fs-aviso { display: flex; align-items: center; justify-content: space-between !important; gap: 12px; margin: 10px 4px 6px !important; } html body #wrap .cdm-fs-aviso .cdm-fs-aviso-t { font-size: 12.5px; color: #5b6478; } html body #wrap .cdm-fs-aviso span.cdm-fs-flechas::after, html body #wrap .cdm-fs-aviso span:not(.cdm-fs-aviso-t)::after { content: none !important; } html body #wrap .cdm-fs-aviso .cdm-fs-aviso-t::after { content: " →"; display: inline-block; color: #c79a3f; animation: cdmFsPista 1.4s ease-in-out infinite; } html body #wrap .cdm-fs-flechas { display: flex; gap: 8px; } html body #wrap .cdm-fs-aviso .cdm-fs-flecha { position: static !important; margin: 0 !important; width: 36px !important; height: 36px !important; border-radius: 50%; background: #ffffff !important; color: #112250 !important; border: 1px solid rgba(17, 34, 80, 0.15) !important; box-shadow: 0 6px 14px -10px rgba(2, 13, 39, 0.5) !important; display: inline-flex !important; transform: none; } html body #wrap .cdm-fs-aviso .cdm-fs-flecha:active { transform: scale(0.92); background: #f2f5fa !important; } html body #wrap .cdm-fs-aviso .cdm-fs-flecha.oculta { opacity: 0.35 !important; pointer-events: none; } html body #wrap .cdm-fs-aviso .cdm-fs-flecha svg { width: 15px; height: 15px; } @media (max-width: 991.98px) { html body #wrap .cdm-fs-aviso { margin: 14px 16px 6px !important; align-self: stretch !important; width: calc(100% - 32px) !important; box-sizing: border-box; } } /* Subcategorías: solo el aviso animado, centrado y debajo de la tira (sin flechas) */ html body #wrap .cdm-fs-flecha, html body #wrap .cdm-fs-flechas { display: none !important; } html body #wrap .cdm-fs-aviso { justify-content: center !important; margin: 4px 4px 12px !important; } @media (max-width: 991.98px) { html body #wrap .cdm-fs-aviso { margin: 2px 16px 12px !important; } } /* Subcategorías: sombras completas (sin recorte) y aviso editorial centrado entre la tira y la barra */ html body #wrap #o_wsale_categories_filmstrip { overflow: visible !important; } html body #wrap #o_wsale_categories_filmstrip { max-width: 100%; min-width: 0; } html body #wrap #o_wsale_categories_filmstrip > .o_wsale_filmstrip_wrapper { flex: 1 1 auto; min-width: 0 !important; width: 100% !important; max-width: 100% !important; } html body #wrap .o_wsale_filmstrip_wrapper { padding-top: 10px !important; padding-bottom: 26px !important; margin-bottom: -14px !important; } html body #wrap .cdm-fs-aviso { margin: 14px auto 18px !important; gap: 10px; } html body #wrap .cdm-fs-aviso .cdm-fs-aviso-t { display: inline-flex; align-items: center; gap: 10px; font-family: 'Cinzel', Georgia, serif; font-size: 12.5px; letter-spacing: 1.5px; color: #8a6d2f; } html body #wrap .cdm-fs-aviso .cdm-fs-aviso-t::before { content: ""; display: inline-block; width: 26px; height: 1px; background: linear-gradient(90deg, rgba(184, 145, 63, 0), rgba(184, 145, 63, 0.7)); } html body #wrap .cdm-fs-aviso .cdm-fs-aviso-t::after { content: "" !important; display: inline-block; width: 26px; height: 9px; background: no-repeat center / 26px 9px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 9'%3E%3Cpath d='M0 4.5h23M19.5 1l3.5 3.5L19.5 8' fill='none' stroke='%23B8913F' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); animation: cdmFsPista 1.4s ease-in-out infinite; } @media (max-width: 991.98px) { html body #wrap .cdm-fs-aviso { margin: 6px 16px 24px !important; width: calc(100% - 32px) !important; } } /* Tienda celular: barra de buscar / ordenar / filtros en pastilla redonda (sin el cuadro blanco) */ @media (max-width: 991.98px) { html body #wrap.o_wsale_products_page .products_header { background: rgba(255, 255, 255, 0.86) !important; -webkit-backdrop-filter: saturate(1.4) blur(10px); backdrop-filter: saturate(1.4) blur(10px); border-radius: 999px !important; padding: 7px !important; margin: 0 auto 10px !important; width: calc(100% - 24px) !important; box-sizing: border-box; border: 1px solid rgba(17, 34, 80, 0.08); box-shadow: 0 14px 30px -22px rgba(2, 13, 39, 0.55); top: 8px !important; } html body #wrap.o_wsale_products_page .products_header > a.btn { width: 44px; height: 44px; padding: 0 !important; display: inline-flex !important; align-items: center; justify-content: center; border-radius: 50% !important; } html body #wrap.o_wsale_products_page .products_header .o_sortby_dropdown .btn, html body #wrap.o_wsale_products_page .products_header > button.btn { height: 44px; border-radius: 999px !important; } } /* Colecciones (celular): tarjetas de confianza compactas, en renglón y fáciles de leer */ @media (max-width: 991.98px) { html body .cdm-pino-confianza { display: flex !important; flex-direction: column !important; gap: 10px !important; height: auto !important; padding: 0 12px !important; } html body .cdm-pino-confianza a.c-it { display: grid !important; grid-template-columns: 46px minmax(0, 1fr) auto; grid-template-rows: auto auto; column-gap: 14px; row-gap: 2px; align-items: center; text-align: left !important; height: auto !important; min-height: 0 !important; padding: 14px 16px !important; border-radius: 18px !important; text-transform: none !important; letter-spacing: 0 !important; } html body .cdm-pino-confianza a.c-it .c-ic { grid-row: 1 / 3; grid-column: 1; width: 46px !important; height: 46px !important; margin: 0 !important; } html body .cdm-pino-confianza a.c-it .c-ic svg { width: 20px !important; height: 20px !important; } html body .cdm-pino-confianza a.c-it b { grid-column: 2; margin: 0 !important; font-family: Raleway, sans-serif !important; font-size: 14.5px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.25; color: #112250; } html body .cdm-pino-confianza a.c-it p { grid-column: 2; margin: 0 !important; font-family: Raleway, sans-serif !important; font-size: 12.5px !important; line-height: 1.45 !important; text-transform: none !important; letter-spacing: 0 !important; color: #5b6478; } html body .cdm-pino-confianza a.c-it p br { display: none; } html body .cdm-pino-confianza a.c-it .c-cta { grid-row: 1 / 3; grid-column: 3; margin: 0 !important; font-size: 0 !important; width: 32px; height: 32px; border-radius: 50%; border: 1px solid rgba(199, 154, 63, 0.55) !important; display: inline-flex !important; align-items: center; justify-content: center; padding: 0 !important; } html body .cdm-pino-confianza a.c-it .c-cta::before { content: "→"; font-size: 15px; color: #a17a2c; } html body .cdm-pino-confianza a.c-it .c-cta::after { content: none !important; display: none !important; } } /* Colecciones (celular): "Colecciones 2026" y el logo sobre la foto, en el azul libre entre cascanueces y cortina; línea y "Muy pronto" abajo */ @media (max-width: 991.98px) { html body.cdm-prev .cdm-prev-hero { padding-top: calc(28px + 37.19vw + 14px) !important; } html body.cdm-prev .cdm-prev-hero .ph-k { position: absolute !important; z-index: 2; left: 60%; top: calc(28px + 37.19vw * 0.16); transform: translateX(-50%); margin: 0 !important; white-space: nowrap; font-size: 9.5px !important; letter-spacing: 0.32em !important; padding-left: 0.32em !important; text-shadow: 0 2px 10px rgba(2, 13, 39, 0.9); } html body.cdm-prev .cdm-prev-hero .ph-logo { position: absolute !important; z-index: 2; left: 60%; top: calc(28px + 37.19vw * 0.29); transform: translateX(-50%); width: 41vw !important; margin: 0 !important; filter: drop-shadow(0 4px 14px rgba(2, 13, 39, 0.75)); } html body.cdm-prev .cdm-prev-hero .ph-logo svg, html body.cdm-prev .cdm-prev-hero .ph-logo img { max-height: 16vw !important; } html body.cdm-prev .cdm-prev-hero .ph-ln { margin-top: 0 !important; } } /* Colecciones 2026: ya están en tienda — sin "Muy pronto en tienda"; en celular la portada termina donde termina la imagen; el cierre del showroom antes de "Descubre otras colecciones" */ html body.cdm-prev .cdm-prev-hero .ph-pronto { display: none !important; } html body .cdm-col-fin.cdm-fin-movido { margin: 40px auto 48px !important; } @media (max-width: 991.98px) { html body.cdm-prev .cdm-prev-hero .ph-ln { display: none !important; } html body.cdm-prev .cdm-prev-hero { padding: calc(28px + 37.19vw) 0 0 !important; min-height: 0 !important; } html body .cdm-col-fin.cdm-fin-movido { margin: 28px auto 36px !important; } } /* Colecciones (compu): logo más chico y recorrido a la derecha, en el azul libre entre cascanueces y cortina */ @media (min-width: 992px) { html body.cdm-prev .cdm-prev-hero .ph-k, html body.cdm-prev .cdm-prev-hero .ph-logo, html body.cdm-prev .cdm-prev-hero .ph-ln { position: relative; left: 10%; } html body.cdm-prev .cdm-prev-hero .ph-logo { width: clamp(220px, 19vw, 330px) !important; } html body.cdm-prev .cdm-prev-hero .ph-logo svg, html body.cdm-prev .cdm-prev-hero .ph-logo img { max-height: clamp(76px, 6.6vw, 115px) !important; } } /* Colecciones: "Ven a conocerlas" y "Explora toda la tienda" como tarjetas redondeadas que flotan (con margen y sombra) */ html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta, html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tienda { border-radius: 28px !important; box-shadow: 0 30px 60px -30px rgba(2, 13, 39, 0.55), 0 10px 22px -14px rgba(2, 13, 39, 0.25) !important; transition: transform 0.3s ease, box-shadow 0.3s ease; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tienda { background: #ffffff !important; border: 1px solid rgba(17, 34, 80, 0.06); } @media (hover: hover) { html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta:hover, html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tienda:hover { transform: translateY(-4px); } } @media (max-width: 991.98px) { html body .cdm-col-fin.cdm-fin-movido { padding: 0 16px !important; gap: 22px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta, html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tienda { border-radius: 26px !important; margin: 0 !important; } } /* Colecciones: sin botones repetidos — 1 WhatsApp ("Quiero este pino"), 1 "Cómo llegar" (en Ven a conocerlas) y solo la tarjeta de pagos */ html body .cdm-pino .cdm-pino-bt a.p2 { display: none !important; } html body .cdm-pino-confianza a.c-it:not([href*="/shop/cart"]) { display: none !important; } html body .cdm-pino-confianza { grid-template-columns: minmax(0, 420px) !important; justify-content: center !important; } html body .cdm-col-fin.cdm-fin-movido a.wa { display: none !important; } /* Colecciones (compu): "Ven a conocerlas" + "Explora toda la tienda" acomodadas al centro, con aire a los lados y la misma altura */ @media (min-width: 992px) { html body .cdm-col-fin.cdm-fin-movido { width: min(1120px, calc(100% - 96px)) !important; max-width: 1120px !important; margin: 24px auto 56px !important; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) !important; gap: 28px !important; align-items: stretch !important; padding: 0 !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta { padding: 40px 36px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tienda { padding: 40px 36px !important; display: flex !important; flex-direction: column; align-items: center; justify-content: center; text-align: center; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tienda h2, html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tienda h3 { font-size: clamp(24px, 2.2vw, 32px) !important; } } html body .cdm-col-fin.cdm-fin-movido .chips { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 8px !important; } html body .cdm-col-fin.cdm-fin-movido .chips a { background: #f2f5fa !important; border: 1px solid rgba(17, 34, 80, 0.08) !important; border-radius: 999px !important; padding: 9px 16px !important; font-size: 13.5px !important; color: #112250 !important; text-decoration: none !important; transition: background 0.2s ease, border-color 0.2s ease; } html body .cdm-col-fin.cdm-fin-movido .chips a:hover { background: #ffffff !important; border-color: rgba(199, 154, 63, 0.55) !important; } /* Menú celular: apertura fluida (panel suave, contenido que aparece escalonado y fotos que se funden al cargar) */ @media (max-width: 991.98px) { html body #top_menu_collapse_mobile.offcanvas { transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.35s ease, visibility 0.45s !important; will-change: transform; } html body .offcanvas-backdrop.show { opacity: 1 !important; background: rgba(2, 13, 39, 0.45) !important; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); transition: opacity 0.35s ease; } html body #top_menu_collapse_mobile .offcanvas-body > *, html body #top_menu_collapse_mobile .offcanvas-header > * { opacity: 0; transform: translateY(12px); transition: opacity 0.45s ease, transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); } html body #top_menu_collapse_mobile.cdm-menu-abre .offcanvas-body > *, html body #top_menu_collapse_mobile.cdm-menu-abre .offcanvas-header > * { opacity: 1; transform: none; } html body #top_menu_collapse_mobile.cdm-menu-abre .offcanvas-header > * { transition-delay: 0.08s; } html body #top_menu_collapse_mobile.cdm-menu-abre .offcanvas-body > *:nth-child(1) { transition-delay: 0.14s; } html body #top_menu_collapse_mobile.cdm-menu-abre .offcanvas-body > *:nth-child(2) { transition-delay: 0.2s; } html body #top_menu_collapse_mobile.cdm-menu-abre .offcanvas-body > *:nth-child(3) { transition-delay: 0.26s; } html body #top_menu_collapse_mobile.cdm-menu-abre .offcanvas-body > *:nth-child(n+4) { transition-delay: 0.32s; } html body header#top img:not(.cdm-img-lista) { opacity: 0; } html body header#top img { transition: opacity 0.45s ease; } html body header#top img.cdm-img-lista { opacity: 1; } html body header#top a.navbar-brand img, html body header#top .o_header_brand img, html body header#top img[src*="/website/1/logo"] { opacity: 1 !important; } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { html body #top_menu_collapse_mobile .offcanvas-body > *, html body #top_menu_collapse_mobile .offcanvas-header > * { transform: none !important; transition: opacity 0.2s ease !important; } } /* Menú celular: seguro para que el contenido siempre quede visible aunque la animación no corra */ @media (max-width: 991.98px) { html body #top_menu_collapse_mobile.cdm-menu-fijo .offcanvas-body > *, html body #top_menu_collapse_mobile.cdm-menu-fijo .offcanvas-header > * { opacity: 1 !important; transform: none !important; transition: none !important; } } /* Colecciones vacías en tienda: sin el hueco grande entre el aviso y "Ven a conocerlas" */ html body.cdm-col-vacia .cdm-col-pronto { margin-bottom: 0 !important; } html body.cdm-col-vacia #o_wsale_products_header { padding-top: 0 !important; padding-bottom: 0 !important; } html body.cdm-col-portada #wrap.o_wsale_products_page:has(~ .cdm-fin-movido) { padding-bottom: 0 !important; } html body.cdm-col-portada .cdm-col-fin.cdm-fin-movido { margin-top: 36px !important; } /* Colecciones en tienda (celular): la portada va primero, luego el aviso; sin las pastillas viejas (abajo está el carrusel) */ @media (max-width: 991.98px) { html body.cdm-col-portada .cdm-col-pronto { order: 2 !important; margin: 16px 12px 0 !important; } html body.cdm-col-portada #wrap.o_wsale_products_page #products_grid_before { display: none !important; } } @media (min-width: 992px) { html body.cdm-col-portada .cdm-col-fin.cdm-fin-movido { margin-top: 8px !important; } } /* Colecciones en tienda (compu): títulos más chicos y recorridos a la derecha, igual que en la vista previa */ @media (min-width: 992px) { html body.cdm-col-portada .cdm-th .cdm-th-sup, html body.cdm-col-portada .cdm-th .cdm-th-nom, html body.cdm-col-portada .cdm-th .cdm-th-ln { position: relative; left: 10%; } html body.cdm-col-portada .cdm-th .cdm-th-nom.cdm-con-logo, html body.cdm-col-portada .cdm-th .cdm-logo-col, html body.cdm-col-portada .cdm-th .cdm-logo-col svg { width: clamp(220px, 19vw, 330px) !important; height: auto !important; } html body.cdm-col-portada .cdm-th .cdm-th-sup { font-size: clamp(13px, 1.05vw, 17px) !important; } } /* Colecciones (compu): "Colecciones 2026", logo y línea juntos como un solo bloque, centrado en el alto del azul y recorrido a la derecha */ @media (min-width: 992px) { html body.cdm-col-portada .cdm-th { justify-content: center !important; gap: 0 !important; } html body.cdm-col-portada .cdm-th .cdm-th-nom { margin-top: 18px !important; } html body.cdm-col-portada .cdm-th .cdm-th-ln { margin-top: 16px !important; } html body.cdm-prev .cdm-prev-hero { justify-content: center !important; } html body.cdm-prev .cdm-prev-hero .ph-logo { margin-top: 18px !important; } html body.cdm-prev .cdm-prev-hero .ph-ln { margin-top: 16px !important; } } /* Colecciones (compu): logo un poco más grande */ @media (min-width: 992px) { html body.cdm-col-portada .cdm-th .cdm-th-nom.cdm-con-logo, html body.cdm-col-portada .cdm-th .cdm-logo-col, html body.cdm-col-portada .cdm-th .cdm-logo-col svg { width: clamp(260px, 22.5vw, 395px) !important; } html body.cdm-prev .cdm-prev-hero .ph-logo { width: clamp(260px, 22.5vw, 395px) !important; } html body.cdm-prev .cdm-prev-hero .ph-logo svg, html body.cdm-prev .cdm-prev-hero .ph-logo img { max-height: clamp(90px, 7.8vw, 138px) !important; } } /* Colecciones: cierre en una sola fila de 3 tarjetas iguales — Ven a conocerlas · Explora la tienda · Paga como prefieras */ html body.cdm-fin-con-pago .cdm-pino-confianza { display: none !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-pago { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 8px; background: #ffffff; border: 1px solid rgba(17, 34, 80, 0.06); border-radius: 28px; padding: 36px 28px; text-decoration: none !important; color: #112250; box-shadow: 0 30px 60px -30px rgba(2, 13, 39, 0.55), 0 10px 22px -14px rgba(2, 13, 39, 0.25); transition: transform 0.3s ease; } html body .cdm-col-fin-pago .cdm-fp-ic { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(160deg, #1b2c66, #0a1638); color: #e8c977; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; box-shadow: 0 12px 22px -12px rgba(2, 13, 39, 0.7); } html body .cdm-col-fin-pago .cdm-fp-sup { font-family: 'Cinzel', serif; font-size: 12px; letter-spacing: 0.3em; color: #8a93a6; } html body .cdm-col-fin-pago .cdm-fp-tit { font-family: 'Cinzel', serif; font-size: clamp(22px, 1.9vw, 27px); color: #112250; line-height: 1.2; } html body .cdm-col-fin-pago .cdm-fp-tx { font-family: Raleway, sans-serif; font-size: 14px; line-height: 1.6; color: #5b6478; max-width: 260px; } html body .cdm-col-fin-pago .cdm-fp-cta { margin-top: 10px; font-family: Raleway, sans-serif; font-size: 14px; font-weight: 700; color: #112250; padding-bottom: 3px; border-bottom: 1.5px solid #c79a3f; } @media (hover: hover) { html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-pago:hover { transform: translateY(-4px); } } @media (min-width: 992px) { html body .cdm-col-fin.cdm-fin-movido { width: min(1180px, calc(100% - 96px)) !important; max-width: 1180px !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta { padding: 34px 26px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta h2 { font-size: clamp(26px, 2.4vw, 34px) !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta .sup, html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tienda .sup { font-size: 11px !important; letter-spacing: 0.28em !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tienda { padding: 34px 26px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tienda h2, html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tienda h3 { font-size: clamp(22px, 1.9vw, 27px) !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-todo { font-size: 12px !important; padding: 13px 22px !important; letter-spacing: 0.2em !important; } html body .cdm-col-fin.cdm-fin-movido .chips a { font-size: 13px !important; padding: 7px 13px !important; } } @media (max-width: 991.98px) { html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-pago { border-radius: 26px; padding: 30px 22px; } } /* Pino completo: aviso "¿No sabes cuántas llevar?" visible junto al botón */ html body .cdm-pino .cdm-pino-nota { display: block !important; margin-top: 14px !important; padding: 14px 16px; border-radius: 16px; background: rgba(199, 154, 63, 0.09); border: 1px solid rgba(199, 154, 63, 0.35); font-family: Raleway, sans-serif; font-size: 13.5px !important; line-height: 1.6; color: #2b3550 !important; text-transform: none !important; letter-spacing: 0 !important; } html body .cdm-pino .cdm-pino-nota b { color: #112250; } html body .cdm-pino .cdm-pino-nota .cdm-nota-wa { display: inline-block; margin-top: 4px; font-weight: 700; color: #112250 !important; text-decoration: none; border-bottom: 1.5px solid #c79a3f; } /* Colecciones: cierre en 2 columnas — Ven a conocerlas (más ancha) | Explora la tienda + Paga como prefieras en un mismo recuadro */ html body .cdm-col-fin.cdm-fin-movido .cdm-fin-der { display: flex; flex-direction: column; background: #ffffff; border: 1px solid rgba(17, 34, 80, 0.06); border-radius: 28px; box-shadow: 0 30px 60px -30px rgba(2, 13, 39, 0.55), 0 10px 22px -14px rgba(2, 13, 39, 0.25); overflow: hidden; } html body .cdm-col-fin.cdm-fin-movido .cdm-fin-der .cdm-col-fin-tienda, html body .cdm-col-fin.cdm-fin-movido .cdm-fin-der .cdm-col-fin-pago { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; flex: 1 1 auto; } html body .cdm-col-fin.cdm-fin-movido .cdm-fin-der .cdm-col-fin-pago { position: relative; flex-direction: row !important; text-align: left !important; align-items: center !important; justify-content: flex-start !important; gap: 16px !important; padding: 22px 28px !important; background: #f7f8fb !important; flex: 0 0 auto; display: grid !important; grid-template-columns: 52px minmax(0, 1fr) auto; grid-template-rows: auto auto auto; column-gap: 16px; row-gap: 2px; } html body .cdm-fin-der .cdm-col-fin-pago .cdm-fp-ic { grid-row: 1 / 4; grid-column: 1; width: 52px !important; height: 52px !important; margin: 0 !important; } html body .cdm-fin-der .cdm-col-fin-pago .cdm-fp-sup { grid-column: 2; font-size: 10.5px !important; } html body .cdm-fin-der .cdm-col-fin-pago .cdm-fp-tit { grid-column: 2; font-size: clamp(18px, 1.5vw, 21px) !important; } html body .cdm-fin-der .cdm-col-fin-pago .cdm-fp-tx { grid-column: 2; font-size: 13px !important; max-width: none !important; } html body .cdm-fin-der .cdm-col-fin-pago .cdm-fp-cta { grid-row: 1 / 4; grid-column: 3; margin: 0 !important; white-space: nowrap; } html body .cdm-fin-der .cdm-col-fin-pago::before { content: ""; position: absolute; left: 28px; right: 28px; top: 0; height: 1px; background: linear-gradient(90deg, rgba(199, 154, 63, 0), rgba(199, 154, 63, 0.5), rgba(199, 154, 63, 0)); } @media (hover: hover) { html body .cdm-col-fin.cdm-fin-movido .cdm-fin-der:hover { transform: translateY(-4px); } html body .cdm-col-fin.cdm-fin-movido .cdm-fin-der { transition: transform 0.3s ease; } } @media (min-width: 992px) { html body .cdm-col-fin.cdm-fin-movido { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta h2 { font-size: clamp(30px, 2.8vw, 40px) !important; } } @media (max-width: 991.98px) { html body .cdm-col-fin.cdm-fin-movido .cdm-fin-der { border-radius: 26px; } html body .cdm-col-fin.cdm-fin-movido .cdm-fin-der .cdm-col-fin-pago { grid-template-columns: 46px minmax(0, 1fr); padding: 20px 20px !important; } html body .cdm-fin-der .cdm-col-fin-pago .cdm-fp-ic { width: 46px !important; height: 46px !important; } html body .cdm-fin-der .cdm-col-fin-pago .cdm-fp-cta { grid-row: auto; grid-column: 2; margin-top: 6px !important; justify-self: start; } } /* Colecciones (compu): logo de la colección más grande ("Colecciones 2026" se queda igual) */ @media (min-width: 992px) { html body.cdm-col-portada .cdm-th .cdm-th-nom.cdm-con-logo, html body.cdm-col-portada .cdm-th .cdm-logo-col, html body.cdm-col-portada .cdm-th .cdm-logo-col svg { width: clamp(320px, 28vw, 490px) !important; } html body.cdm-prev .cdm-prev-hero .ph-logo { width: clamp(320px, 28vw, 490px) !important; } html body.cdm-prev .cdm-prev-hero .ph-logo svg, html body.cdm-prev .cdm-prev-hero .ph-logo img { max-height: clamp(110px, 9.7vw, 170px) !important; } } /* Colecciones con productos (celular): primero la portada y después el pino completo */ @media (max-width: 991.98px) { html body.cdm-col-portada #wrap.o_wsale_products_page .cdm-pino { order: 3 !important; margin-top: 18px !important; } } /* Pino completo (celular): monto más discreto + barra fija gamificada abajo */ @media (max-width: 991.98px) { html body .cdm-pino .cdm-pino-total .t-monto { font-size: 22px !important; font-weight: 700 !important; line-height: 1.2 !important; color: #112250 !important; } html body .cdm-pino .cdm-pino-total > span:first-child { font-size: 11.5px !important; letter-spacing: 0.08em; color: #8a93a6 !important; } html body .cdm-dock { position: fixed; z-index: 1040; left: 10px; right: 10px; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); display: grid; grid-template-columns: 46px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 8px 8px 10px; border-radius: 999px; background: rgba(10, 22, 56, 0.94); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 18px 40px -16px rgba(2, 13, 39, 0.75); border: 1px solid rgba(232, 201, 119, 0.35); transform: translateY(140%); opacity: 0; transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.3s ease; pointer-events: none; } html body .cdm-dock.ver { transform: none; opacity: 1; pointer-events: auto; } html body .cdm-dock .dk-anillo { position: relative; width: 46px; height: 46px; } html body .cdm-dock .dk-anillo svg { width: 46px; height: 46px; transform: rotate(-90deg); } html body .cdm-dock .dk-f { fill: none; stroke: rgba(255, 255, 255, 0.14); stroke-width: 4; } html body .cdm-dock .dk-l { fill: none; stroke: #e8c977; stroke-width: 4; stroke-linecap: round; transition: stroke-dashoffset 0.6s cubic-bezier(0.2, 0.8, 0.2, 1); } html body .cdm-dock .dk-n { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: Raleway, sans-serif; font-size: 11px; font-weight: 700; color: #fbfcfe; } html body .cdm-dock .dk-tx { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; } html body .cdm-dock .dk-m { font-family: Raleway, sans-serif; font-size: 15px; font-weight: 700; color: #ffffff; } html body .cdm-dock .dk-p { font-family: Raleway, sans-serif; font-size: 11.5px; color: #c9cfdd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html body .cdm-dock.lleno .dk-p { color: #e8c977; } html body .cdm-dock .dk-bt { height: 44px; padding: 0 18px; border: 0; border-radius: 999px; background: linear-gradient(135deg, #f1d98f, #c79a3f); color: #0a1638; font-family: Raleway, sans-serif; font-size: 14px; font-weight: 700; white-space: nowrap; } html body .cdm-dock .dk-bt:disabled { opacity: 0.5; } html body .cdm-dock.pulso .dk-anillo, html body .cdm-dock.pulso .dk-m { animation: cdmDockPulso 0.5s ease; } @keyframes cdmDockPulso { 0% { transform: scale(1); } 40% { transform: scale(1.12); } 100% { transform: scale(1); } } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { html body .cdm-dock { transition: opacity 0.2s ease; } html body .cdm-dock.pulso .dk-anillo, html body .cdm-dock.pulso .dk-m { animation: none; } } /* Colecciones: "Ven a conocerlas" a lo ancho — título a la izquierda, datos del showroom a la derecha (compu); más compacta en celular */ @media (min-width: 992px) { html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta { display: grid !important; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); grid-template-areas: "sup est" "tit dir" "tit hor" "ln bt"; column-gap: 36px; row-gap: 14px; align-items: center; align-content: center; text-align: left !important; padding: 36px 40px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .sup { grid-area: sup; margin: 0 !important; justify-self: start; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > h2 { grid-area: tit; margin: 0 !important; text-align: left !important; align-self: start; line-height: 1.05 !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-col-ln { grid-area: ln; margin: 0 !important; justify-self: start; align-self: start; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-col-estado { grid-area: est; margin: 0 !important; justify-self: start; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .dir { grid-area: dir; margin: 0 !important; text-align: left !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .horas { grid-area: hor; margin: 0 !important; justify-content: flex-start !important; text-align: left !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .horas > * { text-align: left !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-col-bt { grid-area: bt; margin: 0 !important; justify-content: flex-start !important; } } @media (max-width: 991.98px) { html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta { padding: 28px 22px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .sup { margin-bottom: 6px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > h2 { font-size: 30px !important; margin: 0 0 10px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-col-ln { margin: 0 auto 14px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-col-estado { margin: 0 auto 12px !important; font-size: 13px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .dir { margin: 0 0 12px !important; font-size: 14px !important; line-height: 1.5 !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .horas { margin: 0 0 16px !important; gap: 18px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-col-bt { margin: 0 !important; } } /* "Ven a conocerlas": título en su propia columna (sin encimarse) y datos a la derecha; celular más compacto con horario lado a lado */ html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-izq, html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos { display: flex; flex-direction: column; align-items: center; text-align: center; } @media (min-width: 992px) { html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 34px !important; padding: 36px 38px !important; grid-template-areas: none !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-izq { flex: 0 0 40%; align-items: flex-start; text-align: left; gap: 10px; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-izq > * { grid-area: auto !important; margin: 0 !important; text-align: left !important; justify-self: auto !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-izq h2 { font-size: clamp(26px, 2.3vw, 34px) !important; line-height: 1.1 !important; word-break: keep-all; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-izq .sup { font-size: 10.5px !important; letter-spacing: 0.24em !important; line-height: 1.6 !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos { flex: 1 1 auto; min-width: 0; align-items: flex-start; text-align: left; gap: 12px; padding-left: 30px; border-left: 1px solid rgba(232, 201, 119, 0.22); } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos > * { grid-area: auto !important; margin: 0 !important; text-align: left !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .cdm-col-estado { font-size: 12.5px !important; white-space: nowrap; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .dir { font-size: 14px !important; line-height: 1.5 !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .horas { justify-content: flex-start !important; gap: 22px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .horas > * { text-align: left !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .cdm-col-bt { justify-content: flex-start !important; } } @media (max-width: 991.98px) { html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-izq > *, html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos > * { margin-left: auto !important; margin-right: auto !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .horas { display: flex !important; flex-direction: row !important; justify-content: center !important; gap: 22px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .horas > * { margin: 0 !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .cdm-col-estado { font-size: 12.5px !important; } } /* "Ven a conocerlas": abierto/cerrado en la columna del título; nada se sale del marco */ html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta, html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta * { box-sizing: border-box; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-izq, html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos { min-width: 0; max-width: 100%; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta .cdm-col-estado { white-space: normal !important; max-width: 100% !important; line-height: 1.4 !important; } @media (min-width: 992px) { html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-izq { flex: 0 0 46% !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-izq .cdm-col-estado { margin-top: 8px !important; font-size: 12.5px !important; text-align: left !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .horas { display: grid !important; grid-template-columns: repeat(2, minmax(0, max-content)); gap: 6px 22px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .horas > * { min-width: 0; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .horas b, html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .horas strong, html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .horas h4, html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .horas span:first-child { font-size: 11px !important; letter-spacing: 0.12em !important; white-space: nowrap; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .horas * { font-size: 13.5px; white-space: nowrap; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .dir { font-size: 13.5px !important; overflow-wrap: anywhere; } } /* "Ven a conocerlas" (compu): horario en renglones y título que siempre cabe en su columna */ @media (min-width: 992px) { html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-datos .horas { grid-template-columns: minmax(0, 1fr) !important; gap: 8px !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-izq h2 { font-size: clamp(24px, 2.1vw, 31px) !important; } html body .cdm-col-fin.cdm-fin-movido .cdm-col-fin-tarjeta > .cdm-fin-izq .sup { white-space: normal !important; } } /* Colecciones: "Preparando tu pino…" como tarjeta elegante debajo de la portada (la portada se ve desde el inicio) */ html body .cdm-pino-cargando { order: 3 !important; position: relative; display: flex !important; flex-direction: column; align-items: center; justify-content: center; gap: 14px; width: min(1180px, calc(100% - 32px)); min-height: 220px; margin: 18px auto 28px !important; padding: 34px 24px !important; border-radius: 28px; background: radial-gradient(120% 90% at 50% 0%, #1b2c66 0%, #0a1638 55%, #020d27 100%) !important; box-shadow: 0 30px 60px -30px rgba(2, 13, 39, 0.6); overflow: hidden; } html body .cdm-pino-cargando::before { content: ""; position: absolute; inset: 0; background: linear-gradient(100deg, transparent 30%, rgba(232, 201, 119, 0.10) 50%, transparent 70%); background-size: 220% 100%; animation: cdmCargaBrillo 1.6s ease-in-out infinite; } html body .cdm-pino-cargando > span { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 50%; border: 1px solid rgba(232, 201, 119, 0.45); color: #e8c977 !important; font-size: 22px !important; animation: cdmCargaGiro 2.4s cubic-bezier(0.5, 0, 0.5, 1) infinite; box-shadow: 0 0 24px -4px rgba(232, 201, 119, 0.45); } html body .cdm-pino-cargando > p { position: relative; margin: 0 !important; font-family: 'Cinzel', serif !important; font-size: 14px !important; letter-spacing: 0.28em !important; color: #fbfcfe !important; text-transform: none !important; } html body .cdm-pino-cargando > p::after { content: ""; display: block; width: 120px; height: 2px; margin: 14px auto 0; border-radius: 2px; background: linear-gradient(90deg, rgba(232, 201, 119, 0) 0%, #e8c977 50%, rgba(232, 201, 119, 0) 100%); background-size: 200% 100%; animation: cdmCargaBrillo 1.2s linear infinite; } @keyframes cdmCargaBrillo { 0% { background-position: 120% 0; } 100% { background-position: -120% 0; } } @keyframes cdmCargaGiro { 0% { transform: rotate(0) scale(1); } 50% { transform: rotate(180deg) scale(1.08); } 100% { transform: rotate(360deg) scale(1); } } @media (prefers-reduced-motion: reduce) { html body .cdm-pino-cargando::before, html body .cdm-pino-cargando > span, html body .cdm-pino-cargando > p::after { animation: none; } } /* Barra "Agregar todo": se minimiza (tocar el anillo o deslizar hacia abajo) y se esconde cuando se abre el menú */ @media (max-width: 991.98px) { html body .cdm-dock { transition: transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.3s ease, left 0.4s ease, padding 0.4s ease !important; } html body .cdm-dock .dk-anillo { cursor: pointer; } html body .cdm-dock.mini { left: auto !important; width: 64px; padding: 8px !important; grid-template-columns: 46px !important; } html body .cdm-dock.mini .dk-tx, html body .cdm-dock.mini .dk-bt { display: none !important; } html body .cdm-dock.mini .dk-anillo::after { content: "+"; position: absolute; right: -4px; top: -4px; width: 18px; height: 18px; border-radius: 50%; background: #e8c977; color: #0a1638; font: 700 13px/18px Raleway, sans-serif; text-align: center; } html body .cdm-dock.tapado, html body:has(#top_menu_collapse_mobile.show) .cdm-dock, html body:has(#top_menu_collapse_mobile.showing) .cdm-dock { opacity: 0 !important; pointer-events: none !important; transform: translateY(140%) !important; } } /* Menú celular: seguro para que el panel siempre quede visible al terminar de abrir */ @media (max-width: 991.98px) { html body #top_menu_collapse_mobile.offcanvas.show.cdm-menu-fijo:not(.hiding) { opacity: 1 !important; transform: translateY(-50%) scale(1) !important; transition: none !important; } } /* Barra "Agregar todo": estados agregando / listo / error */ @media (max-width: 991.98px) { html body .cdm-dock.cargando .dk-bt { opacity: 0.75; } html body .cdm-dock.cargando .dk-anillo svg { animation: cdmDockGira 1s linear infinite; } html body .cdm-dock.exito { border-color: rgba(232, 201, 119, 0.8); } html body .cdm-dock.exito .dk-p { color: #e8c977 !important; } html body .cdm-dock.falla .dk-p { color: #ffb4a8 !important; } @keyframes cdmDockGira { from { transform: rotate(-90deg); } to { transform: rotate(270deg); } } } /* Pila "Las piezas de este look": batería más fina, dorada, con segmentos y tapita pegada */ html body .cdm-pino .cdm-pila .pl-bat { display: flex !important; align-items: center; gap: 0 !important; } html body .cdm-pino .cdm-pila .pl-in { position: relative; flex: 1 1 auto; height: 30px !important; padding: 3px !important; border-radius: 999px !important; background: #f2f5fa !important; border: 1.5px solid rgba(17, 34, 80, 0.22) !important; box-shadow: inset 0 2px 5px rgba(2, 13, 39, 0.10) !important; overflow: hidden; } html body .cdm-pino .cdm-pila .pl-fill { position: relative; display: block; height: 100% !important; border-radius: 999px !important; background: linear-gradient(90deg, #8a6d2f 0%, #c79a3f 45%, #f1d98f 100%) !important; box-shadow: 0 0 10px -2px rgba(199, 154, 63, 0.55) !important; transition: width 0.7s cubic-bezier(0.2, 0.8, 0.2, 1) !important; overflow: hidden; } html body .cdm-pino .cdm-pila .pl-fill::before { content: "" !important; position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; border-radius: inherit; background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, 0.55) 50%, transparent 80%) !important; background-size: 220% 100% !important; animation: cdmPilaBrillo 2.6s ease-in-out infinite; opacity: 1 !important; transform: none !important; } html body .cdm-pino .cdm-pila .pl-fill::after { content: "" !important; position: absolute !important; inset: 0 !important; width: auto !important; height: auto !important; background: repeating-linear-gradient(90deg, transparent 0, transparent calc(10% - 1.5px), rgba(255, 255, 255, 0.6) calc(10% - 1.5px), rgba(255, 255, 255, 0.6) 10%) !important; opacity: 1 !important; transform: none !important; border-radius: 0 !important; } html body .cdm-pino .cdm-pila .pl-cap { flex: 0 0 auto; width: 5px !important; height: 13px !important; margin-left: 2px !important; border-radius: 0 4px 4px 0 !important; background: rgba(17, 34, 80, 0.35) !important; transition: background 0.4s ease, box-shadow 0.4s ease; } html body .cdm-pino .cdm-pila.lleno .pl-cap { background: #c79a3f !important; box-shadow: 0 0 8px rgba(199, 154, 63, 0.7); } html body .cdm-pino .cdm-pila.lleno .pl-in { border-color: rgba(199, 154, 63, 0.7) !important; box-shadow: inset 0 2px 5px rgba(2, 13, 39, 0.08), 0 0 0 4px rgba(199, 154, 63, 0.12) !important; } @keyframes cdmPilaBrillo { 0% { background-position: 130% 0; } 100% { background-position: -130% 0; } } @media (prefers-reduced-motion: reduce) { html body .cdm-pino .cdm-pila .pl-fill::before { animation: none; } } html body #wrap .cdm-pino .cdm-pila .pl-bat .pl-cap { border-radius: 0 4px 4px 0 !important; clip-path: none !important; } /* Proceso de compra: pasos claros, títulos y textos legibles en el carrito */ html body.cdm-compra .o_wizard { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 !important; } html body.cdm-compra .o_wizard > * { justify-content: center !important; text-align: center !important; font-family: Raleway, sans-serif !important; font-size: 12.5px !important; letter-spacing: 0 !important; text-transform: none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; } html body.cdm-carrito #wrap h4 { font-family: 'Cinzel', serif !important; text-transform: none !important; letter-spacing: 0.02em !important; font-size: clamp(24px, 6.4vw, 32px) !important; } html body.cdm-carrito .o_cart_product h6, html body.cdm-carrito .o_cart_product h6 a { font-family: Raleway, sans-serif !important; font-size: 14.5px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; line-height: 1.35 !important; color: #112250 !important; } html body.cdm-carrito .o_cart_product .oe_currency_value, html body.cdm-carrito .o_cart_product .oe_currency_value + *, html body.cdm-carrito .o_cart_product [class*="price"] { font-family: Raleway, sans-serif !important; font-weight: 700 !important; letter-spacing: 0 !important; } html body.cdm-carrito #wrap table:has(.cdm-fila-envio) td { padding-left: 18px !important; padding-right: 18px !important; font-family: Raleway, sans-serif !important; font-size: 14.5px !important; text-transform: none !important; letter-spacing: 0 !important; } html body.cdm-carrito #wrap table:has(.cdm-fila-envio) tr:first-child td { padding-top: 16px !important; } html body.cdm-carrito #wrap table:has(.cdm-fila-envio) tr.border-top td { font-size: 17px !important; font-weight: 700 !important; color: #112250 !important; padding-top: 14px !important; padding-bottom: 14px !important; } html body.cdm-carrito .cdm-envio-nota { font-size: 12.5px; color: #8a93a6; font-weight: 500; } html body.cdm-carrito #wrap input[name="promo"] { font-family: Raleway, sans-serif !important; font-size: 14px !important; } html body.cdm-carrito .cdm-barra-car a { font-family: Raleway, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; letter-spacing: 0 !important; text-transform: none !important; } html body.cdm-carrito .cdm-barra-car small { font-family: Raleway, sans-serif !important; font-size: 12px !important; letter-spacing: 0.04em; } @media (max-width: 991.98px) { html body.cdm-carrito #wrap { padding-bottom: 120px !important; } } html body.cdm-carrito #wrap #wrap h4.mb-0, html body.cdm-carrito div#wrap h4.mb-0 { font-size: clamp(24px, 6.4vw, 32px) !important; } html body.cdm-carrito div#wrap .o_cart_product h6.text-wrap, html body.cdm-carrito div#wrap .o_cart_product h6.text-wrap * { font-family: Raleway, sans-serif !important; font-size: 14.5px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; } /* Carrito: sin hueco antes del footer, botones legibles, cupón plegable y sellos de confianza bajo el botón */ html body.cdm-carrito div#wrap { padding-bottom: 28px !important; } html body.cdm-carrito div#wrap a.btn-primary, html body.cdm-carrito div#wrap button.btn-primary, html body.cdm-carrito div#wrap .btn-light { font-family: Raleway, sans-serif !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; } html body.cdm-carrito div#wrap a.btn-primary { font-size: 16px !important; min-height: 54px; display: flex !important; align-items: center; justify-content: center; } html body.cdm-carrito div#wrap .btn-light { font-size: 14px !important; } html body.cdm-carrito .cdm-cupon-oculto { display: none !important; } html body.cdm-carrito .cdm-cupon-link { background: none; border: 0; padding: 4px 0 2px; font-family: Raleway, sans-serif; font-size: 13.5px; font-weight: 600; color: #112250; text-decoration: underline; text-decoration-color: #c79a3f; text-underline-offset: 4px; } html body.cdm-carrito tr.cdm-cupon-fila td { padding: 6px 18px 4px !important; border: 0 !important; } html body.cdm-carrito .cdm-confianza-car { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 14px; margin: 12px 0 2px; font-family: Raleway, sans-serif; font-size: 12.5px; color: #5b6478; } html body.cdm-carrito .cdm-confianza-car span { white-space: nowrap; } /* Carrito: tarjeta de totales con aire, sellos ordenados y lista que se puede plegar */ @media (max-width: 991.98px) { html body.cdm-carrito .o_total_card .card-body { padding: 10px 18px 18px !important; } html body.cdm-carrito #wrap table:has(.cdm-fila-envio) td { padding-left: 0 !important; padding-right: 0 !important; } html body.cdm-carrito tr.cdm-cupon-fila td { padding-left: 0 !important; padding-right: 0 !important; } } html body.cdm-carrito .cdm-confianza-car { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px !important; margin: 14px 0 6px !important; } html body.cdm-carrito .cdm-confianza-car span { display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; white-space: normal !important; font-size: 11.5px; line-height: 1.3; color: #5b6478; } html body.cdm-carrito .cdm-confianza-car svg { color: #c79a3f; } html body.cdm-carrito .cdm-linea-oculta { display: none !important; } html body.cdm-carrito .cdm-lista-tog { display: flex; align-items: center; justify-content: center; gap: 6px; width: 100%; margin: -18px 0 24px; padding: 13px 16px; border: 1px dashed rgba(17, 34, 80, 0.25); border-radius: 999px; background: #ffffff; font-family: Raleway, sans-serif; font-size: 14px; font-weight: 700; color: #112250; } html body.cdm-carrito .cdm-lista-tog span { color: #c79a3f; } html body.cdm-carrito #cart_products.cdm-lista-cerrada { margin-bottom: 30px !important; } html body.cdm-carrito .cdm-lista-cab { font-family: Raleway, sans-serif; font-size: 13px; font-weight: 600; color: #5b6478; margin: 0 4px 10px; } /* Carrito: aviso de últimas piezas */ html body.cdm-carrito .cdm-stock { display: inline-flex; align-items: center; gap: 4px; margin: 4px 0 2px; padding: 3px 10px; border-radius: 999px; background: rgba(199, 154, 63, 0.14); border: 1px solid rgba(199, 154, 63, 0.4); font-family: Raleway, sans-serif; font-size: 12px; font-weight: 700; color: #8a6d2f; animation: cdmStockLatido 2.4s ease-in-out infinite; } html body.cdm-carrito .cdm-stock.tuya { background: rgba(17, 34, 80, 0.07); border-color: rgba(17, 34, 80, 0.2); color: #112250; animation: none; } @keyframes cdmStockLatido { 0%, 100% { box-shadow: 0 0 0 0 rgba(199, 154, 63, 0); } 50% { box-shadow: 0 0 0 4px rgba(199, 154, 63, 0.15); } } @media (prefers-reduced-motion: reduce) { html body.cdm-carrito .cdm-stock { animation: none; } } /* Compra · Envío: formulario en tarjetas, campos grandes con estado "listo" y botones redondos */ html body.cdm-form-envio .cdm-ftit { font-family: 'Cinzel', serif !important; text-transform: none !important; font-size: clamp(22px, 5.6vw, 28px) !important; color: #112250; } html body.cdm-form-envio .cdm-fcard { width: 100%; margin: 0 0 16px; padding: 18px 16px 8px; background: #ffffff; border: 1px solid rgba(17, 34, 80, 0.07); border-radius: 22px; box-shadow: 0 18px 40px -28px rgba(2, 13, 39, 0.45); } html body.cdm-form-envio .cdm-fcard-cab { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; } html body.cdm-form-envio .cdm-fcard-cab b { display: block; font-family: Raleway, sans-serif; font-size: 16px; color: #112250; } html body.cdm-form-envio .cdm-fcard-cab small { display: block; font-family: Raleway, sans-serif; font-size: 12.5px; color: #8a93a6; } html body.cdm-form-envio .cdm-fnum { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(160deg, #1b2c66, #0a1638); color: #e8c977; font-family: 'Cinzel', serif; font-size: 15px; box-shadow: 0 8px 16px -10px rgba(2, 13, 39, 0.8); } html body.cdm-form-envio .cdm-fcard-campos { margin: 0 -6px; } html body.cdm-form-envio .cdm-fcard-campos > * { padding-left: 6px !important; padding-right: 6px !important; margin-bottom: 12px !important; position: relative; } html body.cdm-form-envio .cdm-fcard label { font-family: Raleway, sans-serif !important; font-size: 12.5px !important; font-weight: 700 !important; color: #5b6478 !important; margin-bottom: 6px !important; letter-spacing: 0.01em; } html body.cdm-form-envio .cdm-fcard label .text-danger, html body.cdm-form-envio .cdm-fcard label abbr { color: #c79a3f !important; text-decoration: none; } html body.cdm-form-envio .cdm-fcard input.form-control, html body.cdm-form-envio .cdm-fcard select.form-select, html body.cdm-form-envio .cdm-fcard select { height: 52px !important; padding: 0 44px 0 16px !important; border-radius: 14px !important; border: 1.5px solid #e2e6ef !important; background-color: #f7f8fb !important; font-family: Raleway, sans-serif !important; font-size: 16px !important; color: #112250 !important; transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; } html body.cdm-form-envio .cdm-fcard input::placeholder { color: #a9b0c0; } html body.cdm-form-envio .cdm-fcard input:focus, html body.cdm-form-envio .cdm-fcard select:focus { outline: none !important; border-color: #c79a3f !important; background-color: #ffffff !important; box-shadow: 0 0 0 4px rgba(199, 154, 63, 0.16) !important; } html body.cdm-form-envio .cdm-fcard .cdm-lleno input.form-control { border-color: rgba(17, 34, 80, 0.28) !important; background-color: #ffffff !important; } html body.cdm-form-envio .cdm-fcard .cdm-lleno:has(input.form-control)::after { content: "✓"; position: absolute; right: 22px; bottom: 15px; width: 22px; height: 22px; border-radius: 50%; background: #1f8a5b; color: #fff; font: 700 12px/22px Raleway, sans-serif; text-align: center; animation: cdmCheck 0.35s cubic-bezier(0.2, 0.8, 0.2, 1); } @keyframes cdmCheck { from { transform: scale(0.3); opacity: 0; } to { transform: scale(1); opacity: 1; } } html body.cdm-form-envio .cdm-fcard.fact .cdm-fcard-cab { cursor: pointer; margin-bottom: 10px; } html body.cdm-form-envio .cdm-fcard.fact .cdm-fcard-cab::after { content: "▾"; margin-left: auto; color: #c79a3f; font-size: 14px; transition: transform 0.25s ease; } html body.cdm-form-envio .cdm-fcard.fact.cerrada .cdm-fcard-cab { margin-bottom: 10px; } html body.cdm-form-envio .cdm-fcard.fact.cerrada .cdm-fcard-cab::after { transform: rotate(-90deg); } html body.cdm-form-envio .cdm-fcard.fact.cerrada .cdm-fcard-campos { display: none !important; } html body.cdm-form-envio .cdm-fcard.fact .cdm-fnum { background: #f2f5fa; color: #c79a3f; box-shadow: none; border: 1px dashed rgba(199, 154, 63, 0.6); } html body.cdm-form-envio #wrap a.btn-primary, html body.cdm-form-envio #wrap button.btn-primary { min-height: 54px; border-radius: 999px !important; font-family: Raleway, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; display: flex !important; align-items: center; justify-content: center; background: linear-gradient(135deg, #1b2c66, #0a1638) !important; border: 0 !important; box-shadow: 0 16px 30px -18px rgba(2, 13, 39, 0.8); transition: transform 0.15s ease; } html body.cdm-form-envio #wrap a.btn-primary:active { transform: scale(0.98); } html body.cdm-form-envio #wrap button.btn-light, html body.cdm-form-envio #wrap .btn-light { font-family: Raleway, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; border-radius: 16px !important; } html body.cdm-form-envio #wrap .alert-warning, html body.cdm-form-envio #wrap .alert-info { border-radius: 18px !important; background: #f7f3e8 !important; border: 1px solid rgba(199, 154, 63, 0.35) !important; color: #5b4a24 !important; font-family: Raleway, sans-serif !important; font-size: 13.5px !important; padding: 12px 16px !important; } html body.cdm-form-envio #wrap .alert .btn { border-radius: 999px !important; font-family: Raleway, sans-serif !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; } /* Compra · Envío: código postal y ciudad lado a lado en celular */ @media (max-width: 991.98px) { html body.cdm-form-envio .cdm-fcard.dir .cdm-fcard-campos > .col-md-4 { flex: 0 0 40% !important; max-width: 40% !important; width: 40% !important; } html body.cdm-form-envio .cdm-fcard.dir .cdm-fcard-campos > .col-md-8 { flex: 0 0 60% !important; max-width: 60% !important; width: 60% !important; } } /* Factura una sola vez: oculta los datos fiscales fuera del paso de facturación y opciones Sí/No en tarjetas */ html body .cdm-oculta { display: none !important; } html body.cdm-sin-factura-aqui #billing_container, html body.cdm-sin-factura-aqui #use_delivery_as_billing_label, html body.cdm-sin-factura-aqui #use_delivery_as_billing, html body.cdm-sin-factura-aqui .form-check:has(#use_delivery_as_billing) { display: none !important; } html body.cdm-paso-factura .cdm-radio-orig { position: absolute !important; opacity: 0 !important; pointer-events: none !important; height: 0 !important; overflow: hidden !important; } html body.cdm-paso-factura .cdm-fq { font-family: Raleway, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; color: #112250 !important; margin: 6px 0 12px !important; } html body.cdm-paso-factura .cdm-ftit { font-family: 'Cinzel', serif !important; text-transform: none !important; font-size: clamp(22px, 5.6vw, 28px) !important; color: #112250; } html body.cdm-paso-factura .cdm-fopc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0 0 18px; } html body.cdm-paso-factura .cdm-fopt { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 4px; padding: 18px 12px; border-radius: 20px; background: #ffffff; border: 1.5px solid #e2e6ef; cursor: pointer; transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease; font-family: Raleway, sans-serif; } html body.cdm-paso-factura .cdm-fopt:active { transform: scale(0.98); } html body.cdm-paso-factura .cdm-fopt .ico { font-size: 26px; line-height: 1; } html body.cdm-paso-factura .cdm-fopt b { font-size: 14.5px; color: #112250; } html body.cdm-paso-factura .cdm-fopt small { font-size: 12px; color: #8a93a6; line-height: 1.35; } html body.cdm-paso-factura .cdm-fopt.activa { border-color: #c79a3f; box-shadow: 0 0 0 4px rgba(199, 154, 63, 0.15), 0 16px 30px -22px rgba(2, 13, 39, 0.5); } html body.cdm-paso-factura .cdm-fopt.activa b::before { content: "✓ "; color: #1f8a5b; } html body.cdm-paso-factura .cdm-fnota { font-family: Raleway, sans-serif; font-size: 13px; line-height: 1.55; color: #5b6478; padding: 12px 14px; border-radius: 14px; background: #f7f3e8; border: 1px solid rgba(199, 154, 63, 0.35); margin: 4px 0 14px; } html body.cdm-paso-factura .cdm-fnota a { font-weight: 700; color: #112250; text-decoration: none; border-bottom: 1.5px solid #c79a3f; } html body.cdm-paso-factura:not(.cdm-quiere-factura) .cdm-fnota { display: none; } html body.cdm-paso-factura #wrap input.form-control, html body.cdm-paso-factura #wrap select { height: 52px !important; border-radius: 14px !important; border: 1.5px solid #e2e6ef !important; background-color: #f7f8fb !important; font-family: Raleway, sans-serif !important; font-size: 16px !important; color: #112250 !important; } html body.cdm-paso-factura #wrap input.form-control:focus, html body.cdm-paso-factura #wrap select:focus { border-color: #c79a3f !important; box-shadow: 0 0 0 4px rgba(199, 154, 63, 0.16) !important; background-color: #fff !important; } html body.cdm-paso-factura #wrap label { font-family: Raleway, sans-serif !important; font-size: 12.5px !important; font-weight: 700 !important; color: #5b6478 !important; } html body.cdm-paso-factura #wrap a.btn-primary, html body.cdm-paso-factura #wrap button.btn-primary { min-height: 54px; border-radius: 999px !important; font-family: Raleway, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; display: flex !important; align-items: center; justify-content: center; background: linear-gradient(135deg, #1b2c66, #0a1638) !important; border: 0 !important; } /* Factura en el paso de envío */ html body.cdm-form-envio .cdm-fcard.cdm-fx .cdm-fcard-cab { cursor: default; } html body.cdm-form-envio .cdm-fcard.cdm-fx .cdm-fcard-cab::after { content: none !important; } html body.cdm-form-envio .cdm-fcard.cdm-fx .cdm-fnum { background: linear-gradient(160deg, #1b2c66, #0a1638); color: #e8c977; border: 0; box-shadow: 0 8px 16px -10px rgba(2, 13, 39, 0.8); } html body.cdm-form-envio .cdm-fx-opc, html body.cdm-form-envio .cdm-fx-misma { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 2px 0 14px; } html body.cdm-form-envio .cdm-fx-opc button, html body.cdm-form-envio .cdm-fx-misma button { min-height: 50px; border-radius: 16px; border: 1.5px solid #e2e6ef; background: #f7f8fb; font-family: Raleway, sans-serif; font-size: 14px; font-weight: 700; color: #112250; transition: all 0.2s ease; } html body.cdm-form-envio .cdm-fx-opc button.activa, html body.cdm-form-envio .cdm-fx-misma button.activa { background: #ffffff; border-color: #c79a3f; box-shadow: 0 0 0 4px rgba(199, 154, 63, 0.15); } html body.cdm-form-envio .cdm-fx-opc button.activa::before, html body.cdm-form-envio .cdm-fx-misma button.activa::before { content: "✓ "; color: #1f8a5b; } html body.cdm-form-envio .cdm-fcard.cdm-fx:not(.cdm-fx-si) .cdm-fcard-campos { display: none !important; } html body.cdm-form-envio .cdm-fcard.cdm-fx .cdm-fcard-campos { display: flex; flex-wrap: wrap; } html body.cdm-form-envio .cdm-fx-extra { width: 100%; margin: 0; } html body.cdm-form-envio .cdm-fx-extra > div { padding-left: 6px; padding-right: 6px; } html body.cdm-form-envio .cdm-fx-extra label { display: block; font-family: Raleway, sans-serif; font-size: 12.5px; font-weight: 700; color: #5b6478; margin-bottom: 6px; } html body.cdm-form-envio .cdm-fx-extra select { height: 52px; border-radius: 14px; border: 1.5px solid #e2e6ef; background-color: #f7f8fb; font-family: Raleway, sans-serif; font-size: 15px; color: #112250; } html body.cdm-form-envio .cdm-fx-ayuda { display: block; margin-top: -6px; font-family: Raleway, sans-serif; font-size: 12px; color: #8a93a6; } html body.cdm-saltando #wrap { opacity: 0.25; pointer-events: none; transition: opacity 0.2s ease; } html body .cdm-salto-av { position: fixed; inset: 0; z-index: 2000; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; background: rgba(251, 252, 254, 0.85); font-family: 'Cinzel', serif; color: #112250; letter-spacing: 0.2em; font-size: 14px; } html body .cdm-salto-av span { color: #c79a3f; font-size: 26px; animation: cdmCargaGiro 1.6s ease-in-out infinite; } /* Compra: paso ya hecho en la barra (Carrito) con palomita dorada y su texto abajo, igual que los demás */ html body.cdm-compra .o_wizard > a { position: relative; display: flex !important; flex-direction: column !important; align-items: center !important; text-decoration: none !important; } html body.cdm-compra .o_wizard > a > div { display: flex !important; flex-direction: column !important; align-items: center !important; gap: 6px; } html body.cdm-compra .o_wizard > a > div::before { content: "✓"; display: block; position: relative; z-index: 2; width: 14px; height: 14px; border-radius: 50%; background: #c79a3f; color: #ffffff; font: 700 9px/14px Raleway, sans-serif; text-align: center; box-shadow: 0 0 0 3px #fbfaf7; } html body.cdm-compra .o_wizard > a .fa-angle-right, html body.cdm-compra .o_wizard > a > div > span.fa { display: none !important; } html body.cdm-compra .o_wizard > a p, html body.cdm-compra .o_wizard > a p span { color: #8a6d2f !important; font-weight: 600 !important; text-decoration: none !important; } /* Compra · Entrega: títulos normales y legibles */ html body.cdm-compra .cdm-co-tit { font-family: 'Cinzel', serif !important; text-transform: none !important; letter-spacing: 0.01em !important; font-size: clamp(20px, 5.4vw, 26px) !important; color: #112250 !important; margin-bottom: 12px !important; } html body.cdm-compra #wrap a.btn-primary, html body.cdm-compra #wrap button.btn-primary { font-family: Raleway, sans-serif !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; border-radius: 999px !important; min-height: 52px; } html body.cdm-compra #wrap .btn-light { font-family: Raleway, sans-serif !important; text-transform: none !important; letter-spacing: 0 !important; } /* Facturación: pregunta del domicilio fiscal */ html body.cdm-paso-factura .cdm-fnota b { display: block; color: #112250; font-size: 14px; margin-bottom: 10px; } html body.cdm-paso-factura .cdm-fx-misma { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } html body.cdm-paso-factura .cdm-fx-misma button { min-height: 48px; border-radius: 14px; border: 1.5px solid #e2e6ef; background: #ffffff; font-family: Raleway, sans-serif; font-size: 13.5px; font-weight: 700; color: #112250; } html body.cdm-paso-factura .cdm-fx-misma button.activa { border-color: #c79a3f; box-shadow: 0 0 0 4px rgba(199, 154, 63, 0.15); } html body.cdm-paso-factura .cdm-fx-misma button.activa::before { content: "✓ "; color: #1f8a5b; } html body.cdm-paso-factura .cdm-fx-otro { display: none; margin-top: 12px; } html body.cdm-paso-factura .cdm-fnota.otro .cdm-fx-otro { display: block; } html body.cdm-paso-factura .cdm-fx-otro a { display: inline-block; margin-top: 8px; } /* Entrega: interactiva y sin facturación */ html body.cdm-compra #o_delivery_methods li, html body.cdm-compra #o_delivery_methods .list-group-item { border-radius: 18px !important; border: 1.5px solid #e2e6ef !important; background: #ffffff !important; padding: 16px 18px !important; margin-bottom: 10px !important; transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease; cursor: pointer; } html body.cdm-compra #o_delivery_methods li:has(input:checked), html body.cdm-compra #o_delivery_methods .list-group-item:has(input:checked) { border-color: #c79a3f !important; box-shadow: 0 0 0 4px rgba(199, 154, 63, 0.15), 0 16px 30px -22px rgba(2, 13, 39, 0.5) !important; } html body.cdm-compra #o_delivery_methods li:active { transform: scale(0.99); } html body.cdm-compra #o_delivery_methods label { font-family: Raleway, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: #112250 !important; text-transform: none !important; } html body.cdm-compra #o_delivery_methods label::before { content: "🚚 "; } html body.cdm-compra #delivery_address_list .card, html body.cdm-compra #delivery_address_list [class*="card"] { border-radius: 18px !important; border: 1.5px solid #c79a3f !important; background: #ffffff !important; box-shadow: 0 16px 30px -22px rgba(2, 13, 39, 0.5) !important; } html body.cdm-compra #delivery_address_list abbr, html body.cdm-compra #delivery_address_list [title] { text-decoration: none !important; border-bottom: 0 !important; } html body.cdm-compra #delivery_address_list address, html body.cdm-compra #delivery_address_list .card-body { font-family: Raleway, sans-serif !important; font-size: 14.5px !important; line-height: 1.55 !important; color: #2b3550 !important; } html body.cdm-compra #delivery_address_list .card-body::before { content: "📍"; display: block; font-size: 18px; margin-bottom: 4px; } html body.cdm-compra #delivery_address_list a:has(.fa-pencil), html body.cdm-compra #delivery_address_list .js_edit_address { display: inline-flex !important; align-items: center; gap: 6px; padding: 8px 14px; border-radius: 999px; border: 1.5px solid rgba(17, 34, 80, 0.2); font-family: Raleway, sans-serif; font-size: 13px; font-weight: 700; color: #112250 !important; text-decoration: none !important; } html body.cdm-compra #delivery_address_list a:has(.fa-pencil)::after, html body.cdm-compra #delivery_address_list .js_edit_address::after { content: "Cambiar dirección"; } html body.cdm-compra #wrap h4.cdm-oculta, html body.cdm-compra #wrap h5.cdm-oculta, html body.cdm-compra #wrap h3.cdm-oculta { display: none !important; } /* Compra: texto de los botones centrado, títulos en Raleway (más legibles) y dirección sin subrayados */ html body.cdm-compra #wrap a.btn, html body.cdm-compra #wrap button.btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; line-height: 1.2 !important; } html body.cdm-compra #wrap a.btn.w-100, html body.cdm-compra #wrap button.btn.w-100 { display: flex !important; } html body.cdm-compra .cdm-co-tit, html body.cdm-form-envio .cdm-ftit, html body.cdm-paso-factura .cdm-ftit { font-family: Raleway, sans-serif !important; font-weight: 800 !important; font-size: clamp(21px, 5.6vw, 26px) !important; letter-spacing: -0.01em !important; color: #112250 !important; font-variant: normal !important; text-transform: none !important; margin-bottom: 4px !important; } html body.cdm-compra .cdm-co-sub { font-family: Raleway, sans-serif; font-size: 13.5px; color: #8a93a6; margin: 0 0 14px; } html body.cdm-compra #delivery_address_list *, html body.cdm-compra #delivery_address_list abbr, html body.cdm-compra #delivery_address_list span[title] { text-decoration: none !important; border-bottom: 0 !important; } html body.cdm-compra #delivery_address_list .card-body { display: grid !important; grid-template-columns: 30px minmax(0, 1fr); column-gap: 10px; align-items: start; padding: 18px !important; } html body.cdm-compra #delivery_address_list .card-body::before { grid-row: 1 / 4; margin: 2px 0 0 !important; } html body.cdm-compra #delivery_address_list .card-body > * { grid-column: 2; margin-bottom: 4px !important; } html body.cdm-compra #delivery_address_list a:has(.fa-pencil), html body.cdm-compra #delivery_address_list .js_edit_address { justify-self: start; margin-top: 8px; } /* Compra · Pago */ html body.cdm-paso-pago li[name="o_payment_option"] { border-radius: 18px !important; border: 1.5px solid #e2e6ef !important; background: #ffffff !important; margin-bottom: 10px !important; padding: 16px 18px !important; cursor: pointer; transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease; } html body.cdm-paso-pago li[name="o_payment_option"]:active { transform: scale(0.99); } html body.cdm-paso-pago li[name="o_payment_option"]:has(input[name="o_payment_radio"]:checked) { border-color: #c79a3f !important; box-shadow: 0 0 0 4px rgba(199, 154, 63, 0.15), 0 16px 30px -22px rgba(2, 13, 39, 0.5) !important; } html body.cdm-paso-pago .o_payment_option_label { font-family: Raleway, sans-serif !important; font-size: 15px !important; font-weight: 700 !important; color: #112250 !important; text-transform: none !important; letter-spacing: 0 !important; } html body.cdm-paso-pago .cdm-pm-sub { display: block; width: 100%; font-family: Raleway, sans-serif; font-size: 12.5px; color: #8a93a6; margin-top: 2px; } html body.cdm-paso-pago .cdm-pm-tarjeta .o_payment_option_label::before { content: "💳 "; } html body.cdm-paso-pago .cdm-pm-transf .o_payment_option_label::before { content: "🏦 "; } html body.cdm-paso-pago #wrap button.btn-primary { min-height: 56px; width: 100% !important; border-radius: 999px !important; font-size: 16px !important; background: linear-gradient(135deg, #1b2c66, #0a1638) !important; border: 0 !important; box-shadow: 0 18px 34px -18px rgba(2, 13, 39, 0.85); gap: 8px; } html body.cdm-paso-pago #wrap button.btn-primary:active { transform: scale(0.98); } html body.cdm-paso-pago .cdm-pago-conf { width: 100%; margin: 10px 0 0; text-align: center; font-family: Raleway, sans-serif; font-size: 12px; line-height: 1.5; color: #8a93a6; } html body.cdm-paso-pago #wrap .badge.cdm-badge-dir { font-family: Raleway, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; text-transform: none !important; letter-spacing: 0 !important; background: rgba(17, 34, 80, 0.07) !important; color: #112250 !important; border-radius: 999px !important; padding: 6px 12px !important; } /* Pago: íconos bien hechos dentro de una cajita y resumen para revisar antes de pagar */ html body.cdm-paso-pago .cdm-pm-tarjeta .o_payment_option_label::before, html body.cdm-paso-pago .cdm-pm-transf .o_payment_option_label::before { content: "" !important; display: inline-block; width: 40px; height: 40px; margin-right: 12px; vertical-align: middle; border-radius: 12px; background: linear-gradient(160deg, #1b2c66, #0a1638) center / 22px 22px no-repeat; box-shadow: 0 8px 16px -10px rgba(2, 13, 39, 0.8); } html body.cdm-paso-pago .cdm-pm-tarjeta .o_payment_option_label::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e8c977%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%225.5%22%20width%3D%2219%22%20height%3D%2213%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M2.5%2010h19M6.5%2014.5h4%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(160deg, #1b2c66, #0a1638); background-size: 22px 22px, 100% 100%; background-position: center, center; } html body.cdm-paso-pago .cdm-pm-transf .o_payment_option_label::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e8c977%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209.5L12%204l9%205.5M4.5%2010v7.5M9.5%2010v7.5M14.5%2010v7.5M19.5%2010v7.5M3%2020h18%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(160deg, #1b2c66, #0a1638); background-size: 22px 22px, 100% 100%; background-position: center, center; } html body.cdm-paso-pago .o_payment_option_label { display: inline-flex !important; align-items: center; } html body.cdm-paso-pago .cdm-pm-sub { padding-left: 52px; } html body.cdm-paso-pago .cdm-revisa { margin: 16px 0 14px; padding: 16px 18px; border-radius: 20px; background: #ffffff; border: 1px solid rgba(17, 34, 80, 0.08); box-shadow: 0 18px 36px -28px rgba(2, 13, 39, 0.45); font-family: Raleway, sans-serif; } html body.cdm-paso-pago .cdm-revisa .rv-tit { display: block; font-size: 15px; color: #112250; margin-bottom: 8px; } html body.cdm-paso-pago .cdm-revisa .rv-fila { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; align-items: baseline; gap: 10px; padding: 9px 0; border-top: 1px solid #eef1f6; font-size: 13.5px; } html body.cdm-paso-pago .cdm-revisa .rv-fila span { color: #8a93a6; } html body.cdm-paso-pago .cdm-revisa .rv-fila b { color: #112250; font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } html body.cdm-paso-pago .cdm-revisa .rv-link { font-size: 12.5px; font-weight: 700; color: #a17a2c; text-decoration: none; } html body.cdm-paso-pago .cdm-revisa .rv-total b { font-size: 18px; } html body.cdm-paso-pago .cdm-revisa .rv-total small { grid-column: 2; margin-top: -6px; font-size: 11.5px; color: #8a93a6; } html body.cdm-paso-pago .cdm-revisa .rv-ayuda { display: block; margin-top: 10px; padding-top: 10px; border-top: 1px solid #eef1f6; font-size: 13px; font-weight: 700; color: #112250; text-decoration: none; } /* Envío: ayudas del código postal, colonia y correo */ html body.cdm-form-envio .cdm-cp-ayuda { display: block; margin-top: 6px; font-family: Raleway, sans-serif; font-size: 12.5px; color: #8a93a6; } html body.cdm-form-envio .cdm-cp-ayuda.ok { color: #1f8a5b; font-weight: 700; } html body.cdm-form-envio .cdm-cp-ayuda.mal { color: #b4532a; font-weight: 700; } html body.cdm-form-envio .cdm-cp-ayuda.buscando::after { content: " ✦"; color: #c79a3f; display: inline-block; animation: cdmCargaGiro 1.2s linear infinite; } html body.cdm-form-envio .cdm-col-g label { display: block; font-family: Raleway, sans-serif; font-size: 12.5px; font-weight: 700; color: #5b6478; margin-bottom: 6px; } html body.cdm-form-envio .cdm-col-g select, html body.cdm-form-envio .cdm-col-g input { height: 52px; border-radius: 14px; border: 1.5px solid #e2e6ef; background-color: #f7f8fb; font-family: Raleway, sans-serif; font-size: 16px; color: #112250; } html body.cdm-form-envio .cdm-col-g select:focus, html body.cdm-form-envio .cdm-col-g input:focus { border-color: #c79a3f; box-shadow: 0 0 0 4px rgba(199, 154, 63, 0.16); outline: none; } html body.cdm-form-envio .cdm-mail-sug { display: block; margin-top: 8px; padding: 8px 12px; border: 1px dashed rgba(199, 154, 63, 0.6); border-radius: 12px; background: #f7f3e8; font-family: Raleway, sans-serif; font-size: 13px; font-weight: 700; color: #5b4a24; text-align: left; width: 100%; } html body.cdm-form-envio .cdm-cp-g input[name="zip"] { font-size: 20px !important; letter-spacing: 0.12em; font-weight: 700 !important; } /* Envío: código postal y ciudad a todo lo ancho (ciudad se llena sola con el CP) */ @media (max-width: 991.98px) { html body.cdm-form-envio .cdm-fcard.dir .cdm-fcard-campos > .cdm-cp-g, html body.cdm-form-envio .cdm-fcard.dir .cdm-fcard-campos > .cdm-ciudad-g { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } } @media (min-width: 992px) { html body.cdm-form-envio .cdm-fcard.dir .cdm-fcard-campos > .cdm-cp-g { flex: 0 0 100% !important; max-width: 100% !important; } html body.cdm-form-envio .cdm-fcard.dir .cdm-fcard-campos > .cdm-ciudad-g { flex: 0 0 50% !important; max-width: 50% !important; } } /* Perfil: ícono y texto en su columna (sin columnas angostas) */ html body .cdm-mc-perfil.cdm-pf .o_portal_my_details address > div > div > i.fa { grid-column: 1 !important; display: inline-block !important; width: 16px; height: auto; visibility: visible !important; opacity: 1 !important; } html body .cdm-mc-perfil.cdm-pf .o_portal_my_details address > div > div > span { grid-column: 2 !important; width: auto !important; } @media (max-width: 991.98px) { html body.cdm-mi-form .cdm-fcard { width: auto !important; margin-left: 12px !important; margin-right: 12px !important; } html body.cdm-mi-form .cdm-mi-form-tit { padding: 0 16px; } } html body .cdm-mc-perfil.cdm-pf { max-width: 390px !important; width: 390px !important; flex: 0 0 auto !important; } @media (max-width: 991.98px) { html body .cdm-mc-perfil.cdm-pf { width: 100% !important; max-width: 100% !important; } } @media (max-width: 991.98px) { html body.cdm-mi-form .cdm-fcard { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; margin-left: auto !important; margin-right: auto !important; } html body.cdm-mi-form .cdm-fcard .cdm-fcard-campos > * { min-width: 0; } } /* Pago: distribución de las tarjetas de forma de pago y tarjeta de entrega */ html body.cdm-paso-pago li[name="o_payment_option"] { padding: 14px 16px !important; } html body.cdm-paso-pago .cdm-pm-orig { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; clip: rect(0 0 0 0); } html body.cdm-paso-pago .cdm-pm-fila { display: grid; grid-template-columns: 44px minmax(0, 1fr) 24px; align-items: center; gap: 14px; } html body.cdm-paso-pago .cdm-pm-fila .pm-ico { width: 44px; height: 44px; border-radius: 13px; box-shadow: 0 8px 16px -10px rgba(2, 13, 39, 0.8); } html body.cdm-paso-pago .cdm-pm-fila .pm-ico.tj { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e8c977%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%225.5%22%20width%3D%2219%22%20height%3D%2213%22%20rx%3D%222.5%22%2F%3E%3Cpath%20d%3D%22M2.5%2010h19M6.5%2014.5h4%22%2F%3E%3C%2Fsvg%3E") center / 22px 22px no-repeat, linear-gradient(160deg, #1b2c66, #0a1638); } html body.cdm-paso-pago .cdm-pm-fila .pm-ico.tr { background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e8c977%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%209.5L12%204l9%205.5M4.5%2010v7.5M9.5%2010v7.5M14.5%2010v7.5M19.5%2010v7.5M3%2020h18%22%2F%3E%3C%2Fsvg%3E") center / 22px 22px no-repeat, linear-gradient(160deg, #1b2c66, #0a1638); } html body.cdm-paso-pago .cdm-pm-fila .pm-tx { display: flex; flex-direction: column; min-width: 0; gap: 2px; } html body.cdm-paso-pago .cdm-pm-fila .pm-tx b { font-family: Raleway, sans-serif; font-size: 15px; font-weight: 700; color: #112250; line-height: 1.25; } html body.cdm-paso-pago .cdm-pm-fila .pm-tx small { font-family: Raleway, sans-serif; font-size: 12.5px; color: #8a93a6; line-height: 1.4; } html body.cdm-paso-pago .cdm-pm-fila .pm-logos { display: flex; gap: 6px; margin-top: 6px; } html body.cdm-paso-pago .cdm-pm-fila .pm-logos img { height: 22px; width: auto; border-radius: 4px; background: #fff; border: 1px solid #e6e9f0; padding: 1px 3px; } html body.cdm-paso-pago .cdm-pm-fila .pm-check { width: 24px; height: 24px; border-radius: 50%; border: 2px solid #d5dae5; background: #fff; transition: all 0.2s ease; } html body.cdm-paso-pago li[name="o_payment_option"]:has(input[name="o_payment_radio"]:checked) .pm-check { border-color: #c79a3f; background: #c79a3f url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2012.5l4%204L18%208%22%2F%3E%3C%2Fsvg%3E") center / 14px 14px no-repeat; } html body.cdm-paso-pago .cdm-pm-sub { display: none !important; } html body.cdm-paso-pago .cdm-llega-orig { display: none !important; } html body.cdm-paso-pago .cdm-llega { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; align-items: center; gap: 14px; margin: 6px 0 12px; padding: 14px 16px; border-radius: 18px; background: #ffffff; border: 1px solid rgba(17, 34, 80, 0.08); box-shadow: 0 16px 30px -24px rgba(2, 13, 39, 0.45); font-family: Raleway, sans-serif; } html body.cdm-paso-pago .cdm-llega .ll-ico { width: 44px; height: 44px; border-radius: 13px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23e8c977%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s-6.5-5.6-6.5-11a6.5%206.5%200%200%201%2013%200C18.5%2015.4%2012%2021%2012%2021z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2210%22%20r%3D%222.4%22%2F%3E%3C%2Fsvg%3E") center / 22px 22px no-repeat, linear-gradient(160deg, #1b2c66, #0a1638); } html body.cdm-paso-pago .cdm-llega .ll-tx { display: flex; flex-direction: column; min-width: 0; } html body.cdm-paso-pago .cdm-llega small { font-size: 11.5px; letter-spacing: 0.08em; text-transform: uppercase; color: #a17a2c; font-weight: 700; } html body.cdm-paso-pago .cdm-llega b { font-size: 14.5px; color: #112250; margin-top: 2px; } html body.cdm-paso-pago .cdm-llega .ll-tx span { font-size: 13px; color: #5b6478; line-height: 1.45; } html body.cdm-paso-pago .cdm-llega .ll-cambiar { font-size: 12.5px; font-weight: 700; color: #a17a2c; text-decoration: none; padding: 7px 12px; border-radius: 999px; border: 1px solid rgba(199, 154, 63, 0.45); } @media (max-width: 991.98px) { html body.cdm-paso-pago #wrap .oe_cart, html body.cdm-paso-pago #wrap .o_website_sale_checkout_container > .row > [class*="col"] { padding-left: 16px !important; padding-right: 16px !important; } } /* Encabezados de Mi cuenta: tarjeta con degradado suave, adornos dorados y cuenta regresiva */ html body .cdm-hero { position: relative; overflow: hidden; display: flex !important; flex-direction: column; align-items: flex-start; justify-content: center; padding: 28px 34px !important; border-radius: 28px; background: radial-gradient(90% 140% at 100% 0%, rgba(199, 154, 63, 0.16) 0%, rgba(199, 154, 63, 0) 55%), linear-gradient(135deg, #fbf8f1 0%, #eef1f7 100%); border: 1px solid rgba(199, 154, 63, 0.22); box-shadow: 0 22px 44px -32px rgba(2, 13, 39, 0.45); min-height: 190px; } html body .cdm-hero::before { content: "✦"; position: absolute; right: 34px; top: 22px; font-size: 54px; line-height: 1; color: rgba(199, 154, 63, 0.18); } html body .cdm-hero::after { content: "✦ ✦"; position: absolute; right: 96px; bottom: 26px; font-size: 16px; letter-spacing: 18px; color: rgba(199, 154, 63, 0.28); } html body .cdm-hero .k1, html body .cdm-hero > span:first-child { font-family: Raleway, sans-serif !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; color: #a17a2c !important; } html body .cdm-hero .t2, html body .cdm-hero h2 { font-family: 'Cinzel', serif !important; font-size: clamp(30px, 3.4vw, 44px) !important; line-height: 1.1 !important; color: #112250 !important; margin: 8px 0 8px !important; } html body .cdm-hero .sb, html body .cdm-hero p { font-family: Raleway, sans-serif !important; font-size: 14.5px !important; color: #5b6478 !important; margin: 0 !important; max-width: 520px; } html body .cdm-hero .ln { margin: 2px 0 10px !important; } html body .cdm-hero-chip { display: inline-flex; align-items: center; gap: 6px; margin-top: 16px; padding: 8px 14px; border-radius: 999px; background: #112250; color: #fbfcfe; font-family: Raleway, sans-serif; font-size: 13px; box-shadow: 0 10px 20px -14px rgba(2, 13, 39, 0.8); } html body .cdm-hero-chip b { color: #e8c977; font-size: 15px; } html body .cdm-mc-cab { align-items: stretch !important; gap: 24px; } html body .cdm-mc-cab .cdm-hero { flex: 1 1 auto; } @media (max-width: 991.98px) { html body .cdm-hero { padding: 22px 20px !important; min-height: 0; border-radius: 22px; margin: 0 12px; } html body .cdm-hero::before { font-size: 40px; right: 18px; top: 14px; } html body .cdm-hero::after { display: none; } } /* Editar mis datos: tarjetas a lo ancho en compu */ @media (min-width: 992px) { html body.cdm-mi-form .cdm-fgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; width: 100%; max-width: 1180px; align-items: start; } html body.cdm-mi-form .cdm-fgrid .cdm-fcard { max-width: none !important; width: auto !important; margin: 0 !important; } html body.cdm-mi-form .cdm-fgrid .cdm-fcard.fact { grid-column: 1 / -1; } html body.cdm-mi-form .cdm-fgrid .cdm-fcard.fact .cdm-fcard-campos > * { flex: 0 0 50% !important; max-width: 50% !important; } html body.cdm-mi-form .cdm-mi-form-tit { max-width: 1180px; } } @media (min-width: 992px) { html body.cdm-mi-form .cdm-ancho { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; } html body.cdm-mi-form .cdm-fgrid, html body.cdm-mi-form .cdm-mi-form-tit { max-width: 1180px; margin-left: auto; margin-right: auto; } } @media (max-width: 991.98px) { html body .cdm-mc-cab { flex-direction: column !important; align-items: stretch !important; } html body .cdm-mc-cab .cdm-hero, html body .cdm-hero { width: auto !important; max-width: none !important; margin-left: 12px !important; margin-right: 12px !important; } } @media (max-width: 991.98px) { html body.cdm-mi-form .cdm-mi-form-tit.cdm-hero { box-sizing: border-box !important; width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; margin: 10px auto 18px !important; } } /* Estado del pago */ html body.cdm-estado-pago .cdm-st-orig { display: none !important; } html body.cdm-estado-pago .breadcrumb { display: none !important; } html body.cdm-estado-pago .cdm-st { max-width: 560px; margin: 28px auto 40px; padding: 34px 26px 26px; border-radius: 28px; background: radial-gradient(90% 120% at 50% 0%, rgba(199, 154, 63, 0.14) 0%, rgba(199, 154, 63, 0) 60%), #ffffff; border: 1px solid rgba(17, 34, 80, 0.07); box-shadow: 0 30px 60px -36px rgba(2, 13, 39, 0.55); text-align: center; font-family: Raleway, sans-serif; } html body.cdm-estado-pago .st-ico { width: 84px; height: 84px; margin: 0 auto 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(160deg, #1b2c66, #0a1638); box-shadow: 0 0 0 8px rgba(199, 154, 63, 0.12), 0 18px 30px -16px rgba(2, 13, 39, 0.8); } html body.cdm-estado-pago .st-ico span::before { content: "✦"; font-size: 36px; color: #e8c977; display: inline-block; } html body.cdm-estado-pago .cdm-st.espera .st-ico span::before { animation: cdmCargaGiro 1.8s ease-in-out infinite; } html body.cdm-estado-pago .cdm-st.ok .st-ico { background: linear-gradient(160deg, #23a06b, #157a4f); box-shadow: 0 0 0 8px rgba(35, 160, 107, 0.14); } html body.cdm-estado-pago .cdm-st.ok .st-ico span::before { content: "✓"; color: #fff; font-weight: 700; animation: cdmCheck 0.5s cubic-bezier(0.2, 0.8, 0.2, 1); } html body.cdm-estado-pago .cdm-st.aparte .st-ico span::before { content: "🎁"; font-size: 34px; } html body.cdm-estado-pago .cdm-st.mal .st-ico { background: linear-gradient(160deg, #b4532a, #8a3a1c); box-shadow: 0 0 0 8px rgba(180, 83, 42, 0.14); } html body.cdm-estado-pago .cdm-st.mal .st-ico span::before { content: "!"; color: #fff; font-weight: 700; } html body.cdm-estado-pago .cdm-st h1 { font-family: 'Cinzel', serif !important; font-size: clamp(22px, 5.6vw, 30px) !important; color: #112250 !important; margin: 0 0 8px !important; text-transform: none !important; } html body.cdm-estado-pago .st-sub { font-size: 14.5px; color: #5b6478; margin: 0 0 18px; } html body.cdm-estado-pago .st-barra { height: 6px; max-width: 260px; margin: 0 auto 20px; border-radius: 999px; background: #eef1f6; overflow: hidden; } html body.cdm-estado-pago .st-barra i { display: block; width: 40%; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #8a6d2f, #e8c977); animation: cdmStBarra 1.4s ease-in-out infinite; } @keyframes cdmStBarra { 0% { transform: translateX(-110%); } 100% { transform: translateX(260%); } } html body.cdm-estado-pago .st-nota { text-align: left; margin: 0 0 16px; padding: 14px 16px; border-radius: 16px; background: #f7f3e8; border: 1px solid rgba(199, 154, 63, 0.35); font-size: 13.5px; line-height: 1.6; color: #3b3220; } html body.cdm-estado-pago .st-datos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 20px; } html body.cdm-estado-pago .st-datos div { padding: 12px 14px; border-radius: 16px; background: #f7f8fb; text-align: left; } html body.cdm-estado-pago .st-datos span { display: block; font-size: 11.5px; letter-spacing: 0.08em; text-transform: uppercase; color: #8a93a6; font-weight: 700; } html body.cdm-estado-pago .st-datos b { display: block; font-size: 17px; color: #112250; margin-top: 2px; } html body.cdm-estado-pago .st-bts { display: flex; flex-direction: column; gap: 10px; } html body.cdm-estado-pago .st-bts a { display: flex; align-items: center; justify-content: center; min-height: 52px; border-radius: 999px; font-weight: 700; font-size: 15px; text-decoration: none; } html body.cdm-estado-pago .st-p { background: linear-gradient(135deg, #1b2c66, #0a1638); color: #fff !important; box-shadow: 0 16px 30px -18px rgba(2, 13, 39, 0.8); } html body.cdm-estado-pago .st-s { border: 1.5px solid rgba(17, 34, 80, 0.15); color: #112250 !important; background: #fff; } @media (max-width: 991.98px) { html body.cdm-estado-pago .cdm-st { margin: 18px 12px 30px; padding: 28px 18px 20px; } } @media (prefers-reduced-motion: reduce) { html body.cdm-estado-pago .st-barra i, html body.cdm-estado-pago .st-ico span::before { animation: none !important; } } /* Tienda (celular): barra de buscar / ordenar / filtros más delgada y con el texto centrado */ @media (max-width: 991.98px) { html body #wrap.o_wsale_products_page .products_header { padding: 5px !important; gap: 8px !important; align-items: center !important; } html body #wrap.o_wsale_products_page .products_header > a.btn, html body #wrap.o_wsale_products_page .products_header .o_sortby_dropdown .btn, html body #wrap.o_wsale_products_page .products_header > button.btn, html body #wrap.o_wsale_products_page .products_header .dropdown-toggle { height: 40px !important; min-height: 40px !important; padding: 0 16px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; line-height: 1 !important; font-family: Raleway, sans-serif !important; font-size: 13.5px !important; font-weight: 600 !important; letter-spacing: 0.01em !important; text-transform: none !important; margin: 0 !important; } html body #wrap.o_wsale_products_page .products_header > a.btn { width: 40px !important; padding: 0 !important; } html body #wrap.o_wsale_products_page .products_header .btn *, html body #wrap.o_wsale_products_page .products_header .dropdown-toggle * { line-height: 1 !important; margin-top: 0 !important; margin-bottom: 0 !important; } html body #wrap.o_wsale_products_page .products_header .o_sortby_dropdown { display: flex !important; align-items: center !important; } html body #wrap.o_wsale_products_page .products_header .dropdown-toggle::after { margin-left: 4px !important; vertical-align: middle !important; } } /* pagina 404: sin franja blanca entre el fondo y el pie (celular y compu) */ #wrapwrap:has(section.cdm-404){background-color:#070c24!important} #wrapwrap:has(section.cdm-404) > footer,#wrapwrap:has(section.cdm-404) footer#bottom{margin-top:0!important} /* ===== Menu celular: un solo boton dorado de La mision de Santa, centrado, con subtitulo ===== */ html body .o_navbar_mobile .cdmj-jugar{display:none!important} html body .o_navbar_mobile .navbar-nav .nav-item:has(> a.nav-link[href="/la-mision-de-santa"]){border:0!important;padding:10px 16px!important;display:flex!important;justify-content:center!important} html body .o_navbar_mobile .navbar-nav .nav-item > a.nav-link[href="/la-mision-de-santa"]{display:grid!important;grid-template-columns:46px 1fr!important;grid-template-rows:auto auto!important;column-gap:12px!important;align-items:center!important;width:100%!important;max-width:420px!important;margin:0 auto!important;padding:8px 18px 8px 8px!important;border-radius:999px!important;background:linear-gradient(135deg,#fbf0d4 0%,#e8c46e 45%,#c69a3e 100%)!important;border:1px solid rgba(255,244,214,.9)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -2px 0 rgba(120,80,20,.25),0 10px 22px -8px rgba(160,110,30,.7)!important;text-align:left!important;white-space:normal!important} html body .o_navbar_mobile .navbar-nav .nav-item > a.nav-link[href="/la-mision-de-santa"]::before{grid-row:1 / 3!important;width:46px!important;height:46px!important;border:2px solid #0b1626!important} html body .o_navbar_mobile .navbar-nav .nav-item > a.nav-link[href="/la-mision-de-santa"] > span{grid-column:2!important;font-family:Cinzel,'Times New Roman',serif!important;font-weight:700!important;font-size:16px!important;line-height:1.15!important;letter-spacing:.04em!important;color:#0b1626!important;text-transform:none!important} html body .o_navbar_mobile .navbar-nav .nav-item > a.nav-link[href="/la-mision-de-santa"]::after{content:"Juega y descubre las 8 colecciones"!important;display:block!important;grid-column:2!important;font-family:Raleway,sans-serif!important;font-size:12px!important;font-weight:600!important;line-height:1.25!important;color:#3d2a0c!important;margin:0!important;position:static!important;width:auto!important;height:auto!important;background:none!important;border:0!important;transform:none!important;opacity:1!important} /* ===== Carta de Nuez estilo maqueta: Nuez grande con halo, titulo dorado, esferas con tapita, boton dorado ===== */ @keyframes cdmnMece{0%,100%{rotate:-6deg}50%{rotate:6deg}} @keyframes cdmnHalo{0%,100%{opacity:.75}50%{opacity:1}} @media (max-width:767.98px){ html body .cdmn .cdmn-panel.cdmn-carta{padding:70px 20px 18px!important;border-radius:26px!important;border:1.5px solid rgba(223,180,76,.85)!important;background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(223,180,76,.20),rgba(223,180,76,0) 70%),linear-gradient(180deg,#13235a 0%,#0a1638 55%,#070f2a 100%)!important;box-shadow:0 0 0 1px rgba(255,236,190,.12) inset,0 0 28px rgba(223,180,76,.25),0 24px 50px rgba(0,0,0,.6)!important;overflow:visible!important;text-align:center!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-fig{position:absolute!important;left:0!important;right:0!important;margin:0 auto!important;top:-112px!important;width:170px!important;height:auto!important;max-width:none!important;padding:0 25px!important;box-sizing:border-box!important;transform:none!important;background:radial-gradient(ellipse 46% 30% at 50% 58%,rgba(255,214,120,.55),rgba(255,214,120,0) 70%),radial-gradient(ellipse 62% 15% at 50% 78%,rgba(255,226,150,0) 88%,rgba(255,226,150,.95) 93%,rgba(255,226,150,0) 99%)!important;filter:drop-shadow(0 8px 14px rgba(0,0,0,.55))!important;animation:cdmnHalo 2.6s ease-in-out infinite!important;z-index:3!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-x{width:34px!important;height:34px!important;border-radius:50%!important;border:1.5px solid rgba(223,180,76,.9)!important;background:#0b1638!important;color:#f6ecd6!important;font-size:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;top:14px!important;right:14px!important;z-index:4!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-k{display:block!important;font-size:10.5px!important;letter-spacing:.3em!important;text-transform:uppercase!important;color:#dfb44c!important;font-weight:700!important;margin-bottom:8px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-t{font-family:Cinzel,'Times New Roman',serif!important;font-weight:700!important;font-size:29px!important;line-height:1.08!important;letter-spacing:.01em!important;text-transform:uppercase!important;margin:0 auto 12px!important;max-width:300px!important;background:linear-gradient(180deg,#fff6d8 0%,#f1d48a 45%,#c9973a 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-p{font-size:14.5px!important;line-height:1.45!important;color:#f3f0ea!important;margin:0 0 16px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-p b{color:#f0c96a!important;font-weight:800!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols{display:flex!important;justify-content:center!important;flex-wrap:nowrap!important;gap:9px!important;margin:6px 0 8px!important;padding-top:8px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i{position:relative!important;width:27px!important;height:27px!important;flex:none!important;border-radius:50%!important;background:radial-gradient(circle at 34% 30%,#ffffff 0,rgba(255,255,255,.9) 9%,var(--c1) 34%,var(--c2) 100%)!important;box-shadow:inset -3px -4px 6px rgba(0,0,0,.28),0 4px 8px rgba(0,0,0,.45)!important;transform-origin:50% -7px!important;animation:cdmnMece 3.2s ease-in-out infinite} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i:nth-child(2n){animation-delay:-1.1s}html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i:nth-child(3n){animation-delay:-2s} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i::before{content:""!important;position:absolute!important;left:50%!important;top:-5px!important;width:9px!important;height:6px!important;margin-left:-4.5px!important;border-radius:2px 2px 1px 1px!important;background:linear-gradient(180deg,#fff2c4,#d4a43c 60%,#9b6e1d)!important;box-shadow:0 1px 1px rgba(0,0,0,.3)!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i::after{content:"";position:absolute;left:50%;top:-10px;width:6px;height:6px;margin-left:-3px;border:1.5px solid #d8b155;border-radius:50%;box-sizing:border-box} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cl{display:block!important;font-size:10px!important;letter-spacing:.24em!important;text-transform:uppercase!important;color:#dfb44c!important;font-weight:700!important;margin:0 0 16px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-jugar{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:54px!important;padding:0 52px 0 26px!important;border-radius:999px!important;background:linear-gradient(180deg,#fff6d8 0%,#f6dc93 30%,#e2b354 62%,#b98327 100%)!important;color:#1a1206!important;font-family:Cinzel,'Times New Roman',serif!important;font-weight:700!important;font-size:15.5px!important;letter-spacing:.1em!important;text-transform:uppercase!important;text-decoration:none!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(120,78,18,.3),0 0 0 1px rgba(255,236,190,.6),0 12px 24px rgba(0,0,0,.45),0 0 22px rgba(223,180,76,.35)!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-jugar::after{content:"→";position:absolute;right:22px;top:50%;transform:translateY(-52%);font-family:Raleway,sans-serif;font-size:20px;font-weight:400;color:#1a1206} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-no{margin-top:12px!important;background:none!important;border:0!important;color:#dfb44c!important;font-size:13px!important;font-weight:600!important;text-decoration:underline!important;text-underline-offset:3px!important;text-decoration-color:rgba(223,180,76,.6)!important} } @media (max-width:767.98px) and (prefers-reduced-motion:reduce){html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-fig{animation:none!important}} /* carta de Nuez v2: busto asomando sobre el borde, sin aro, sin esferas, separador dorado */ @media (max-width:767.98px){ html body .cdmn .cdmn-panel.cdmn-carta{padding-top:34px!important;margin-top:120px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-fig{top:auto!important;bottom:calc(100% - 16px)!important;width:156px!important;height:156px!important;padding:0!important;object-fit:cover!important;object-position:50% 3%!important;background:radial-gradient(circle at 50% 58%,rgba(255,214,120,.55) 0,rgba(255,214,120,.18) 38%,rgba(255,214,120,0) 66%)!important;-webkit-mask-image:linear-gradient(180deg,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,#000 82%,transparent 100%)} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols{display:none!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cl{display:flex!important;align-items:center!important;gap:10px!important;margin:4px 0 18px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cl::before,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cl::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(223,180,76,0),rgba(223,180,76,.85))} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cl::after{background:linear-gradient(90deg,rgba(223,180,76,.85),rgba(223,180,76,0))} } /* carta de Nuez: guirnalda nevada arriba y regalos en la esquina */ @media (max-width:767.98px){ html body .cdmn .cdmn-panel.cdmn-carta{padding-top:52px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo{position:static!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo::before{content:"";position:absolute;left:-16px;right:-16px;top:-86px;aspect-ratio:820 / 265;background:url("/web/image/23446/nuez-carta-guirnalda.webp") center top / 100% auto no-repeat;z-index:2;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo::after{content:"";position:absolute;left:-20px;bottom:-22px;width:104px;aspect-ratio:360 / 238;background:url("/web/image/23447/nuez-carta-regalos.webp") center / contain no-repeat;z-index:2;pointer-events:none;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-fig{z-index:3!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-x{z-index:4!important} } @media (max-width:767.98px){ html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo::before{top:auto!important;bottom:calc(100% - 30px)!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo::after{left:-4px!important;bottom:-18px!important;width:96px!important} } /* ===== Compu: sin boton de la mision en el menu; Nuez como chat abajo a la derecha ===== */ @keyframes cdmnMsg{0%{opacity:0;transform:translateY(8px) scale(.96)}100%{opacity:1;transform:none}} @media (min-width:768px){ html body header .navbar-nav .nav-item:has(> a.nav-link[href="/la-mision-de-santa"]){display:none!important} html body .cdmn{display:block!important} html body .cdmn .cdmn-panel.cdmn-carta{width:340px!important;padding:0 0 14px!important;border-radius:20px!important;overflow:hidden!important;text-align:left!important;background:linear-gradient(180deg,#0f1d47,#081232)!important;border:1px solid rgba(223,180,76,.75)!important;box-shadow:0 22px 50px rgba(0,0,0,.55),0 0 0 1px rgba(255,236,190,.08) inset!important} html body .cdmn .cdmn-panel.cdmn-carta::before,html body .cdmn .cdmn-panel.cdmn-carta::after{display:none!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-fig{display:none!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo{position:static!important;padding:0!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo::before{content:"";position:absolute;left:14px;top:12px;width:40px;height:40px;border-radius:50%;background:#16285c url("/web/image/22941/nuez-avatar-cara.webp") center / cover no-repeat;box-shadow:0 0 0 2px #d8b155;z-index:2} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo::after{content:"";position:absolute;left:46px;top:44px;width:10px;height:10px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 2px #0f1d47;z-index:3} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-k{display:block!important;margin:0 0 4px!important;padding:14px 48px 12px 66px!important;min-height:64px!important;box-sizing:border-box!important;background:linear-gradient(180deg,rgba(223,180,76,.16),rgba(223,180,76,.04))!important;border-bottom:1px solid rgba(223,180,76,.35)!important;font-size:0!important;letter-spacing:0!important;text-align:left!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-k::before{content:"Nuez";display:block;font-family:Cinzel,'Times New Roman',serif;font-weight:700;font-size:16px;letter-spacing:.04em;color:#f6ecd6;text-transform:none} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-k::after{content:"Taller de Santa · en línea";display:block;font-family:Raleway,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:#dfb44c;text-transform:none;margin-top:2px} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-x{top:16px!important;right:14px!important;width:30px!important;height:30px!important;font-size:13px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-t,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-p{display:block!important;width:fit-content!important;max-width:86%!important;margin:10px 16px 0!important;padding:10px 14px!important;background:#fffaf0!important;border-radius:16px 16px 16px 4px!important;box-shadow:0 4px 10px rgba(0,0,0,.3)!important;text-align:left!important;filter:none!important;-webkit-text-fill-color:currentColor!important;animation:cdmnMsg .4s ease-out both} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-t{font-family:Cinzel,'Times New Roman',serif!important;font-weight:700!important;font-size:16px!important;line-height:1.2!important;letter-spacing:.02em!important;text-transform:none!important;color:#0b1626!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;animation-delay:.15s} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-p{font-size:13.5px!important;line-height:1.45!important;color:#1a1206!important;animation-delay:.7s} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-p b{color:#9a6a1c!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols{display:none!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cl{display:block!important;margin:6px 16px 12px!important;font-size:10px!important;letter-spacing:.2em!important;color:#dfb44c!important;text-align:left!important;animation:cdmnMsg .4s ease-out 1.1s both} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cl::before,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cl::after{display:none!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-jugar{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0 16px!important;min-height:46px!important;border-radius:999px!important;background:linear-gradient(180deg,#fff6d8 0%,#f6dc93 30%,#e2b354 62%,#b98327 100%)!important;color:#1a1206!important;font-family:Cinzel,'Times New Roman',serif!important;font-weight:700!important;font-size:14px!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-decoration:none!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 8px 18px rgba(0,0,0,.4)!important;animation:cdmnMsg .4s ease-out 1.3s both} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-no{display:block!important;margin:10px auto 0!important;background:none!important;border:0!important;color:#dfb44c!important;font-size:12.5px!important;text-decoration:underline!important;text-underline-offset:3px!important} } @media (min-width:768px) and (prefers-reduced-motion:reduce){html body .cdmn .cdmn-panel.cdmn-carta .cdmn-t,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-p,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cl,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-jugar{animation:none!important}} /* banner de la mision en el inicio: oculto (la invitacion ahora es el chat de Nuez) */ html body .cdmj.cdmj-banner{display:none!important} /* ===== Carta de Nuez v3: ilustracion de maqueta, notificacion pendiente, fondo borroso, no choca con la barra del pino ===== */ @keyframes cdmnLate{0%{box-shadow:0 0 0 0 rgba(229,57,53,.55)}70%{box-shadow:0 0 0 14px rgba(229,57,53,0)}100%{box-shadow:0 0 0 0 rgba(229,57,53,0)}} @keyframes cdmnBadge{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}} html body .cdmn:not(.visto):not(.abierto) .cdmn-bt{animation:cdmnLate 1.8s ease-out infinite!important} html body .cdmn:not(.visto):not(.abierto) .cdmn-bt::after{content:"1"!important;position:absolute!important;top:-3px!important;right:-3px!important;left:auto!important;bottom:auto!important;width:22px!important;height:22px!important;border-radius:50%!important;background:#e53935!important;color:#fff!important;font:700 12px/22px Raleway,sans-serif!important;text-align:center!important;border:2px solid #fff!important;box-sizing:content-box!important;box-shadow:0 2px 6px rgba(0,0,0,.4)!important;animation:cdmnBadge 1.8s ease-in-out infinite!important;display:block!important;opacity:1!important} html body .cdmn.visto .cdmn-bt::after{display:none!important} html body:has(.cdm-pino-barra) .cdmn{bottom:92px!important} @media (max-width:767.98px){ html body .cdmn.abierto::before{content:"";position:fixed;inset:0;background:rgba(5,10,30,.45);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:-1;pointer-events:none} html body .cdmn .cdmn-panel.cdmn-carta{padding-top:66px!important;margin-top:227px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-fig{display:none!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo::before{left:50%!important;right:auto!important;width:300px!important;margin-left:-150px!important;top:auto!important;bottom:calc(100% - 112px)!important;aspect-ratio:820 / 954!important;background:url("/web/image/23528/nuez-carta-encabezado.webp") center / contain no-repeat!important;-webkit-mask-image:linear-gradient(180deg,#000 76%,transparent 86%);mask-image:linear-gradient(180deg,#000 76%,transparent 86%);filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))!important;z-index:3!important} } html body .cdmn.cdmn:not(.visto):not(.abierto) .cdmn-bt.cdmn-bt::after{content:"1"!important} @media (max-width:767.98px) and (max-height:700px){html body .cdmn .cdmn-panel.cdmn-carta{margin-top:148px!important}html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo::before{width:200px!important;margin-left:-100px!important;bottom:calc(100% - 75px)!important}html body .cdmn .cdmn-panel.cdmn-carta{padding-top:52px!important}} /* ===== Carta de Nuez v4 (celular): centrada, sale del boton de Nuez, sin regalos, gamificada ===== */ @keyframes cdmnSale{0%{opacity:0;scale:.15}70%{opacity:1;scale:1.03}100%{opacity:1;scale:1}} @keyframes cdmnPinoSig{0%,100%{opacity:.55;scale:1}50%{opacity:1;scale:1.18}} @keyframes cdmnJugar{0%,100%{scale:1}50%{scale:1.04}} @keyframes cdmnBrillo{0%{left:-40%}60%,100%{left:120%}} @media (max-width:767.98px){ html body .cdmn .cdmn-panel.cdmn-carta{position:fixed!important;left:12px!important;right:12px!important;width:auto!important;bottom:auto!important;top:50%!important;margin:0!important;translate:0 calc(-50% + 119px)!important;transform-origin:88% calc(100% + 60px)!important} html body .cdmn.abierto .cdmn-panel.cdmn-carta{animation:cdmnSale .5s cubic-bezier(.2,.9,.3,1.15) both!important} html body .cdmn.abierto .cdmn-bt,html body .cdmn.abierto .cdmn-burbuja{opacity:0!important;scale:.4!important;pointer-events:none!important;transition:opacity .25s,scale .25s!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo::after{display:none!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo::before{margin-left:-168px!important;filter:none!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cl{display:none!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-p{margin-bottom:14px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-juego{margin:0 0 16px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos{display:flex!important;justify-content:center!important;gap:8px!important;margin-bottom:10px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i{width:26px;height:26px;display:block;background:rgba(255,255,255,.18);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 1.2l.9 1.9 2.1.3-1.5 1.5.4 2.1-1.9-1-1.9 1 .4-2.1-1.5-1.5 2.1-.3z'/%3E%3Cpath d='M12 7.2l3.6 4.4h-1.9l3.4 4.2h-2l3.6 4.4H5.3l3.6-4.4h-2l3.4-4.2H8.4z'/%3E%3Crect x='10.7' y='20.2' width='2.6' height='2.6' rx='.4'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 1.2l.9 1.9 2.1.3-1.5 1.5.4 2.1-1.9-1-1.9 1 .4-2.1-1.5-1.5 2.1-.3z'/%3E%3Cpath d='M12 7.2l3.6 4.4h-1.9l3.4 4.2h-2l3.6 4.4H5.3l3.6-4.4h-2l3.4-4.2H8.4z'/%3E%3Crect x='10.7' y='20.2' width='2.6' height='2.6' rx='.4'/%3E%3C/svg%3E") center / contain no-repeat} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i.on{background:linear-gradient(180deg,#fff2c4,#e2b354 55%,#b98327);filter:drop-shadow(0 0 6px rgba(255,214,120,.8))} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i.sig{background:#dfb44c;animation:cdmnPinoSig 1.4s ease-in-out infinite} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-prog{height:8px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin:0 6px 8px;box-shadow:inset 0 1px 2px rgba(0,0,0,.4)} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-prog span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#b98327,#f6dc93);box-shadow:0 0 8px rgba(255,214,120,.7)} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuenta{margin:0 0 12px!important;font-size:12.5px!important;color:#cfd6ea!important;letter-spacing:.04em} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuenta b{color:#f0c96a;font-weight:800} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-chips{display:flex;justify-content:center;gap:6px;flex-wrap:wrap} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-chips span{padding:5px 10px;border-radius:999px;border:1px solid rgba(223,180,76,.55);background:rgba(223,180,76,.10);color:#f6ecd6;font-size:11.5px;font-weight:700;white-space:nowrap} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-jugar{overflow:hidden!important;letter-spacing:.14em!important;animation:cdmnJugar 1.6s ease-in-out infinite!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-jugar::before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-18deg);animation:cdmnBrillo 2.6s ease-in-out infinite;pointer-events:none} } @media (max-width:767.98px) and (max-height:700px){html body .cdmn .cdmn-panel.cdmn-carta{translate:0 calc(-50% + 79px)!important}html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo::before{margin-left:-112px!important}} @media (prefers-reduced-motion:reduce){html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i.sig,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-jugar,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-jugar::before{animation:none!important}html body .cdmn.abierto .cdmn-panel.cdmn-carta{animation:none!important}} @media (max-width:767.98px){ html body .cdmn .cdmn-panel.cdmn-carta{padding:56px 18px 14px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-k{margin-bottom:6px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-t{font-size:26px!important;margin-bottom:8px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-p{font-size:13.5px!important;line-height:1.4!important;margin-bottom:12px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-juego{margin-bottom:14px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos{gap:7px!important;margin-bottom:8px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i{width:23px;height:23px} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuenta{margin-bottom:10px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-jugar{min-height:50px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-no{margin-top:8px!important} } @media (max-width:767.98px) and (max-height:700px){html body .cdmn .cdmn-panel.cdmn-carta .cdmn-chips{display:none!important}html body .cdmn .cdmn-panel.cdmn-carta{padding-top:46px!important}} @media (max-width:767.98px) and (min-height:700.02px){html body .cdmn .cdmn-panel.cdmn-carta{padding-top:66px!important}} /* compu: parte de juego dentro del chat de Nuez */ @media (min-width:768px){ html body .cdmn .cdmn-panel.cdmn-carta .cdmn-juego{margin:12px 16px 12px;padding:12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(223,180,76,.3);animation:cdmnMsg .4s ease-out 1.1s both} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos{display:flex;justify-content:space-between;margin-bottom:8px} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i{width:20px;height:20px;display:block;background:rgba(255,255,255,.2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 1.2l.9 1.9 2.1.3-1.5 1.5.4 2.1-1.9-1-1.9 1 .4-2.1-1.5-1.5 2.1-.3z'/%3E%3Cpath d='M12 7.2l3.6 4.4h-1.9l3.4 4.2h-2l3.6 4.4H5.3l3.6-4.4h-2l3.4-4.2H8.4z'/%3E%3Crect x='10.7' y='20.2' width='2.6' height='2.6' rx='.4'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Cpath d='M12 1.2l.9 1.9 2.1.3-1.5 1.5.4 2.1-1.9-1-1.9 1 .4-2.1-1.5-1.5 2.1-.3z'/%3E%3Cpath d='M12 7.2l3.6 4.4h-1.9l3.4 4.2h-2l3.6 4.4H5.3l3.6-4.4h-2l3.4-4.2H8.4z'/%3E%3Crect x='10.7' y='20.2' width='2.6' height='2.6' rx='.4'/%3E%3C/svg%3E") center / contain no-repeat} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i.on{background:linear-gradient(180deg,#fff2c4,#e2b354 55%,#b98327)} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i.sig{background:#dfb44c;animation:cdmnPinoSig 1.4s ease-in-out infinite} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-prog{height:6px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden;margin-bottom:6px} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-prog span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#b98327,#f6dc93)} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuenta{margin:0 0 8px!important;font-size:12px!important;color:#cfd6ea!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuenta b{color:#f0c96a} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-chips{display:flex;gap:5px;flex-wrap:wrap} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-chips span{padding:3px 8px;border-radius:999px;border:1px solid rgba(223,180,76,.5);color:#f6ecd6;font-size:10.5px;font-weight:700} } @keyframes cdmnPinoSig{0%,100%{opacity:.55}50%{opacity:1}} /* ===== Compu: chat de Nuez estilo maqueta (tarjeta pergamino, esferas reales por coleccion, destellos) ===== */ @keyframes cdmnTitila{0%,100%{opacity:.55}50%{opacity:1}} @media (min-width:768px){ html body .cdmn .cdmn-panel.cdmn-carta{width:360px!important;overflow:visible!important;border:1.5px solid rgba(223,180,76,.9)!important;background:radial-gradient(ellipse 70% 40% at 85% 32%,rgba(223,180,76,.14),rgba(223,180,76,0) 70%),linear-gradient(180deg,#101e4a 0%,#0a1638 60%,#081232 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,236,190,.12),0 0 26px rgba(223,180,76,.45),0 24px 50px rgba(0,0,0,.55)!important} html body .cdmn .cdmn-panel.cdmn-carta::before{display:block!important;content:""!important;position:absolute!important;inset:-16px!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;pointer-events:none!important;z-index:5!important;background:radial-gradient(circle at 97% 3%,#fff8dc 0 1.6px,rgba(255,214,120,.75) 2.6px,rgba(255,214,120,0) 6.4px),radial-gradient(circle at 3% 42%,#fff8dc 0 1.3px,rgba(255,214,120,.75) 2.3px,rgba(255,214,120,0) 5.2px),radial-gradient(circle at 99% 60%,#fff8dc 0 1.2px,rgba(255,214,120,.75) 2.2px,rgba(255,214,120,0) 4.8px),radial-gradient(circle at 6% 88%,#fff8dc 0 1.5px,rgba(255,214,120,.75) 2.5px,rgba(255,214,120,0) 6px),radial-gradient(circle at 93% 97%,#fff8dc 0 1.8px,rgba(255,214,120,.75) 2.8px,rgba(255,214,120,0) 7.2px),radial-gradient(circle at 55% 1%,#fff8dc 0 1px,rgba(255,214,120,.75) 2px,rgba(255,214,120,0) 4px)!important;animation:cdmnTitila 2.4s ease-in-out infinite!important;opacity:1} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-k{border-radius:19px 19px 0 0!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-t{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:none!important;min-height:78px!important;box-sizing:border-box!important;margin:14px 16px 12px!important;padding:12px 112px 12px 14px!important;background:linear-gradient(135deg,#fdf6e2 0%,#f3e3ba 100%)!important;border:1px solid #d8b155!important;border-radius:12px!important;box-shadow:inset 0 0 0 3px rgba(255,255,255,.5),0 6px 16px rgba(0,0,0,.35)!important;text-align:center!important;font-size:17px!important;line-height:1.15!important;text-transform:uppercase!important;color:#0b1626!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-t::after{content:"";position:absolute;right:-18px;bottom:-10px;width:124px;aspect-ratio:600 / 700;background:url("/web/image/22887/juego-asoma-nuez.webp") center bottom / contain no-repeat;pointer-events:none;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35))} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-p{width:auto!important;max-width:none!important;margin:2px 18px 14px!important;padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;color:#eef0f6!important;font-size:13.5px!important;line-height:1.45!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-p b{color:#f0c96a!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-juego{display:none!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:0 16px 10px!important;padding:7px 12px!important;border-radius:999px!important;border:1px solid rgba(223,180,76,.6)!important;background:rgba(255,255,255,.04)!important;box-shadow:inset 0 0 12px rgba(223,180,76,.12)!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i{width:34px!important;height:34px!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i::before,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i::after{display:none!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i:nth-child(1){background-image:url("/web/image/22961")!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i:nth-child(2){background-image:url("/web/image/23001")!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i:nth-child(3){background-image:url("/web/image/23000")!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i:nth-child(4){background-image:url("/web/image/22969")!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i:nth-child(5){background-image:url("/web/image/22983")!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i:nth-child(6){background-image:url("/web/image/22971")!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i:nth-child(7){background-image:url("/web/image/22977")!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cols i:nth-child(8){background-image:url("/web/image/22992")!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cl{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin:0 16px 12px!important;font-size:11.5px!important;letter-spacing:.02em!important;text-transform:none!important;color:#f0c96a!important;font-weight:700!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cl::before,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cl::after{display:block!important;content:"✦"!important;flex:1;text-align:right;font-size:9px;color:#dfb44c;background:linear-gradient(90deg,rgba(223,180,76,0),rgba(223,180,76,.8)) left center / calc(100% - 14px) 1px no-repeat} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cl::after{text-align:left;background:linear-gradient(90deg,rgba(223,180,76,.8),rgba(223,180,76,0)) right center / calc(100% - 14px) 1px no-repeat} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-jugar{box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 0 18px rgba(223,180,76,.55),0 8px 18px rgba(0,0,0,.4)!important} } @media (min-width:768px) and (prefers-reduced-motion:reduce){html body .cdmn .cdmn-panel.cdmn-carta::before{animation:none!important}} @media (min-width:768px){html body .cdmn .cdmn-panel.cdmn-carta .cdmn-t{font-size:15.5px!important;padding-right:100px!important;letter-spacing:.03em!important}} /* ===== Nuez tipo Messenger (celular) ===== */ @keyframes cdmnPunto{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}} @keyframes cdmnBurbujaIn{0%{opacity:0;transform:translateX(10px) scale(.7)}100%{opacity:1;transform:none}} @keyframes cdmnSalta{0%,100%{translate:0 0}30%{translate:0 -8px}55%{translate:0 0}75%{translate:0 -3px}} @media (max-width:767.98px){ html body .cdmn .cdmn-burbuja{display:none!important} html body .cdmn .cdmn-chat{position:absolute;right:calc(100% + 10px);bottom:6px;display:none;align-items:center;max-width:210px;padding:9px 14px;border-radius:18px 18px 4px 18px;background:#ffffff;color:#0b1626;font:700 13px/1.25 Raleway,sans-serif;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.35);cursor:pointer;transform-origin:100% 100%;z-index:2} html body .cdmn .cdmn-chat.escribe,html body .cdmn .cdmn-chat.muestra{display:flex;animation:cdmnBurbujaIn .28s cubic-bezier(.2,.9,.3,1.3) both} html body .cdmn .cdmn-chat-tx{display:none} html body .cdmn .cdmn-chat.muestra .cdmn-chat-tx{display:inline} html body .cdmn .cdmn-chat-dots{display:none;gap:4px;padding:3px 2px} html body .cdmn .cdmn-chat.escribe .cdmn-chat-dots{display:inline-flex} html body .cdmn .cdmn-chat-dots i{width:7px;height:7px;border-radius:50%;background:#8a94ad;animation:cdmnPunto 1.1s ease-in-out infinite} html body .cdmn .cdmn-chat-dots i:nth-child(2){animation-delay:.15s}html body .cdmn .cdmn-chat-dots i:nth-child(3){animation-delay:.3s} html body .cdmn.abierto .cdmn-chat{display:none!important} html body .cdmn.salta:not(.abierto) .cdmn-bt{animation:cdmnSalta .6s ease-out 1,cdmnLate 1.8s ease-out infinite!important} html body .cdmn.nuevo:not(.abierto) .cdmn-bt::after{content:"1"!important;display:block!important;position:absolute!important;top:-3px!important;right:-3px!important;left:auto!important;bottom:auto!important;width:22px!important;height:22px!important;border-radius:50%!important;background:#e53935!important;color:#fff!important;font:700 12px/22px Raleway,sans-serif!important;text-align:center!important;border:2px solid #fff!important;box-sizing:content-box!important;opacity:1!important} } @media (min-width:768px){html body .cdmn .cdmn-chat{display:none!important}} @media (prefers-reduced-motion:reduce){html body .cdmn .cdmn-chat-dots i,html body .cdmn.salta .cdmn-bt{animation:none!important}} /* menu celular: boton de la mision compacto; Nuez y su burbuja se ocultan con el menu abierto */ @media (max-width:991.98px){ html body .o_navbar_mobile .navbar-nav .nav-item > a.nav-link[href="/la-mision-de-santa"]{grid-template-columns:36px 1fr!important;column-gap:10px!important;padding:6px 16px 6px 6px!important;min-height:0!important;max-width:340px!important} html body .o_navbar_mobile .navbar-nav .nav-item > a.nav-link[href="/la-mision-de-santa"]::before{width:36px!important;height:36px!important;border-width:1.5px!important} html body .o_navbar_mobile .navbar-nav .nav-item > a.nav-link[href="/la-mision-de-santa"] > span{font-size:14px!important;letter-spacing:.03em!important;line-height:1.15!important} html body .o_navbar_mobile .navbar-nav .nav-item > a.nav-link[href="/la-mision-de-santa"]::after{font-size:11px!important;letter-spacing:0!important;line-height:1.2!important;font-weight:600!important;margin-top:1px!important} html body:has(.o_navbar_mobile.show) .cdmn,html body:has(.o_navbar_mobile.showing) .cdmn{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .2s!important} } /* ===== Carta de Nuez v5 (celular): pinos con fotos reales, animaciones de juego, luces de circo atras ===== */ @keyframes cdmnFlota{0%,100%{translate:0 0}50%{translate:0 -6px}} @keyframes cdmnSube{0%{background-position:0 0,0 0}100%{background-position:0 -220px,0 -160px}} @keyframes cdmnTitilaPino{0%,100%{box-shadow:0 0 0 2px #e2b354,0 0 6px rgba(255,214,120,.5)}50%{box-shadow:0 0 0 2px #fff2c4,0 0 16px rgba(255,214,120,1)}} @keyframes cdmnSigPino{0%,100%{box-shadow:0 0 0 2px rgba(223,180,76,.35);scale:1}50%{box-shadow:0 0 0 3px #dfb44c,0 0 14px rgba(223,180,76,.8);scale:1.12}} @keyframes cdmnBarraBrillo{0%{background-position:-120px 0,0 0}100%{background-position:320px 0,0 0}} @keyframes cdmnChipEntra{0%{opacity:0;scale:.6;translate:0 8px}70%{opacity:1;scale:1.08}100%{opacity:1;scale:1;translate:0 0}} @keyframes cdmnRayosCarta{to{rotate:360deg}} @media (max-width:767.98px){ html body .cdmn.abierto::after{content:"";position:fixed;left:50%;top:50%;width:1200px;height:1200px;margin:-600px 0 0 -600px;z-index:-1;pointer-events:none;background:repeating-conic-gradient(rgba(255,222,140,.26) 0deg 6deg,rgba(255,222,140,0) 6deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 14%,rgba(0,0,0,.5) 36%,transparent 60%);mask-image:radial-gradient(circle,#000 14%,rgba(0,0,0,.5) 36%,transparent 60%);animation:cdmnRayosCarta 40s linear infinite} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo::before{animation:cdmnFlota 3.2s ease-in-out infinite!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-juego{position:relative} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-juego::before{content:"";position:absolute;left:-10px;right:-10px;top:-150px;bottom:-40px;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,232,170,.95) 0 1.4px,transparent 2.4px) 0 0 / 46px 54px,radial-gradient(circle,rgba(255,214,120,.8) 0 1px,transparent 2px) 0 0 / 31px 40px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 25%,#000 70%,transparent);animation:cdmnSube 9s linear infinite;opacity:.7} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-juego > *{position:relative;z-index:1} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos{gap:6px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i{position:relative;width:32px!important;height:32px!important;border-radius:50%;-webkit-mask:none!important;mask:none!important;background-color:#16285c!important;background-size:cover!important;background-position:center 38%!important;filter:grayscale(1) brightness(.45);box-shadow:0 0 0 1.5px rgba(255,255,255,.18)} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i::after{content:"";position:absolute;inset:0;margin:auto;width:13px;height:13px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2.2' fill='%23dfb44c'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5' fill='none' stroke='%23dfb44c' stroke-width='2.2'/%3E%3C/svg%3E") center / contain no-repeat;filter:brightness(2.2)} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i.on{filter:none;animation:cdmnTitilaPino 2.4s ease-in-out infinite;animation-delay:calc(var(--k) * .3s)} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i.on::after,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i.sig::after{display:none} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i.sig{filter:grayscale(.3) brightness(.8);animation:cdmnSigPino 1.4s ease-in-out infinite!important;opacity:1!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-prog span{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%) 0 0 / 120px 100% no-repeat,linear-gradient(90deg,#b98327,#f6dc93)!important;animation:cdmnBarraBrillo 2.2s ease-in-out infinite} html body .cdmn.abierto .cdmn-panel.cdmn-carta .cdmn-chips span{animation:cdmnChipEntra .45s cubic-bezier(.2,.9,.3,1.3) both} html body .cdmn.abierto .cdmn-panel.cdmn-carta .cdmn-chips span:nth-child(1){animation-delay:.45s} html body .cdmn.abierto .cdmn-panel.cdmn-carta .cdmn-chips span:nth-child(2){animation-delay:.6s} html body .cdmn.abierto .cdmn-panel.cdmn-carta .cdmn-chips span:nth-child(3){animation-delay:.75s} } @media (max-width:767.98px) and (prefers-reduced-motion:reduce){html body .cdmn.abierto::after,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo::before,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-juego::before,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i,html body .cdmn .cdmn-panel.cdmn-carta .cdmn-prog span,html body .cdmn.abierto .cdmn-chips span{animation:none!important}} /* barra de pasos del pago (celular): pasos completados con el mismo acomodo y puntito dorado con palomita */ @media (max-width: 991.98px){ html body .o_wizard > a{position:relative;z-index:1;flex:1 1 0;min-width:0;display:flex!important;flex-direction:column;align-items:center;text-align:center;text-decoration:none!important} html body .o_wizard > a > div{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important} html body .o_wizard > a > div::before{content:"";width:14px;height:14px;border-radius:50%;background:#c9a24a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4l2.6 2.6L12 5.4' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;box-shadow:0 0 0 4px #ffffff} html body .o_wizard > a p,html body .o_wizard > a p span{margin:0!important;font-size:11px!important;font-weight:600;letter-spacing:.5px;color:#5a6688!important;line-height:1.25} html body .o_wizard > a .fa-angle-right,html body .o_wizard > span .fa-angle-right{display:none!important} html body .o_wizard > a:hover p span{color:#112250!important;text-decoration:underline} } /* ===== Inicio: logo de El Diario sin recuadro gris (compu y celular) ===== */ /* ===== Inicio celular: contador legible y gamificado, tarjeta de visita en vidrio azul ===== */ @keyframes ccjTic{0%{transform:translateY(-6px) scale(1.06);color:#fff6d8}100%{transform:none}} @keyframes ccjSig{0%,100%{box-shadow:0 0 0 2px rgba(223,180,76,.35);scale:1}50%{box-shadow:0 0 0 3px #dfb44c,0 0 14px rgba(223,180,76,.8);scale:1.12}} @keyframes ccjOn{0%,100%{box-shadow:0 0 0 2px #e2b354,0 0 6px rgba(255,214,120,.5)}50%{box-shadow:0 0 0 2px #fff2c4,0 0 16px rgba(255,214,120,1)}} @keyframes ccjBrillo{0%{left:-40%}60%,100%{left:120%}} @media (max-width:991.98px){ html body .cdm-cuenta .cdm-mini > div{background:linear-gradient(180deg,rgba(28,48,108,.92),rgba(10,20,56,.95))!important;border:1px solid rgba(223,180,76,.55)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.35)!important;color:#ffffff!important} html body .cdm-cuenta .cdm-mini > div *{color:inherit!important;opacity:1!important} html body .cdm-cuenta .cdm-mini > div > :last-child{color:#dfb44c!important;letter-spacing:.2em} html body .cdm-cuenta .cdm-mini > div.tic > :first-child{display:inline-block;animation:ccjTic .35s ease-out} html body .cdm-cuenta .ccj{margin:22px auto 6px;max-width:330px;padding:16px 14px 14px;border-radius:20px;background:linear-gradient(180deg,rgba(28,48,108,.9),rgba(10,20,56,.95));border:1px solid rgba(223,180,76,.55);box-shadow:0 10px 24px rgba(0,0,0,.35);text-align:center} html body .cdm-cuenta .ccj-t{margin:0 0 12px!important;font-size:14px!important;color:#eef0f6!important;line-height:1.35} html body .cdm-cuenta .ccj-t b{color:#f0c96a} html body .cdm-cuenta .ccj-pinos{display:flex;justify-content:center;gap:6px;margin-bottom:10px} html body .cdm-cuenta .ccj-pinos i{position:relative;width:30px;height:30px;border-radius:50%;background-color:#16285c;background-size:cover;background-position:center 38%;filter:grayscale(1) brightness(.45);box-shadow:0 0 0 1.5px rgba(255,255,255,.18)} html body .cdm-cuenta .ccj-pinos i::after{content:"";position:absolute;inset:0;margin:auto;width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2.2' fill='%23dfb44c'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5' fill='none' stroke='%23dfb44c' stroke-width='2.2'/%3E%3C/svg%3E") center / contain no-repeat;filter:brightness(2.2)} html body .cdm-cuenta .ccj-pinos i.on{filter:none;animation:ccjOn 2.4s ease-in-out infinite;animation-delay:calc(var(--k) * .3s)} html body .cdm-cuenta .ccj-pinos i.on::after,html body .cdm-cuenta .ccj-pinos i.sig::after{display:none} html body .cdm-cuenta .ccj-pinos i.sig{filter:grayscale(.3) brightness(.8);animation:ccjSig 1.4s ease-in-out infinite} html body .cdm-cuenta .ccj-c{margin:0 0 12px!important;font-size:12px!important;color:#cfd6ea!important} html body .cdm-cuenta .ccj-c b{color:#f0c96a} html body .cdm-cuenta .ccj-bt{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 26px;border-radius:999px;background:linear-gradient(180deg,#fff6d8 0%,#f6dc93 30%,#e2b354 62%,#b98327 100%);color:#1a1206!important;font-family:Cinzel,'Times New Roman',serif;font-weight:700;font-size:13.5px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 8px 18px rgba(0,0,0,.4)} html body .cdm-cuenta .ccj-bt::before{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);transform:skewX(-18deg);animation:ccjBrillo 2.6s ease-in-out infinite} html body .cdm-visita{background:linear-gradient(180deg,rgba(28,48,108,.94) 0%,rgba(10,20,56,.97) 100%)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid rgba(223,180,76,.6)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 40px rgba(0,0,0,.45)!important;color:#eef0f6!important} html body .cdm-visita .cdm-estado{background:rgba(223,180,76,.14)!important;border:1px solid rgba(223,180,76,.55)!important;color:#f0c96a!important;opacity:1!important} html body .cdm-visita .cdm-dir{color:#eef0f6!important;opacity:1!important} html body .cdm-visita .cdm-dir i,html body .cdm-visita .cdm-dir svg,html body .cdm-visita > i,html body .cdm-visita .fa-map-marker{color:#dfb44c!important} html body .cdm-visita .cdm-titulo{font-family:Cinzel,'Times New Roman',serif!important;color:#f0c96a!important;opacity:1!important;letter-spacing:.06em} html body .cdm-visita .cdm-horas b{color:#ffffff!important;opacity:1!important} html body .cdm-visita .cdm-horas span{color:#cfd6ea!important;opacity:1!important} html body .cdm-visita .cdm-linea{background:rgba(223,180,76,.45)!important} html body .cdm-visita .cdm-sep{color:#dfb44c!important;opacity:.9} html body .cdm-visita .cdm-llegar{background:linear-gradient(180deg,#fff6d8 0%,#f6dc93 30%,#e2b354 62%,#b98327 100%)!important;border:0!important;color:#1a1206!important;opacity:1!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 8px 18px rgba(0,0,0,.4)!important} html body .cdm-visita .cdm-llegar *{color:#1a1206!important} } @media (prefers-reduced-motion:reduce){html body .cdm-cuenta .ccj-pinos i,html body .cdm-cuenta .ccj-bt::before,html body .cdm-cuenta .cdm-mini > div.tic > :first-child{animation:none!important}} /* Nuez: globito "1" chico en la esquina para no tapar la cara */ html body .cdmn.cdmn:not(.visto):not(.abierto) .cdmn-bt.cdmn-bt::after,html body .cdmn.nuevo.nuevo:not(.abierto) .cdmn-bt.cdmn-bt::after{width:16px!important;height:16px!important;top:-7px!important;right:-7px!important;font:800 10px/16px Raleway,sans-serif!important;border-width:2px!important} /* ===== Inicio celular: Instagram con fondo estrellado, celular dibujado y comentarios navidenos ===== */ @keyframes igmEntra{0%{opacity:0;transform:translateY(12px) scale(.85)}100%{opacity:1;transform:none}} @keyframes igmFlota{0%,100%{translate:0 0}50%{translate:0 -5px}} @keyframes igmDots{0%,70%{opacity:1;max-width:40px}80%,100%{opacity:0;max-width:0}} @keyframes igmMsg{0%,72%{opacity:0;max-height:0}100%{opacity:1;max-height:60px}} @keyframes igmLike{0%,78%{scale:0}90%{scale:1.4}100%{scale:1}} @keyframes igmPunto{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}} @media (max-width:991.98px){ html body #wrap section.s_instagram_page{background-color:#112250!important;background-image:url("https://mx.christmasdecorationsmty.com/web/image/22091-b17bb886/_%20%281%29.webp"), linear-gradient(135deg, rgb(17, 34, 80) 0%, rgb(2, 11, 33) 100%)!important;background-size:cover!important;background-position:center!important;padding:56px 0 52px!important;overflow:hidden!important} html body #wrap section.s_instagram_page .cdm-ig3{display:block!important;text-align:center!important;padding:0 16px!important} html body #wrap section.s_instagram_page .cdm-ig3-texto{margin:0 auto 26px!important;max-width:340px} html body #wrap section.s_instagram_page .cdm-ig3-k{margin:0 0 8px!important;color:#dfb44c!important;font-size:11px!important;letter-spacing:.28em!important;text-transform:uppercase!important;font-weight:800!important} html body #wrap section.s_instagram_page .cdm-ig3-titulo{margin:0 0 10px!important;font-family:Cinzel,'Times New Roman',serif!important;line-height:1.05!important;color:#ffffff!important} html body #wrap section.s_instagram_page .cdm-ig3-titulo span{display:block} html body #wrap section.s_instagram_page .cdm-ig3-titulo .l1,html body #wrap section.s_instagram_page .cdm-ig3-titulo .l3{font-size:22px!important;font-weight:500!important;color:#eef0f6!important} html body #wrap section.s_instagram_page .cdm-ig3-titulo .l2{font-size:38px!important;font-weight:700!important;background:linear-gradient(180deg,#fff6d8 0%,#f1d48a 45%,#c9973a 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;margin:2px 0} html body #wrap section.s_instagram_page .cdm-ig3-a{margin:0 0 16px!important;color:#cfd6ea!important;font-size:13px!important} html body #wrap section.s_instagram_page .cdm-ig3-btn{display:inline-flex!important;align-items:center;gap:8px;min-height:46px;padding:0 24px;border-radius:999px;background:linear-gradient(180deg,#fff6d8 0%,#f6dc93 30%,#e2b354 62%,#b98327 100%);color:#1a1206!important;font-weight:800;font-size:14px;text-decoration:none!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 10px 20px rgba(0,0,0,.4)} html body #wrap section.s_instagram_page .cdm-escena3{position:relative!important;height:auto!important;padding:10px 0 20px!important;margin:0 -16px!important} html body #wrap section.s_instagram_page .cdm-cel{position:relative!important;width:228px!important;height:auto!important;margin:0 auto!important;padding:8px!important;border-radius:38px!important;background:linear-gradient(145deg,#2b3242,#0d1018)!important;box-shadow:0 0 0 1.5px #4a5368,inset 0 0 0 2px #05070b,0 28px 50px rgba(0,0,0,.6),0 0 40px rgba(223,180,76,.18)!important;transform:none!important} html body #wrap section.s_instagram_page .cdm-bisel{border-radius:31px!important;overflow:hidden!important;background:#fff!important} html body #wrap section.s_instagram_page .cdm-pantalla3{position:relative!important;height:420px!important;overflow:hidden!important;border-radius:31px!important;background:#fff!important;padding-top:30px!important} html body #wrap section.s_instagram_page .cdm-isla{position:absolute!important;top:9px!important;left:50%!important;width:74px!important;height:20px!important;margin-left:-37px!important;border-radius:999px!important;background:#0b0d12!important;z-index:5!important} html body #wrap section.s_instagram_page .cdm-reflejo{position:absolute!important;inset:0!important;background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 40%)!important;pointer-events:none!important;z-index:4!important} html body #wrap section.s_instagram_page .cdm-pantalla3 .o_instagram_container{border-radius:0!important;box-shadow:none!important;margin:0!important;padding:4px 6px!important;transform:scale(.92);transform-origin:top center;width:108.7%!important;margin-left:-4.35%!important} html body #wrap section.s_instagram_page .cdm-com{position:absolute!important;z-index:6!important;display:flex!important;align-items:flex-start!important;gap:7px!important;width:auto!important;max-width:172px!important;padding:8px 10px!important;border-radius:14px!important;background:#ffffff!important;box-shadow:0 10px 22px rgba(0,0,0,.4)!important;text-align:left!important;animation:igmEntra .5s cubic-bezier(.2,.9,.3,1.25) both,igmFlota 3.6s ease-in-out infinite!important} html body #wrap section.s_instagram_page .cdm-com.c1{left:8px!important;right:auto!important;top:4%!important;animation-delay:.2s,.8s!important} html body #wrap section.s_instagram_page .cdm-com.c4{right:8px!important;left:auto!important;top:20%!important;animation-delay:1.4s,2s!important} html body #wrap section.s_instagram_page .cdm-com.c2{left:8px!important;right:auto!important;top:40%!important;animation-delay:2.6s,3.2s!important} html body #wrap section.s_instagram_page .cdm-com.c5{right:8px!important;left:auto!important;top:58%!important;animation-delay:3.8s,4.4s!important} html body #wrap section.s_instagram_page .cdm-com.c3{left:8px!important;right:auto!important;top:76%!important;animation-delay:5s,5.6s!important} html body #wrap section.s_instagram_page .cdm-av{flex:none!important;width:26px!important;height:26px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;background:#f3ecdc!important;box-shadow:0 0 0 1.5px #dfb44c!important;overflow:hidden!important} html body #wrap section.s_instagram_page .cdm-av img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 20%!important} html body #wrap section.s_instagram_page .cdm-cuerpo{min-width:0} html body #wrap section.s_instagram_page .cdm-cuerpo b{display:block!important;font-size:10.5px!important;color:#0b1626!important;line-height:1.2!important} html body #wrap section.s_instagram_page .cdm-msg{display:block!important;font-size:11px!important;line-height:1.3!important;color:#3a4356!important;overflow:hidden} html body #wrap section.s_instagram_page .cdm-dots{display:inline-flex!important;gap:3px!important;overflow:hidden;padding:4px 0} html body #wrap section.s_instagram_page .cdm-dots i{width:5px;height:5px;border-radius:50%;background:#8a94ad;animation:igmPunto 1s ease-in-out infinite} html body #wrap section.s_instagram_page .cdm-dots i:nth-child(2){animation-delay:.15s}html body #wrap section.s_instagram_page .cdm-dots i:nth-child(3){animation-delay:.3s} html body #wrap section.s_instagram_page .cdm-com .cdm-dots{animation:igmDots 2.2s ease-out both} html body #wrap section.s_instagram_page .cdm-com .cdm-msg{animation:igmMsg 2.2s ease-out both} html body #wrap section.s_instagram_page .cdm-like{flex:none;align-self:center;color:#e0245e!important;font-size:12px!important;animation:igmLike 2.4s ease-out both} html body #wrap section.s_instagram_page .cdm-com.c1 .cdm-dots,html body #wrap section.s_instagram_page .cdm-com.c1 .cdm-msg{animation-delay:0.2s}html body #wrap section.s_instagram_page .cdm-com.c1 .cdm-like{animation-delay:0.2s}html body #wrap section.s_instagram_page .cdm-com.c4 .cdm-dots,html body #wrap section.s_instagram_page .cdm-com.c4 .cdm-msg{animation-delay:1.4s}html body #wrap section.s_instagram_page .cdm-com.c4 .cdm-like{animation-delay:1.4s}html body #wrap section.s_instagram_page .cdm-com.c2 .cdm-dots,html body #wrap section.s_instagram_page .cdm-com.c2 .cdm-msg{animation-delay:2.6s}html body #wrap section.s_instagram_page .cdm-com.c2 .cdm-like{animation-delay:2.6s}html body #wrap section.s_instagram_page .cdm-com.c5 .cdm-dots,html body #wrap section.s_instagram_page .cdm-com.c5 .cdm-msg{animation-delay:3.8s}html body #wrap section.s_instagram_page .cdm-com.c5 .cdm-like{animation-delay:3.8s}html body #wrap section.s_instagram_page .cdm-com.c3 .cdm-dots,html body #wrap section.s_instagram_page .cdm-com.c3 .cdm-msg{animation-delay:5s}html body #wrap section.s_instagram_page .cdm-com.c3 .cdm-like{animation-delay:5s} } @media (max-width:991.98px) and (prefers-reduced-motion:reduce){html body #wrap section.s_instagram_page .cdm-com,html body #wrap section.s_instagram_page .cdm-com *{animation:none!important}} /* ===== Productos con fondo blanco (ficha y catalogo) ===== */ html body #product_detail .o_wsale_product_images,html body #product_detail #o-carousel-product,html body #product_detail #o-carousel-product .carousel-item,html body #product_detail #o-carousel-product .carousel-inner{background:#ffffff!important} html body #wrap.o_wsale_products_page .oe_product_image,html body #wrap.o_wsale_products_page #o_wsale_products_grid > .oe_product:nth-child(n) .oe_product_image{background:#ffffff!important;background-color:#ffffff!important} /* ===== Cabecera celular: los 3 botones caben sin encimarse con el logo ===== */ @media (max-width:991.98px){ header#top nav.o_header_mobile .o_header_mobile_buttons_wrap,header#top nav.o_header_mobile .o_header_mobile_buttons_wrap ul{gap:0!important;column-gap:0!important} header#top nav.o_header_mobile .o_header_mobile_buttons_wrap li{margin:0!important;padding:0!important} header#top nav.o_header_mobile .o_header_mobile_buttons_wrap li > a,header#top nav.o_header_mobile .o_header_mobile_buttons_wrap > a,header#top nav.o_header_mobile .o_header_mobile_buttons_wrap .dropdown > a{width:36px!important;min-width:36px!important;padding-left:0!important;padding-right:0!important;margin:0!important;justify-content:center!important} header#top nav.o_header_mobile .o_header_mobile_buttons_wrap i.fa{font-size:19px!important} header#top nav.o_header_mobile:has(.o_wsale_my_wish:not(.d-none)) .navbar-brand img{max-width:125px!important;height:auto!important} } /* catalogo: tarjetas de producto en blanco (supera las alternadas) */ html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product.oe_product:nth-child(n) .oe_product_image.oe_product_image{background:#ffffff!important;background-color:#ffffff!important} /* menu celular: el panel empieza debajo de la cabecera, no encima del logo */ @media (max-width:991.98px){ #top_menu_collapse_mobile.offcanvas.o_navbar_mobile{top:calc(50% + 34px)!important;max-height:calc(100dvh - 100px)!important} #top_menu_collapse_mobile.offcanvas.o_navbar_mobile .offcanvas-body{overflow-y:auto!important;-webkit-overflow-scrolling:touch} } /* menu celular: boton de la mision legible (texto oscuro), con flecha y destello */ @keyframes cdmBtnBrillo{0%{background-position:-160px 0,right 15px center,0 0,0 0}60%,100%{background-position:420px 0,right 15px center,0 0,0 0}} @media (max-width:991.98px){ html body #top_menu_collapse_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link[href="/la-mision-de-santa"]{position:relative!important;grid-template-columns:40px 1fr 30px!important;column-gap:11px!important;padding:7px 8px 7px 7px!important;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%) 0 0 / 160px 100% no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f0c96a' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h13M13 6l6 6-6 6'/%3E%3C/svg%3E") right 15px center / 14px 14px no-repeat,radial-gradient(circle at calc(100% - 22px) 50%,#0b1626 0 15px,rgba(11,22,38,0) 15.5px) 0 0 / 100% 100% no-repeat,linear-gradient(180deg,#fff3cf 0%,#f3d68a 32%,#dfb04e 66%,#b9862c 100%)!important;border:1px solid #fff0c2!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.75),inset 0 -3px 0 rgba(120,78,18,.3),0 10px 22px -6px rgba(150,100,25,.65)!important;animation:cdmBtnBrillo 3.2s ease-in-out infinite!important;overflow:hidden!important} html body #top_menu_collapse_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link[href="/la-mision-de-santa"]::before{width:40px!important;height:40px!important;border:2px solid #0b1626!important;box-shadow:0 0 0 2px #fff0c2!important} html body #top_menu_collapse_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link[href="/la-mision-de-santa"] > span,html body #top_menu_collapse_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link[href="/la-mision-de-santa"] > span *{color:#0b1626!important;-webkit-text-fill-color:#0b1626!important;text-shadow:0 1px 0 rgba(255,255,255,.45)!important;font-size:15px!important;letter-spacing:.03em!important;font-weight:700!important} html body #top_menu_collapse_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link[href="/la-mision-de-santa"]::after{color:#4a3208!important;-webkit-text-fill-color:#4a3208!important;font-size:11.5px!important;font-weight:700!important;text-shadow:0 1px 0 rgba(255,255,255,.35)!important;grid-column:2!important} html body #top_menu_collapse_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link[href="/la-mision-de-santa"] > span{grid-column:2!important;grid-row:1!important} } @media (prefers-reduced-motion:reduce){html body #top_menu_collapse_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link[href="/la-mision-de-santa"]{animation:none!important}} /* ===== Inicio de sesion: tarjeta centrada con Nuez asomando, borde dorado y destellos ===== */ @keyframes lgFlota{0%,100%{translate:0 0}50%{translate:0 -6px}} @keyframes lgTitila{0%,100%{opacity:.5}50%{opacity:1}} @keyframes lgEntra{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:none}} html body #wrapwrap > main:has(> .oe_website_login_container){display:flex!important;flex-direction:column!important;justify-content:center!important;min-height:calc(100dvh - 140px)!important;padding:187px 0 28px!important} html body main > .oe_website_login_container.oe_website_login_container{position:relative!important;overflow:visible!important;margin:0 auto!important;padding-top:81px!important;border:1.5px solid rgba(223,180,76,.75)!important;background:radial-gradient(ellipse 80% 30% at 50% 0%,rgba(223,180,76,.12),rgba(223,180,76,0) 70%),#ffffff!important;box-shadow:0 0 0 4px rgba(223,180,76,.08),0 22px 44px -14px rgba(17,34,80,.35)!important;animation:lgEntra .5s ease-out both} html body main > .oe_website_login_container.oe_website_login_container::before{content:"";position:absolute;left:50%;width:210px;margin-left:-117px;bottom:calc(100% - 73px);aspect-ratio:820 / 954;background:url("/web/image/23528/nuez-carta-encabezado.webp") center / contain no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 74%,transparent 88%);mask-image:linear-gradient(180deg,#000 74%,transparent 88%);pointer-events:none;z-index:2;animation:lgFlota 3.4s ease-in-out infinite} html body main > .oe_website_login_container.oe_website_login_container::after{content:"";position:absolute;inset:-14px;pointer-events:none;z-index:3;background:radial-gradient(circle at 4% 6%,#fff8dc 0 1.6px,rgba(223,180,76,.75) 2.6px,rgba(223,180,76,0) 6.4px),radial-gradient(circle at 97% 10%,#fff8dc 0 1.3px,rgba(223,180,76,.75) 2.3px,rgba(223,180,76,0) 5.2px),radial-gradient(circle at 99% 70%,#fff8dc 0 1.5px,rgba(223,180,76,.75) 2.5px,rgba(223,180,76,0) 6px),radial-gradient(circle at 2% 92%,#fff8dc 0 1.3px,rgba(223,180,76,.75) 2.3px,rgba(223,180,76,0) 5.2px),radial-gradient(circle at 60% 100%,#fff8dc 0 1.1px,rgba(223,180,76,.75) 2.1px,rgba(223,180,76,0) 4.4px);animation:lgTitila 2.6s ease-in-out infinite} @media (prefers-reduced-motion:reduce){html body main > .oe_website_login_container.oe_website_login_container,html body main > .oe_website_login_container.oe_website_login_container::before,html body main > .oe_website_login_container.oe_website_login_container::after{animation:none!important}} /* ===== Catalogo celular: barra de busqueda grande + ordenar/filtros; buscador con ayudas ===== */ @keyframes cdmbBaja{0%{opacity:0;transform:translateY(-24px)}100%{opacity:1;transform:none}} @keyframes cdmbBrillo{0%{background-position:-200px 0}100%{background-position:400px 0}} @media (max-width:991.98px){ html body #wrap.o_wsale_products_page .products_header.products_header{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:18px 0 16px!important;padding:12px!important;border-radius:24px!important;background:linear-gradient(180deg,#13235a,#0a1638)!important;border:1px solid rgba(223,180,76,.55)!important;box-shadow:0 14px 30px -10px rgba(17,34,80,.5)!important} html body #wrap.o_wsale_products_page .products_header.products_header > a[data-bs-target="#o_wsale_search_modal"]{display:flex!important;grid-column:1 / -1!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;min-height:50px!important;margin:0!important;padding:0 18px!important;border-radius:999px!important;background:#ffffff!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(17,34,80,.1),0 4px 12px rgba(0,0,0,.25)!important;color:#5a6688!important} html body #wrap.o_wsale_products_page .products_header.products_header > a[data-bs-target="#o_wsale_search_modal"] i{font-size:0!important} html body #wrap.o_wsale_products_page .products_header.products_header > a[data-bs-target="#o_wsale_search_modal"]::before{content:"";width:19px;height:19px;flex:none;background:#112250;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E") center / contain no-repeat} html body #wrap.o_wsale_products_page .products_header.products_header > a[data-bs-target="#o_wsale_search_modal"]::after{content:"Busca esferas, pinos, colores…";font:500 14.5px Raleway,sans-serif;color:#6b7591;letter-spacing:0} html body #wrap.o_wsale_products_page .products_header.products_header > .o_sortby_dropdown,html body #wrap.o_wsale_products_page .products_header.products_header > button.btn{margin:0!important;width:100%!important;min-width:0!important} html body #wrap.o_wsale_products_page .products_header.products_header > .o_sortby_dropdown > .dropdown-toggle,html body #wrap.o_wsale_products_page .products_header.products_header > button.btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-height:44px!important;border-radius:999px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(223,180,76,.55)!important;color:#f6ecd6!important;font-weight:700!important;font-size:13.5px!important;box-shadow:none!important} html body #wrap.o_wsale_products_page .products_header.products_header > .o_sortby_dropdown > .dropdown-toggle *,html body #wrap.o_wsale_products_page .products_header.products_header > button.btn *{color:#f6ecd6!important} html body #wrap.o_wsale_products_page .products_header.products_header > .o_wsale_products_header_search_form_container{display:none!important} } html.cdmb-abierto,html.cdmb-abierto body{overflow:hidden!important} html body .cdmb{position:fixed;inset:0;z-index:100000;display:none;background:rgba(5,10,30,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} html body .cdmb.on{display:block} html body .cdmb .cdmb-caja{position:absolute;left:0;right:0;top:0;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(14px + env(safe-area-inset-top,0px)) 14px 22px;background:linear-gradient(180deg,#f8f6f1 0%,#ffffff 30%);border-radius:0 0 26px 26px;box-shadow:0 24px 50px rgba(0,0,0,.4);animation:cdmbBaja .32s cubic-bezier(.2,.9,.3,1) both} html body .cdmb .cdmb-cab{display:flex;align-items:center;gap:10px;position:sticky;top:-14px;padding:6px 0 10px;background:inherit;z-index:2} html body .cdmb .cdmb-campo{flex:1;display:flex;align-items:center;gap:8px;min-height:50px;margin:0;padding:0 8px 0 16px;border-radius:999px;background:#ffffff;box-shadow:0 0 0 2px #dfb44c,0 6px 16px rgba(17,34,80,.15)} html body .cdmb .cdmb-lupa{width:19px;height:19px;flex:none;background:#112250;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E") center / contain no-repeat} html body .cdmb.cargando .cdmb-lupa{background:linear-gradient(90deg,#112250,#dfb44c,#112250) 0 0 / 200px 100%;animation:cdmbBrillo 1s linear infinite} html body .cdmb input{flex:1;min-width:0;border:0!important;outline:0!important;background:transparent!important;font:600 16px Raleway,sans-serif;color:#0b1626;-webkit-appearance:none;appearance:none} html body .cdmb input::-webkit-search-cancel-button{display:none} html body .cdmb .cdmb-borra{display:none;width:30px;height:30px;border:0;border-radius:50%;background:#eef1f6;color:#112250;font-size:12px} html body .cdmb.con-texto .cdmb-borra{display:block} html body .cdmb .cdmb-cerrar{border:0;background:none;color:#112250;font:700 14px Raleway,sans-serif;padding:8px 2px} html body .cdmb .cdmb-nota{margin:2px 4px 8px;font-size:12.5px;color:#7a5a12;min-height:0} html body .cdmb .cdmb-nota:empty{display:none} html body .cdmb .cdmb-res{display:flex;flex-direction:column;gap:8px} html body .cdmb .cdmb-item{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:16px;background:#ffffff;border:1px solid #ece7da;text-decoration:none!important;box-shadow:0 4px 10px rgba(17,34,80,.06);animation:cdmbBaja .25s ease-out both} html body .cdmb .cdmb-foto{width:56px;height:56px;flex:none;border-radius:12px;background:#ffffff center / contain no-repeat;box-shadow:inset 0 0 0 1px #f0ece2} html body .cdmb .cdmb-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px} html body .cdmb .cdmb-tx b{font:700 13.5px/1.25 Raleway,sans-serif;color:#0b1626;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} html body .cdmb .cdmb-tx small{font-size:12.5px;color:#9a6a1c;font-weight:700} html body .cdmb .cdmb-item > i{font-style:normal;color:#dfb44c;font-size:22px} html body .cdmb .cdmb-ver{display:none;margin:12px auto 4px;width:max-content;max-width:100%;padding:12px 24px;border-radius:999px;background:linear-gradient(180deg,#fff6d8 0%,#f6dc93 30%,#e2b354 62%,#b98327 100%);color:#1a1206!important;font-weight:800;font-size:14px;text-decoration:none!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 8px 16px rgba(0,0,0,.2)} html body .cdmb.con-texto .cdmb-ver[href]:not([href="#"]){display:block} html body .cdmb .cdmb-vacio{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;background:#fbf7ee;border:1px dashed #dfb44c;text-align:center;color:#3a4356;font-size:13px} html body .cdmb .cdmb-vacio b{color:#0b1626;font-size:14px} html body .cdmb.con-texto:not(.vacio) .cdmb-sug{margin-top:16px;opacity:.95} html body .cdmb .cdmb-t{margin:16px 4px 8px;font:800 10.5px Raleway,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#9a6a1c} html body .cdmb .cdmb-chips{display:flex;flex-wrap:wrap;gap:8px} html body .cdmb .cdmb-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:#ffffff;border:1px solid #e3dccb;color:#112250!important;font:700 13px Raleway,sans-serif;text-decoration:none!important;box-shadow:0 2px 6px rgba(17,34,80,.06)} html body .cdmb .cdmb-chip.rec{background:#f4f1ea;border-color:transparent;color:#4a5370!important} html body .cdmb .cdmb-chip.col i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)} html body .cdmb .cdmb-ideas{display:grid;grid-template-columns:1fr 1fr;gap:8px} html body .cdmb .cdmb-idea{padding:14px 12px;border-radius:16px;border:0;background:linear-gradient(180deg,#13235a,#0a1638);color:#f6ecd6;font:700 13.5px Raleway,sans-serif;text-align:left;box-shadow:inset 0 0 0 1px rgba(223,180,76,.45),0 6px 14px rgba(17,34,80,.2)} @media (min-width:992px){html body .cdmb{display:none!important}} /* ===== Nuez UX: entrada con resorte, respira, saluda, toque fisico, burbuja que nace de Nuez, globito con pop, se esconde al bajar ===== */ @keyframes nzResorte{0%{transform:translateY(90px) scale(.55);opacity:0}55%{transform:translateY(-10px) scale(1.07);opacity:1}75%{transform:translateY(3px) scale(.98)}100%{transform:none;opacity:1}} @keyframes nzRespira{0%,100%{scale:1}50%{scale:1.035}} @keyframes nzSaluda{0%,84%,100%{rotate:0deg}87%{rotate:-13deg}90%{rotate:10deg}93%{rotate:-6deg}96%{rotate:3deg}} @keyframes nzAro{0%{box-shadow:0 0 0 0 rgba(229,57,53,.5),0 8px 18px rgba(0,0,0,.35)}70%{box-shadow:0 0 0 14px rgba(229,57,53,0),0 8px 18px rgba(0,0,0,.35)}100%{box-shadow:0 0 0 0 rgba(229,57,53,0),0 8px 18px rgba(0,0,0,.35)}} @keyframes nzBrinca{0%,100%{translate:0 0}30%{translate:0 -10px}55%{translate:0 0}72%{translate:0 -4px}} @keyframes nzPop{0%{transform:scale(0)}60%{transform:scale(1.35)}80%{transform:scale(.9)}100%{transform:scale(1)}} @keyframes nzLate{0%,100%{scale:1}50%{scale:1.12}} @keyframes nzTextoIn{0%{opacity:0;transform:translateY(5px)}100%{opacity:1;transform:none}} html body .cdmn.cdmn{transition:translate .38s cubic-bezier(.3,.8,.3,1),opacity .28s ease!important} html body .cdmn.cdmn.esconde:not(.abierto){translate:0 140px!important;opacity:0!important;pointer-events:none!important} html body .cdmn.cdmn .cdmn-bt.cdmn-bt{animation:nzResorte .75s cubic-bezier(.2,.9,.3,1.15) 1.1s both,nzRespira 4.2s ease-in-out 2.2s infinite,nzSaluda 13s ease-in-out 4s infinite!important;transition:transform .14s ease!important;-webkit-tap-highlight-color:transparent} html body .cdmn.cdmn .cdmn-bt.cdmn-bt:active{transform:scale(.88)!important} html body .cdmn.cdmn:not(.visto):not(.abierto) .cdmn-bt.cdmn-bt,html body .cdmn.cdmn.nuevo:not(.abierto) .cdmn-bt.cdmn-bt{animation:nzResorte .75s cubic-bezier(.2,.9,.3,1.15) 1.1s both,nzRespira 4.2s ease-in-out 2.2s infinite,nzSaluda 13s ease-in-out 4s infinite,nzAro 1.9s ease-out 1.9s infinite!important} html body .cdmn.cdmn.salta:not(.abierto) .cdmn-bt.cdmn-bt{animation:nzBrinca .6s ease-out 1,nzRespira 4.2s ease-in-out infinite,nzAro 1.9s ease-out infinite!important} html body .cdmn.cdmn.nuevo:not(.abierto) .cdmn-bt.cdmn-bt::after{animation:nzPop .5s cubic-bezier(.2,.9,.3,1.3) both,nzLate 1.8s ease-in-out .6s infinite!important} @media (max-width:767.98px){ html body .cdmn.cdmn .cdmn-chat{display:flex!important;visibility:hidden;opacity:0;transform:translateX(16px) scale(.3);transform-origin:100% 100%;pointer-events:none;transition:opacity .22s ease,transform .38s cubic-bezier(.2,.9,.3,1.25),visibility 0s linear .38s;animation:none!important} html body .cdmn.cdmn .cdmn-chat.escribe,html body .cdmn.cdmn .cdmn-chat.muestra{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .2s ease,transform .45s cubic-bezier(.2,.9,.3,1.3),visibility 0s} html body .cdmn.cdmn .cdmn-chat.muestra .cdmn-chat-tx{animation:nzTextoIn .3s ease-out both} html body .cdmn.cdmn .cdmn-chat:active{transform:scale(.96)} html body .cdmn.cdmn .cdmn-chat-dots i{animation:cdmnPunto 1s ease-in-out infinite!important} } @media (min-width:992px){ html body .cdmn.cdmn{width:80px!important;height:80px!important} html body .cdmn.cdmn .cdmn-bt.cdmn-bt{width:76px!important;height:76px!important} html body .cdmn.cdmn .cdmn-burbuja{font-size:15.5px!important;padding:13px 20px!important;max-width:300px!important;line-height:1.3!important;border-radius:20px 20px 6px 20px!important} html body .cdmn.cdmn .cdmn-panel{margin-bottom:20px!important} } @media (prefers-reduced-motion:reduce){html body .cdmn.cdmn .cdmn-bt.cdmn-bt,html body .cdmn.cdmn .cdmn-chat,html body .cdmn.cdmn .cdmn-chat *,html body .cdmn .cdmn-bt::after{animation:none!important;transition:none!important}html body .cdmn.cdmn.esconde{translate:none!important;opacity:1!important}} /* ===== Compu: chat de Nuez en blanco, Santa pegado a la tarjeta, parte de juego con pinos y mensajes tipo Messenger ===== */ @keyframes pcMsg{0%{opacity:0;transform:translateY(10px) scale(.9)}60%{opacity:1;transform:translateY(-2px) scale(1.03)}100%{opacity:1;transform:none}} @keyframes pcEscribe{0%{opacity:0;transform:scale(.6)}15%{opacity:1;transform:none}80%{opacity:1}100%{opacity:0;visibility:hidden}} @keyframes pcPuntos{0%,100%{background-position:0 7px,14px 7px,28px 7px}25%{background-position:0 3px,14px 7px,28px 7px}50%{background-position:0 7px,14px 3px,28px 7px}75%{background-position:0 7px,14px 7px,28px 3px}} @keyframes pcSig{0%,100%{box-shadow:0 0 0 2px rgba(223,180,76,.45);scale:1}50%{box-shadow:0 0 0 3px #dfb44c,0 0 12px rgba(223,180,76,.7);scale:1.1}} @keyframes pcOn{0%,100%{box-shadow:0 0 0 2px #e2b354}50%{box-shadow:0 0 0 2px #e2b354,0 0 12px rgba(223,180,76,.9)}} @keyframes pcBarra{0%{background-position:-120px 0,0 0}100%{background-position:320px 0,0 0}} @media (min-width:768px){ html body .cdmn.cdmn .cdmn-panel.cdmn-carta{background:linear-gradient(180deg,#fffdf8 0%,#ffffff 40%)!important;border:1.5px solid rgba(223,180,76,.9)!important;box-shadow:0 0 0 4px rgba(223,180,76,.1),0 26px 50px -12px rgba(11,22,56,.45),0 0 24px rgba(223,180,76,.25)!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-k{background:linear-gradient(180deg,#13235a,#0a1638)!important;border-bottom:1px solid rgba(223,180,76,.55)!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta::after{display:block!important;content:""!important;position:absolute!important;left:16px!important;top:80px!important;width:62px!important;height:34px!important;border-radius:18px 18px 18px 6px!important;background:radial-gradient(circle,#8a94ad 0 3px,transparent 3.5px) 0 7px / 14px 20px no-repeat,radial-gradient(circle,#8a94ad 0 3px,transparent 3.5px) 14px 7px / 14px 20px no-repeat,radial-gradient(circle,#8a94ad 0 3px,transparent 3.5px) 28px 7px / 14px 20px no-repeat,#eef1f6!important;background-origin:content-box!important;padding:7px 10px!important;box-sizing:border-box!important;border:0!important;z-index:6!important;pointer-events:none!important;opacity:0;animation:none} html body .cdmn.cdmn.abierto .cdmn-panel.cdmn-carta::after{animation:pcEscribe 1s ease-out .15s both,pcPuntos .9s linear .15s 1!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-t{position:relative!important;overflow:visible!important;margin:16px 16px 12px!important;padding:14px 110px 14px 16px!important;min-height:84px!important;background:linear-gradient(135deg,#fffaf0 0%,#f6e7c3 100%)!important;color:#0b1626!important;-webkit-text-fill-color:#0b1626!important;border:1px solid #e2c06a!important;border-radius:16px 16px 16px 6px!important;box-shadow:0 8px 18px -6px rgba(150,110,30,.35)!important;transform-origin:0 100%!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-t::after{right:4px!important;bottom:0!important;width:104px!important;filter:drop-shadow(-3px 4px 6px rgba(0,0,0,.25))!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-p{color:#2a3350!important;margin:4px 18px 14px!important;transform-origin:0 100%} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-p b{color:#9a6a1c!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-cols,html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-cl{display:none!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-juego{display:block!important;margin:0 16px 14px!important;padding:14px 12px 12px!important;border-radius:16px!important;background:#f7f4ec!important;border:1px solid #ece2c8!important;text-align:center;transform-origin:0 100%} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-pinos{display:flex!important;justify-content:center!important;gap:6px!important;margin-bottom:10px!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i{position:relative;width:32px!important;height:32px!important;border-radius:50%!important;-webkit-mask:none!important;mask:none!important;background-color:#16285c!important;background-size:cover!important;background-position:center 38%!important;filter:grayscale(1) brightness(.55);box-shadow:0 0 0 1.5px rgba(17,34,80,.15);animation:none} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i::after{content:"";position:absolute;inset:0;margin:auto;width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2.2' fill='%23dfb44c'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5' fill='none' stroke='%23dfb44c' stroke-width='2.2'/%3E%3C/svg%3E") center / contain no-repeat;filter:brightness(1.6)} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i.on{filter:none!important;animation:pcOn 2.4s ease-in-out infinite!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i.on::after,html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i.sig::after{display:none} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i.sig{filter:grayscale(.2) brightness(.95)!important;animation:pcSig 1.4s ease-in-out infinite!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-prog{height:7px!important;border-radius:999px!important;background:#e6e1d2!important;overflow:hidden!important;margin:0 4px 7px!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-prog span{display:block;height:100%;border-radius:999px;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.8) 50%,transparent 70%) 0 0 / 120px 100% no-repeat,linear-gradient(90deg,#b98327,#f0c96a)!important;animation:pcBarra 2.2s ease-in-out infinite} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-cuenta{margin:0 0 10px!important;font-size:12.5px!important;color:#4a5370!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-cuenta b{color:#9a6a1c!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-chips{display:flex!important;justify-content:center!important;gap:6px!important;flex-wrap:wrap!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-chips span{padding:4px 10px!important;border-radius:999px!important;background:#ffffff!important;border:1px solid #e2c06a!important;color:#112250!important;font-size:11px!important;font-weight:700!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-no{color:#9a6a1c!important} html body .cdmn.cdmn.abierto .cdmn-panel.cdmn-carta .cdmn-t{animation:pcMsg .5s cubic-bezier(.2,.9,.3,1.25) 1.05s both!important} html body .cdmn.cdmn.abierto .cdmn-panel.cdmn-carta .cdmn-p{animation:pcMsg .5s cubic-bezier(.2,.9,.3,1.25) 1.55s both!important} html body .cdmn.cdmn.abierto .cdmn-panel.cdmn-carta .cdmn-juego{animation:pcMsg .5s cubic-bezier(.2,.9,.3,1.25) 2.05s both!important} html body .cdmn.cdmn.abierto .cdmn-panel.cdmn-carta .cdmn-jugar{animation:pcMsg .5s cubic-bezier(.2,.9,.3,1.25) 2.5s both!important} html body .cdmn.cdmn.abierto .cdmn-panel.cdmn-carta .cdmn-no{animation:pcMsg .4s ease-out 2.8s both!important} } @media (min-width:768px) and (prefers-reduced-motion:reduce){html body .cdmn.cdmn.abierto .cdmn-panel.cdmn-carta::after{display:none!important}html body .cdmn.cdmn.abierto .cdmn-panel.cdmn-carta .cdmn-t,html body .cdmn.cdmn.abierto .cdmn-panel.cdmn-carta .cdmn-p,html body .cdmn.cdmn.abierto .cdmn-panel.cdmn-carta .cdmn-juego,html body .cdmn.cdmn.abierto .cdmn-panel.cdmn-carta .cdmn-jugar,html body .cdmn.cdmn.abierto .cdmn-panel.cdmn-carta .cdmn-no,html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-pinos i,html body .cdmn.cdmn .cdmn-panel.cdmn-carta .cdmn-prog span{animation:none!important}} /* ===== Compu: inicio de sesion / registro / recuperar acceso como una sola pieza editorial ===== */ @keyframes lgpcEntra{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:none}} @keyframes lgpcFlota{0%,100%{translate:0 0}50%{translate:0 -6px}} @keyframes lgpcBrillo{0%{background-position:-180px 0,0 0}60%,100%{background-position:520px 0,0 0}} @media (min-width:992px){ html body main:has(> .cdm-lg-wrap){padding:56px 20px 64px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:calc(100vh - 260px)!important} html body main .cdm-lg-wrap.cdm-lg-wrap{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:0!important;width:100%!important;max-width:1040px!important;margin:0 auto!important;padding:0!important;border-radius:30px!important;background:#ffffff!important;box-shadow:0 0 0 1.5px rgba(223,180,76,.7),0 40px 80px -30px rgba(11,22,56,.55)!important;animation:lgpcEntra .55s ease-out both;overflow:visible!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed{position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin:0!important;padding:56px 52px 150px!important;border-radius:30px 0 0 30px!important;background-color:#112250!important;background-image:url("https://mx.christmasdecorationsmty.com/web/image/22091-b17bb886/_%20%281%29.webp"), linear-gradient(135deg, rgb(17, 34, 80) 0%, rgb(2, 11, 33) 100%)!important;background-size:cover!important;background-position:center!important;color:#eef0f6!important;overflow:hidden!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed .k1{color:#dfb44c!important;letter-spacing:.42em!important;font-size:11px!important;font-weight:800!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed .t1{color:#eef0f6!important;letter-spacing:.32em!important;margin-top:18px!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed .t2{font-family:Cinzel,'Times New Roman',serif!important;font-weight:700!important;font-size:58px!important;line-height:1!important;background:linear-gradient(180deg,#fff6d8 0%,#f1d48a 45%,#c9973a 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;margin-top:4px!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed .ln{filter:brightness(2.2) sepia(1) saturate(2) hue-rotate(5deg)} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed ul{margin-top:26px!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed li{color:#eef0f6!important;font-size:15px!important;margin-bottom:14px!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed li i,html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed li > span:first-child,html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed li svg{background:rgba(223,180,76,.14)!important;color:#f0c96a!important;box-shadow:0 0 0 1px rgba(223,180,76,.55)!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed::after{content:"";position:absolute;right:26px;bottom:-18px;width:190px;aspect-ratio:820 / 954;background:url("/web/image/23528/nuez-carta-encabezado.webp") center bottom / contain no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 92%);mask-image:linear-gradient(180deg,#000 72%,transparent 92%);animation:lgpcFlota 3.4s ease-in-out infinite;pointer-events:none} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container{margin:0!important;padding:52px 48px!important;border:0!important;border-radius:0 30px 30px 0!important;box-shadow:none!important;background:radial-gradient(ellipse 70% 30% at 50% 0%,rgba(223,180,76,.12),rgba(223,180,76,0) 70%),#ffffff!important;display:flex!important;flex-direction:column!important;justify-content:center!important;animation:none!important} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container::before,html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container::after{display:none!important} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container .cdm-lg-cab h1,html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container .cdm-lg-cab h2,html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container .cdm-lg-cab h3,html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container .cdm-lg-cab strong{background:linear-gradient(180deg,#1a2c66,#0b1626);-webkit-background-clip:text;background-clip:text} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container:has(.oe_reset_password_form) .cdm-lg-cab::after{content:"Te enviaremos un enlace a tu correo para crear una nueva contraseña.";display:block;margin:12px auto 0;max-width:320px;text-align:center;font:500 14px/1.45 Raleway,sans-serif;color:#5a6688} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container input.form-control{min-height:52px!important;border-radius:16px!important;border:1.5px solid #dfe3ec!important;background:#f7f8fb!important;font-size:15px!important;transition:border-color .2s,box-shadow .2s,background .2s!important} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container input.form-control:focus{border-color:#dfb44c!important;background:#ffffff!important;box-shadow:0 0 0 4px rgba(223,180,76,.18)!important} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container button[type="submit"],html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container .btn-primary{min-height:52px!important;border-radius:999px!important;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%) 0 0 / 180px 100% no-repeat,linear-gradient(180deg,#1a2c66,#0b1626)!important;border:0!important;color:#f6ecd6!important;letter-spacing:.16em!important;box-shadow:0 12px 24px -10px rgba(11,22,56,.6),inset 0 0 0 1px rgba(223,180,76,.5)!important;animation:lgpcBrillo 3.4s ease-in-out infinite!important} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container a[href="/web/login"],html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container a[href^="/web/login?"]{display:inline-flex!important;align-items:center;gap:6px;margin-top:6px;color:#112250!important;font-weight:700!important;text-decoration:none!important;border-bottom:1.5px solid #dfb44c;padding-bottom:1px} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container .oe_reset_password_form a[href*="/web/login"]::before{content:"←";color:#dfb44c;font-weight:800} } @media (min-width:992px) and (prefers-reduced-motion:reduce){html body main .cdm-lg-wrap.cdm-lg-wrap,html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed::after,html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container button[type="submit"],html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container .btn-primary{animation:none!important}} @media (min-width:992px){ html body main .cdm-lg-wrap.cdm-lg-wrap{align-items:stretch!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed,html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container{align-self:stretch!important;height:auto!important;min-height:0!important} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container{width:auto!important;max-width:none!important;min-width:0!important} } /* ===== Celular: inicio de sesion / registro / recuperar acceso en una sola tarjeta (azul arriba, formulario abajo) ===== */ @media (max-width:991.98px){ html body main:has(> .cdm-lg-wrap){display:flex!important;align-items:center!important;justify-content:center!important;min-height:calc(100dvh - 130px)!important;padding:22px 14px 34px!important} html body main .cdm-lg-wrap.cdm-lg-wrap{display:flex!important;flex-direction:column!important;width:100%!important;max-width:440px!important;margin:0 auto!important;padding:0!important;border-radius:26px!important;background:#ffffff!important;box-shadow:0 0 0 1.5px rgba(223,180,76,.7),0 30px 60px -24px rgba(11,22,56,.55)!important;animation:lgpcEntra .5s ease-out both;overflow:hidden!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed{display:flex!important;flex-direction:column!important;position:relative!important;margin:0!important;padding:26px 22px 22px!important;border-radius:0!important;background-color:#112250!important;background-image:url("https://mx.christmasdecorationsmty.com/web/image/22091-b17bb886/_%20%281%29.webp"), linear-gradient(135deg, rgb(17, 34, 80) 0%, rgb(2, 11, 33) 100%)!important;background-size:cover!important;background-position:center!important;color:#eef0f6!important;overflow:hidden!important;width:auto!important;height:auto!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed .k1{display:block!important;color:#dfb44c!important;letter-spacing:.36em!important;font-size:10px!important;font-weight:800!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed .t1{display:block!important;color:#eef0f6!important;letter-spacing:.28em!important;font-size:12px!important;margin-top:12px!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed .t2{display:block!important;font-family:Cinzel,'Times New Roman',serif!important;font-weight:700!important;font-size:36px!important;line-height:1.05!important;background:linear-gradient(180deg,#fff6d8 0%,#f1d48a 45%,#c9973a 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;margin-top:2px!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed .ln{display:none!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed ul{margin:14px 0 0!important;padding:0!important;max-width:calc(100% - 96px)!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed li{color:#eef0f6!important;font-size:12.5px!important;line-height:1.3!important;margin-bottom:8px!important;gap:9px!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed li i,html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed li > span:first-child,html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed li svg{flex:none!important;width:28px!important;height:28px!important;background:rgba(223,180,76,.14)!important;color:#f0c96a!important;box-shadow:0 0 0 1px rgba(223,180,76,.55)!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed::after{content:"";position:absolute;right:-4px;bottom:-16px;width:120px;aspect-ratio:820 / 954;background:url("/web/image/23528/nuez-carta-encabezado.webp") center bottom / contain no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 92%);mask-image:linear-gradient(180deg,#000 72%,transparent 92%);animation:lgpcFlota 3.4s ease-in-out infinite;pointer-events:none} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container{margin:0!important;padding:24px 22px 26px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:radial-gradient(ellipse 80% 24% at 50% 0%,rgba(223,180,76,.12),rgba(223,180,76,0) 70%),#ffffff!important;width:auto!important;max-width:none!important;animation:none!important} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container::before,html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container::after{display:none!important} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container:has(.oe_reset_password_form) .cdm-lg-cab::after{content:"Te enviaremos un enlace a tu correo para crear una nueva contraseña.";display:block;margin:10px auto 0;max-width:300px;text-align:center;font:500 13.5px/1.45 Raleway,sans-serif;color:#5a6688} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container input.form-control{min-height:50px!important;border-radius:16px!important;border:1.5px solid #dfe3ec!important;background:#f7f8fb!important;font-size:16px!important;transition:border-color .2s,box-shadow .2s,background .2s!important} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container input.form-control:focus{border-color:#dfb44c!important;background:#ffffff!important;box-shadow:0 0 0 4px rgba(223,180,76,.18)!important} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container button[type="submit"],html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container .btn-primary{min-height:50px!important;border-radius:999px!important;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%) 0 0 / 180px 100% no-repeat,linear-gradient(180deg,#1a2c66,#0b1626)!important;border:0!important;color:#f6ecd6!important;letter-spacing:.14em!important;box-shadow:0 12px 24px -10px rgba(11,22,56,.6),inset 0 0 0 1px rgba(223,180,76,.5)!important;animation:lgpcBrillo 3.4s ease-in-out infinite!important} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container .oe_reset_password_form a[href*="/web/login"]{display:inline-flex!important;align-items:center;gap:6px;margin-top:8px;color:#112250!important;font-weight:700!important;text-decoration:none!important;border-bottom:1.5px solid #dfb44c} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container .oe_reset_password_form a[href*="/web/login"]::before{content:"←";color:#dfb44c;font-weight:800} } @media (max-width:991.98px) and (prefers-reduced-motion:reduce){html body main .cdm-lg-wrap.cdm-lg-wrap,html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed::after,html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container button[type="submit"],html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container .btn-primary{animation:none!important}} @media (max-width:991.98px){html body main .cdm-lg-wrap.cdm-lg-wrap{gap:0!important;row-gap:0!important}html body main .cdm-lg-wrap.cdm-lg-wrap > *{margin-top:0!important;margin-bottom:0!important}} /* ===== Catalogo: foto blanca limpia, pieza acercada, corazon redondo, boton agregar completo ===== */ html body #wrap.o_wsale_products_page .oe_product_image{overflow:hidden!important;background:#ffffff!important} html body #wrap.o_wsale_products_page .oe_product_image img{mix-blend-mode:normal!important;transition:scale .35s ease,translate .35s ease!important} html body #wrap.o_wsale_products_page .oe_product .o_add_wishlist{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;bottom:auto!important;width:36px!important;height:36px!important;padding:0!important;border-radius:50%!important;background:#ffffff!important;border:0!important;box-shadow:0 4px 12px rgba(17,34,80,.18)!important;display:flex!important;align-items:center!important;justify-content:center!important;opacity:0;transform:scale(.8);transition:opacity .2s ease,transform .25s cubic-bezier(.2,.9,.3,1.3)!important;z-index:5!important;font-size:0!important;color:transparent!important} html body #wrap.o_wsale_products_page .oe_product .o_add_wishlist *{display:none!important} html body #wrap.o_wsale_products_page .oe_product .o_add_wishlist::before{content:"";width:17px;height:17px;background:#112250;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E") center / contain no-repeat} html body #wrap.o_wsale_products_page .oe_product .o_add_wishlist:hover::before{background:#c0392b} html body #wrap.o_wsale_products_page .oe_product:hover .o_add_wishlist,html body #wrap.o_wsale_products_page .oe_product .o_add_wishlist:focus-visible{opacity:1;transform:none} @media (hover:none){html body #wrap.o_wsale_products_page .oe_product .o_add_wishlist{opacity:1;transform:none}} html body #wrap.o_wsale_products_page .oe_product .o_wsale_product_btn{width:100%!important;justify-content:center!important} html body #wrap.o_wsale_products_page .oe_product .o_wsale_product_btn_primary{width:100%!important;max-width:220px!important;min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 16px!important;border-radius:999px!important;font-size:0!important;overflow:visible!important;white-space:nowrap!important} html body #wrap.o_wsale_products_page .oe_product .o_wsale_product_btn_primary *{display:none!important} html body #wrap.o_wsale_products_page .oe_product .o_wsale_product_btn_primary::before{content:"";width:16px;height:16px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 10.2a1 1 0 0 0 1 .8h8.9a1 1 0 0 0 1-.8L20 8H6.2'/%3E%3Ccircle cx='9.5' cy='19' r='1.4'/%3E%3Ccircle cx='17' cy='19' r='1.4'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 10.2a1 1 0 0 0 1 .8h8.9a1 1 0 0 0 1-.8L20 8H6.2'/%3E%3Ccircle cx='9.5' cy='19' r='1.4'/%3E%3Ccircle cx='17' cy='19' r='1.4'/%3E%3C/svg%3E") center / contain no-repeat} html body #wrap.o_wsale_products_page .oe_product .o_wsale_product_btn_primary::after{content:"Agregar al carrito";font:700 13px Raleway,sans-serif;letter-spacing:.02em} /* ===== Fotos de producto en todo el sitio: fondo azul difuminado, esquinas curvas y sombra sutil ===== */ html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product.oe_product:nth-child(n) .oe_product_image.oe_product_image.oe_product_image,html body .oe_product_image.oe_product_image.oe_product_image{background:radial-gradient(ellipse 78% 68% at 50% 42%,#ffffff 0%,#f4f6fb 50%,#e3e9f3 100%)!important;background-color:#eef1f7!important;border-radius:22px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(17,34,80,.05),0 14px 28px -16px rgba(17,34,80,.28)!important;overflow:hidden!important} html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product.oe_product:nth-child(n) .oe_product_image.oe_product_image.oe_product_image img,html body .oe_product_image.oe_product_image.oe_product_image img{mix-blend-mode:multiply!important;background:transparent!important} html body #product_detail .o_wsale_product_images.o_wsale_product_images,html body #product_detail #o-carousel-product#o-carousel-product,html body #product_detail #o-carousel-product#o-carousel-product .carousel-inner,html body #product_detail #o-carousel-product#o-carousel-product .carousel-item{background:radial-gradient(ellipse 78% 68% at 50% 42%,#ffffff 0%,#f4f6fb 50%,#e3e9f3 100%)!important;background-color:#eef1f7!important} html body #product_detail #o-carousel-product#o-carousel-product{border-radius:26px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(17,34,80,.05),0 14px 28px -16px rgba(17,34,80,.28)!important;overflow:hidden!important} html body #product_detail #o-carousel-product#o-carousel-product img.product_detail_img{background:transparent!important;mix-blend-mode:multiply!important} html body #product_detail #o-carousel-product .carousel-indicators img,html body #product_detail .o_carousel_product_indicators img{background:radial-gradient(ellipse 78% 68% at 50% 42%,#ffffff 0%,#f4f6fb 50%,#e3e9f3 100%)!important;border-radius:12px!important;mix-blend-mode:multiply!important} html body #product_detail #o-carousel-product .carousel-indicators li,html body #product_detail .o_carousel_product_indicators li{border-radius:12px!important;overflow:hidden!important;box-shadow:0 6px 14px -8px rgba(17,34,80,.3)!important} html body .cdmb .cdmb-foto{background-color:#e9eef7!important;background-blend-mode:multiply!important;border-radius:14px!important;box-shadow:inset 0 1px 0 #fff,0 6px 12px -8px rgba(17,34,80,.3)!important} /* acceso celular v2: parte azul a todo el ancho, sin ayuda repetida, iconos en circulo, boton limpio */ html body main .cdm-lg-wrap .oe_website_login_container:has(.oe_reset_password_form) .cdm-lg-cab::after{content:none!important;display:none!important} @media (max-width:991.98px){ html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed,html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;align-self:stretch!important;box-sizing:border-box!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed{border-radius:26px 26px 0 0!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed li{display:flex!important;align-items:center!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed li > span:first-child{display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:28px!important;height:28px!important;border-radius:50%!important;border:0!important;background:rgba(223,180,76,.16)!important;box-shadow:0 0 0 1px rgba(223,180,76,.6)!important;padding:0!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed li > span:first-child i{font-size:13px!important;color:#f0c96a!important;line-height:1!important;margin:0!important} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container button[type="submit"],html body main .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container .btn-primary{animation:none!important;background:linear-gradient(180deg,#1a2c66,#0b1626)!important} } /* menu celular: boton de la mision estilo editorial (azul liso, filo dorado, sin brillos) */ @media (max-width:991.98px){ html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link[href="/la-mision-de-santa"]{grid-template-columns:42px 1fr 30px!important;column-gap:14px!important;padding:9px 18px 9px 9px!important;min-height:0!important;border-radius:999px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 16' fill='none' stroke='%23dfb44c' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 8h27M23 2.5L29 8l-6 5.5'/%3E%3C/svg%3E") right 18px center / 26px 13px no-repeat,linear-gradient(180deg,#14255c 0%,#0b1638 100%)!important;border:1px solid rgba(223,180,76,.7)!important;box-shadow:0 10px 24px -14px rgba(11,22,56,.7)!important;animation:none!important;transition:background-position .25s ease,transform .15s ease!important} html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link[href="/la-mision-de-santa"]:active{transform:scale(.98)!important;background-position:right 13px center,0 0!important} html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link[href="/la-mision-de-santa"]::before{width:42px!important;height:42px!important;border:0!important;box-shadow:0 0 0 1.5px #dfb44c,0 0 0 4px rgba(223,180,76,.15)!important} html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link[href="/la-mision-de-santa"] > span,html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link[href="/la-mision-de-santa"] > span *{font-family:Cinzel,'Times New Roman',serif!important;font-weight:600!important;font-size:15.5px!important;letter-spacing:.02em!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;text-shadow:none!important} html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link[href="/la-mision-de-santa"]::after{content:"Juega · 8 colecciones"!important;color:#dfb44c!important;-webkit-text-fill-color:#dfb44c!important;font:700 10px/1.3 Raleway,sans-serif!important;letter-spacing:.22em!important;text-transform:uppercase!important;text-shadow:none!important;margin-top:3px!important} } /* ===== Compu: fichas y catalogo increíbles (fotos completas en blanco, columna derecha editorial). Celular intacto ===== */ @media (min-width:992px){ html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product.oe_product:nth-child(n) .oe_product_image.oe_product_image.oe_product_image{background:#ffffff!important;border-radius:22px!important;box-shadow:0 0 0 1px rgba(17,34,80,.06),0 18px 34px -22px rgba(17,34,80,.35)!important;transition:transform .3s ease,box-shadow .3s ease!important} html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product.oe_product:nth-child(n) .oe_product_image.oe_product_image.oe_product_image img{mix-blend-mode:normal!important} html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product:hover .oe_product_image.oe_product_image.oe_product_image{transform:translateY(-4px)!important;box-shadow:0 0 0 1px rgba(223,180,76,.45),0 26px 40px -22px rgba(17,34,80,.45)!important} html body #product_detail .o_wsale_product_images.o_wsale_product_images,html body #product_detail #o-carousel-product#o-carousel-product,html body #product_detail #o-carousel-product#o-carousel-product .carousel-inner,html body #product_detail #o-carousel-product#o-carousel-product .carousel-item{background:#ffffff!important} html body #product_detail #o-carousel-product#o-carousel-product{border-radius:28px!important;box-shadow:0 0 0 1px rgba(17,34,80,.06),0 30px 60px -36px rgba(17,34,80,.45)!important;overflow:hidden!important} html body #product_detail #o-carousel-product#o-carousel-product .carousel-item img,html body #product_detail #o-carousel-product#o-carousel-product img.product_detail_img{object-fit:contain!important;object-position:50% 50%!important;padding:7%!important;box-sizing:border-box!important;width:100%!important;height:100%!important;mix-blend-mode:normal!important;background:transparent!important;transition:transform .5s ease!important} html body #product_detail #o-carousel-product#o-carousel-product:hover .carousel-item.active img{transform:scale(1.04)!important} html body #product_detail #o-carousel-product#o-carousel-product .o_product_detail_img_wrapper{width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important} html body #product_detail .o_carousel_product_indicators img,html body #product_detail #o-carousel-product#o-carousel-product .carousel-indicators img{background:#ffffff!important;object-fit:contain!important;mix-blend-mode:normal!important;border-radius:12px!important;padding:4px!important} html body #product_detail .o_carousel_product_indicators li,html body #product_detail #o-carousel-product#o-carousel-product .carousel-indicators li{border-radius:14px!important;background:#ffffff!important;box-shadow:0 0 0 1px rgba(17,34,80,.08)!important;opacity:1!important} html body #product_detail .o_carousel_product_indicators li.active,html body #product_detail #o-carousel-product#o-carousel-product .carousel-indicators li.active{box-shadow:0 0 0 2px #dfb44c!important} html body #product_detail h1[itemprop="name"],html body #product_detail #product_details h1{font-family:Cinzel,'Times New Roman',serif!important;font-size:42px!important;line-height:1.1!important;letter-spacing:.01em!important;color:#0b1626!important;margin-bottom:14px!important} html body #product_detail .product_price .oe_price,html body #product_detail .product_price .h4,html body #product_detail .product_price span.oe_currency_value{font-size:30px!important;font-weight:700!important;color:#0b1626!important} html body #product_detail #add_to_cart_wrap{gap:12px!important;align-items:center!important;flex-wrap:wrap!important;margin-top:18px!important} html body #product_detail #add_to_cart_wrap .css_quantity{height:52px!important;border-radius:999px!important;border:1.5px solid #dfe3ec!important;padding:0 6px!important} html body #product_detail #add_to_cart{min-height:52px!important;padding:0 28px!important;border-radius:999px!important;font-size:14px!important;letter-spacing:.12em!important;background:linear-gradient(180deg,#1a2c66,#0b1626)!important;box-shadow:0 14px 26px -14px rgba(11,22,56,.7),inset 0 0 0 1px rgba(223,180,76,.45)!important;transition:transform .15s ease!important} html body #product_detail #add_to_cart:hover{transform:translateY(-2px)!important} html body #product_detail .o_we_buy_now,html body #product_detail #add_to_cart_wrap a[name="buy_now"],html body #product_detail #add_to_cart_wrap .btn-outline-primary{min-height:52px!important;padding:0 26px!important;border-radius:999px!important;font-size:14px!important;letter-spacing:.12em!important;border:1.5px solid #dfb44c!important;color:#0b1626!important;background:#fffaf0!important} html body #product_detail .o_add_wishlist_dyn,html body #product_detail #add_to_cart_wrap .o_add_wishlist{width:52px!important;height:52px!important;border-radius:50%!important;border:1.5px solid #dfe3ec!important;display:inline-flex!important;align-items:center!important;justify-content:center!important} } /* cabecera celular a prueba de encimes: botones de ancho fijo, globitos flotantes, logo con tope */ @media (max-width:991.98px){ header#top nav.o_header_mobile .o_header_mobile_buttons_wrap,header#top nav.o_header_mobile .o_header_mobile_buttons_wrap ul{gap:0!important;column-gap:0!important;flex-wrap:nowrap!important} header#top nav.o_header_mobile .o_header_mobile_buttons_wrap li{margin:0!important;padding:0!important;flex:none!important} header#top nav.o_header_mobile .o_header_mobile_buttons_wrap li > a,header#top nav.o_header_mobile .o_header_mobile_buttons_wrap .dropdown > a{position:relative!important;width:34px!important;min-width:34px!important;max-width:34px!important;padding-left:0!important;padding-right:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;overflow:visible!important} header#top nav.o_header_mobile .o_header_mobile_buttons_wrap li > a .my_cart_quantity,header#top nav.o_header_mobile .o_header_mobile_buttons_wrap li > a .my_wish_quantity,header#top nav.o_header_mobile .o_header_mobile_buttons_wrap li > a sup,header#top nav.o_header_mobile .o_header_mobile_buttons_wrap li > a .badge{position:absolute!important;top:0!important;right:-3px!important;left:auto!important;bottom:auto!important;transform:none!important;min-width:16px!important;width:auto!important;height:16px!important;margin:0!important;padding:0 4px!important;border-radius:999px!important;background:#dfb44c!important;color:#0b1626!important;font:800 10px/16px Raleway,sans-serif!important;text-align:center!important;box-shadow:0 0 0 2px #0b1638!important;border:0!important} header#top nav.o_header_mobile .navbar-brand img,header#top nav.o_header_mobile .navbar-brand .o_menu_image_placeholder{max-width:min(145px,calc(100vw - 250px))!important;height:auto!important} } /* ===== Nuez como lanzador de JUEGO (no chat): pastilla dorada "Juega", sin globito rojo ni escribiendo, cartelitos dorados ===== */ @keyframes lzEntra{0%{transform:translateY(90px) scale(.6);opacity:0}60%{transform:translateY(-8px) scale(1.04);opacity:1}80%{transform:translateY(2px)}100%{transform:none;opacity:1}} @keyframes lzBrillo{0%,100%{box-shadow:inset 0 2px 0 rgba(255,255,255,.75),0 10px 22px -8px rgba(120,80,20,.6),0 0 0 0 rgba(223,180,76,.45)}50%{box-shadow:inset 0 2px 0 rgba(255,255,255,.75),0 10px 22px -8px rgba(120,80,20,.6),0 0 0 9px rgba(223,180,76,0)}} @keyframes lzMenea{0%,88%,100%{rotate:0deg}91%{rotate:-4deg}94%{rotate:3deg}97%{rotate:-2deg}} @keyframes lzNuez{0%,100%{translate:0 0}50%{translate:0 -3px}} @keyframes lzLuz{0%{background-position:-120px 0,0 0}55%,100%{background-position:260px 0,0 0}} html body .cdmn.cdmn.cdmn{width:auto!important;height:auto!important} html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt{position:relative!important;width:auto!important;height:52px!important;min-width:0!important;padding:0 18px 0 60px!important;border-radius:999px!important;border:1px solid #fff0c2!important;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%) 0 0 / 120px 100% no-repeat,linear-gradient(180deg,#fff3cf 0%,#f0cf7c 45%,#d6a443 100%)!important;display:inline-flex!important;align-items:center!important;overflow:visible!important;animation:lzEntra .7s cubic-bezier(.2,.9,.3,1.15) 1s both,lzBrillo 2.4s ease-out 2s infinite,lzMenea 9s ease-in-out 4s infinite,lzLuz 3.6s ease-in-out 2.5s infinite!important;transform-origin:85% 100%!important} html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt::before{content:""!important;position:absolute!important;left:-4px!important;top:-12px!important;width:58px!important;height:58px!important;border-radius:50%!important;background:#16285c url("/web/image/22941/nuez-avatar-cara.webp") center / cover no-repeat!important;box-shadow:0 0 0 2.5px #dfb44c,0 0 0 4.5px #fff0c2,0 8px 16px rgba(0,0,0,.35)!important;animation:lzNuez 2.8s ease-in-out infinite!important;display:block!important} html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt::after,html body .cdmn.cdmn.cdmn:not(.visto):not(.abierto) .cdmn-bt.cdmn-bt.cdmn-bt::after,html body .cdmn.cdmn.cdmn.nuevo:not(.abierto) .cdmn-bt.cdmn-bt.cdmn-bt::after{content:"▶\FE0E ¡JUEGA!"!important;position:static!important;display:block!important;width:auto!important;height:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#0b1626!important;font:800 14px/1 Cinzel,'Times New Roman',serif!important;letter-spacing:.12em!important;white-space:nowrap!important;animation:none!important;transform:none!important;opacity:1!important} html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt:active{transform:scale(.95)!important} html body .cdmn.cdmn.cdmn .cdmn-burbuja{display:none!important} html body .cdmn.cdmn.cdmn .cdmn-chat .cdmn-chat-dots{display:none!important} html body .cdmn.cdmn.cdmn .cdmn-chat.escribe:not(.muestra){visibility:hidden!important;opacity:0!important} html body .cdmn.cdmn.cdmn .cdmn-chat{right:0!important;left:auto!important;bottom:calc(100% + 14px)!important;max-width:230px!important;padding:9px 14px 9px 12px!important;border-radius:14px!important;background:#0b1638!important;color:#f6ecd6!important;border:1px solid rgba(223,180,76,.75)!important;box-shadow:0 10px 22px -8px rgba(0,0,0,.5)!important;font:700 13px/1.25 Raleway,sans-serif!important;transform-origin:85% 100%!important} html body .cdmn.cdmn.cdmn .cdmn-chat .cdmn-chat-tx::before{content:"✦ ";color:#dfb44c} @media (min-width:992px){ html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt{height:60px!important;padding:0 24px 0 74px!important} html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt::before{width:68px!important;height:68px!important;left:-6px!important;top:-14px!important} html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt::after,html body .cdmn.cdmn.cdmn:not(.visto):not(.abierto) .cdmn-bt.cdmn-bt.cdmn-bt::after,html body .cdmn.cdmn.cdmn.nuevo:not(.abierto) .cdmn-bt.cdmn-bt.cdmn-bt::after{content:"▶\FE0E JUEGA LA MISIÓN DE SANTA"!important;font-size:14.5px!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-k::before{content:"La misión de Santa"!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-k::after{content:"Juego navideño · 8 niveles"!important} html body .cdmn .cdmn-panel.cdmn-carta .cdmn-cuerpo::after{display:none!important} html body .cdmn.cdmn.abierto .cdmn-panel.cdmn-carta::after{display:none!important;animation:none!important} } @media (prefers-reduced-motion:reduce){html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt,html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt::before{animation:none!important}} /* menu celular: mas aire arriba del titulo; boton del juego cerca de "Ver todos" y con gancho (Nuez asomando + JUGAR) */ @keyframes mnChip{0%,100%{background-size:84px 32px,100% 100%}50%{background-size:90px 34px,100% 100%}} @keyframes mnNuez{0%,100%{translate:0 0}50%{translate:0 -3px}} @media (max-width:991.98px){ html body #top_menu_collapse_mobile .s_mega_menu_thumbnails .o_grid_item.shadow h2{margin-top:24px!important} html body #top_menu_collapse_mobile .navbar-nav .nav-item.nav-item:has(> a.nav-link[href="/la-mision-de-santa"]){border-top:0!important;border-bottom:0!important;padding:4px 16px 16px!important;margin-top:-6px!important} html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link[href="/la-mision-de-santa"]{position:relative!important;grid-template-columns:52px 1fr 84px!important;column-gap:12px!important;padding:12px 12px 12px 10px!important;min-height:64px!important;border-radius:22px!important;overflow:visible!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='32' viewBox='0 0 84 32'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff3cf'/%3E%3Cstop offset='.5' stop-color='%23f0cf7c'/%3E%3Cstop offset='1' stop-color='%23d6a443'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='.5' y='.5' width='83' height='31' rx='15.5' fill='url(%23g)' stroke='%23fff0c2'/%3E%3Ctext x='42' y='21' text-anchor='middle' font-family='Georgia,serif' font-weight='700' font-size='12' letter-spacing='1.6' fill='%230b1626'%3EJUGAR %E2%96%B8%3C/text%3E%3C/svg%3E") right 12px center / 84px 32px no-repeat,linear-gradient(180deg,#14255c 0%,#0b1638 100%)!important;border:1px solid rgba(223,180,76,.75)!important;box-shadow:0 14px 28px -14px rgba(11,22,56,.75),0 0 18px -6px rgba(223,180,76,.45)!important;animation:mnChip 2.2s ease-in-out infinite!important} html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link[href="/la-mision-de-santa"]::before{width:56px!important;height:56px!important;margin-top:-22px!important;align-self:start!important;box-shadow:0 0 0 2px #dfb44c,0 0 0 4px rgba(223,180,76,.18),0 8px 14px rgba(0,0,0,.4)!important;animation:mnNuez 2.8s ease-in-out infinite!important} html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link[href="/la-mision-de-santa"] > span,html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link[href="/la-mision-de-santa"] > span *{font-size:15px!important} html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link[href="/la-mision-de-santa"]::after{content:"8 niveles · gana estrellas"!important;font-size:9.5px!important;letter-spacing:.18em!important} } @media (max-width:991.98px) and (prefers-reduced-motion:reduce){html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link[href="/la-mision-de-santa"],html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link[href="/la-mision-de-santa"]::before{animation:none!important}} @keyframes mnChip2{0%,100%{background-size:70px 30px,100% 100%}50%{background-size:75px 32px,100% 100%}} @media (max-width:991.98px){ html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link[href="/la-mision-de-santa"]{grid-template-columns:46px 1fr 70px!important;column-gap:10px!important;padding:10px 10px 10px 8px!important;min-height:60px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='30' viewBox='0 0 70 30'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff3cf'/%3E%3Cstop offset='.5' stop-color='%23f0cf7c'/%3E%3Cstop offset='1' stop-color='%23d6a443'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='.5' y='.5' width='69' height='29' rx='14.5' fill='url(%23g)' stroke='%23fff0c2'/%3E%3Ctext x='35' y='19.5' text-anchor='middle' font-family='Georgia,serif' font-weight='700' font-size='11' letter-spacing='1.2' fill='%230b1626'%3EJUGAR %E2%96%B8%3C/text%3E%3C/svg%3E") right 10px center / 70px 30px no-repeat,linear-gradient(180deg,#14255c 0%,#0b1638 100%)!important;animation:mnChip2 2.2s ease-in-out infinite!important} html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link[href="/la-mision-de-santa"]::before{width:50px!important;height:50px!important;margin-top:-20px!important} html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link[href="/la-mision-de-santa"] > span,html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link[href="/la-mision-de-santa"] > span *{font-size:14px!important;letter-spacing:.01em!important;white-space:nowrap!important} html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link[href="/la-mision-de-santa"]::after{font-size:9px!important;letter-spacing:.14em!important;white-space:nowrap!important} }@media (max-width:380px){html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link[href="/la-mision-de-santa"] > span,html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link[href="/la-mision-de-santa"] > span *{font-size:12px!important}html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link[href="/la-mision-de-santa"]::after{font-size:8.5px!important;letter-spacing:.1em!important}} /* ===== Compu v2: ficha bien disenada (foto blanca, info acomodada), ruta en pastillas, busqueda, lanzador del juego. Celular intacto ===== */ @keyframes lzChip{0%,100%{background-size:86px 34px,100% 100%}50%{background-size:92px 36px,100% 100%}} @media (min-width:992px){ html body #product_detail #o-carousel-product#o-carousel-product,html body #product_detail #o-carousel-product#o-carousel-product .carousel-inner,html body #product_detail #o-carousel-product#o-carousel-product .carousel-item,html body #product_detail .o_wsale_product_images.o_wsale_product_images{background:#ffffff!important} html body #product_detail #o-carousel-product#o-carousel-product{border-radius:28px!important;box-shadow:0 1px 2px rgba(17,34,80,.06),0 24px 48px -28px rgba(17,34,80,.35)!important;border:0!important} html body #product_detail #o-carousel-product#o-carousel-product .carousel-item img,html body #product_detail #o-carousel-product#o-carousel-product img.product_detail_img{mix-blend-mode:multiply!important;padding:8%!important} html body #product_detail #product_details{padding-top:6px!important} html body #product_detail #product_details h1{margin-bottom:10px!important} html body #product_detail .product_price{margin-bottom:18px!important;padding-bottom:18px!important;border-bottom:1px solid #eceae4!important} html body #product_detail .product_price .text-muted,html body #product_detail .product_price small{font-size:13px!important;letter-spacing:.06em!important;color:#8a90a2!important;text-transform:none!important} html body #product_detail #add_to_cart_wrap#add_to_cart_wrap{display:grid!important;grid-template-columns:128px minmax(0,1fr) 52px!important;grid-auto-rows:auto!important;gap:12px!important;align-items:stretch!important;margin:6px 0 0!important;max-width:520px!important} html body #product_detail #add_to_cart_wrap#add_to_cart_wrap .css_quantity{grid-column:1!important;grid-row:1!important;width:128px!important;height:54px!important;margin:0!important;border-radius:999px!important;border:1.5px solid #e1e4ec!important;background:#ffffff!important;align-items:center!important;justify-content:space-between!important;padding:0 6px!important} html body #product_detail #add_to_cart_wrap#add_to_cart_wrap .css_quantity input{height:100%!important;border:0!important;background:transparent!important;font-weight:700!important;font-size:16px!important;color:#0b1626!important} html body #product_detail #add_to_cart_wrap#add_to_cart_wrap .css_quantity a{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:50%!important;color:#112250!important} html body #product_detail #add_to_cart_wrap#add_to_cart_wrap .css_quantity a:hover{background:#f2f4f9!important} html body #product_detail #add_to_cart_wrap#add_to_cart_wrap #add_to_cart{grid-column:2!important;grid-row:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;height:54px!important;min-height:54px!important;margin:0!important;padding:0 22px!important;line-height:1!important;font-size:13.5px!important;letter-spacing:.14em!important;white-space:nowrap!important} html body #product_detail #add_to_cart_wrap#add_to_cart_wrap .o_we_buy_now{grid-column:1 / 3!important;grid-row:2!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;height:52px!important;min-height:52px!important;margin:0!important;padding:0 22px!important;line-height:1!important;font-size:13px!important;letter-spacing:.14em!important} html body #product_detail #add_to_cart_wrap#add_to_cart_wrap .o_add_wishlist_dyn,html body #product_detail #add_to_cart_wrap#add_to_cart_wrap .o_add_wishlist{grid-column:3!important;grid-row:1!important;width:54px!important;height:54px!important;margin:0!important} html body #product_detail #product_details .js_product > *:has(> .o_add_wishlist_dyn),html body #product_detail #product_details .o_add_wishlist_dyn{vertical-align:middle} html body #product_detail #product_details .js_product::after{content:"✦ Showroom en San Pedro Garza García ✦ Pago seguro ✦ Envío a domicilio";display:block;white-space:pre;margin-top:22px;padding:14px 18px;border-radius:16px;background:#f8f6f1;border:1px solid #eee7d6;color:#5a6688;font:600 12.5px/1.4 Raleway,sans-serif;letter-spacing:.02em;max-width:520px;box-sizing:border-box} html body #product_detail .variant_attribute,html body #product_detail #product_details .js_product ul.list-unstyled li{border-color:#eceae4!important} html body .o_wsale_breadcrumb.breadcrumb{gap:6px!important;flex-wrap:wrap!important} html body .o_wsale_breadcrumb.breadcrumb .breadcrumb-item{display:inline-flex!important;align-items:center!important;padding:0!important} html body .o_wsale_breadcrumb.breadcrumb .breadcrumb-item::before{content:"›"!important;padding:0 8px 0 2px!important;color:#c9a24a!important;font-size:16px!important;float:none!important} html body .o_wsale_breadcrumb.breadcrumb .breadcrumb-item:first-child::before{display:none!important} html body .o_wsale_breadcrumb.breadcrumb .breadcrumb-item a,html body .o_wsale_breadcrumb.breadcrumb .breadcrumb-item.active span,html body .o_wsale_breadcrumb.breadcrumb .breadcrumb-item.active{display:inline-flex!important;align-items:center!important;padding:7px 16px!important;border-radius:999px!important;font:600 13px Raleway,sans-serif!important;text-decoration:none!important} html body .o_wsale_breadcrumb.breadcrumb .breadcrumb-item a{background:#f3f5fa!important;color:#3a4766!important;transition:background .2s,color .2s!important} html body .o_wsale_breadcrumb.breadcrumb .breadcrumb-item a:hover{background:#fff6dc!important;color:#0b1626!important} html body .o_wsale_breadcrumb.breadcrumb .breadcrumb-item.active{background:#112250!important;color:#ffffff!important} html body .o_wsale_breadcrumb.breadcrumb .breadcrumb-item.active span{padding:0!important} html body form.o_searchbar_form.o_searchbar_form .input-group{border-radius:999px!important;background:#ffffff!important;box-shadow:0 0 0 1.5px rgba(223,180,76,.55),0 8px 18px -12px rgba(17,34,80,.35)!important;overflow:hidden!important;min-height:46px!important;cursor:pointer!important} html body form.o_searchbar_form.o_searchbar_form input[name="search"]{border:0!important;background:transparent!important;height:46px!important;padding-left:20px!important;font:500 14px Raleway,sans-serif!important;color:#0b1626!important;cursor:pointer!important;box-shadow:none!important} html body form.o_searchbar_form.o_searchbar_form input[name="search"]::placeholder{color:#7a8299!important} html body form.o_searchbar_form.o_searchbar_form button,html body form.o_searchbar_form.o_searchbar_form .btn{border:0!important;background:#fff6dc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23112250' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.6-3.6'/%3E%3C/svg%3E") center / 18px no-repeat!important;width:46px!important;font-size:0!important;color:transparent!important;border-radius:0 999px 999px 0!important} html body form.o_searchbar_form.o_searchbar_form button *{display:none!important} html body .cdmb.cdmb{display:none!important} html body .cdmb.cdmb.on{display:block!important;background:rgba(5,10,30,.45)!important} html body .cdmb.cdmb .cdmb-caja{left:50%!important;right:auto!important;top:9vh!important;width:min(780px,92vw)!important;transform:translateX(-50%)!important;max-height:82vh!important;border-radius:28px!important;padding:24px 28px 28px!important;border:1px solid rgba(223,180,76,.5)!important;animation:none!important} html body .cdmb.cdmb .cdmb-campo{min-height:58px!important} html body .cdmb.cdmb input{font-size:18px!important} html body .cdmb.cdmb .cdmb-res{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important} html body .cdmb.cdmb .cdmb-ideas{grid-template-columns:repeat(3,1fr)!important} html body .cdmb.cdmb .cdmb-item:hover{border-color:#dfb44c!important;transform:translateY(-2px)} html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt{height:58px!important;padding:0 104px 0 76px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='86' height='34' viewBox='0 0 86 34'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff3cf'/%3E%3Cstop offset='.5' stop-color='%23f0cf7c'/%3E%3Cstop offset='1' stop-color='%23d6a443'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='.5' y='.5' width='85' height='33' rx='16.5' fill='url(%23g)' stroke='%23fff0c2'/%3E%3Ctext x='43' y='22' text-anchor='middle' font-family='Georgia,serif' font-weight='700' font-size='12.5' letter-spacing='1.6' fill='%230b1626'%3EJUGAR %E2%96%B8%3C/text%3E%3C/svg%3E") right 12px center / 86px 34px no-repeat,linear-gradient(180deg,#14255c 0%,#0b1638 100%)!important;border:1px solid rgba(223,180,76,.8)!important;box-shadow:0 18px 34px -16px rgba(11,22,56,.7),0 0 22px -8px rgba(223,180,76,.5)!important;animation:lzEntra .7s cubic-bezier(.2,.9,.3,1.15) 1s both,lzChip 2.2s ease-in-out 2s infinite!important} html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt::before{width:66px!important;height:66px!important;left:-4px!important;top:-16px!important} html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt::after,html body .cdmn.cdmn.cdmn:not(.visto):not(.abierto) .cdmn-bt.cdmn-bt.cdmn-bt::after,html body .cdmn.cdmn.cdmn.nuevo:not(.abierto) .cdmn-bt.cdmn-bt.cdmn-bt::after{content:"La misión de Santa"!important;color:#ffffff!important;font:600 16px/1 Cinzel,'Times New Roman',serif!important;letter-spacing:.03em!important} html body .cdmn.cdmn.cdmn{right:28px!important;bottom:26px!important} } @media (min-width:992px){ html body #product_detail #o_wsale_cta_wrapper#o_wsale_cta_wrapper{flex-wrap:nowrap!important;align-items:flex-start!important;gap:12px!important;max-width:560px!important} html body #product_detail #add_to_cart_wrap#add_to_cart_wrap{grid-template-columns:128px minmax(0,1fr)!important;flex:1 1 auto!important;max-width:none!important} html body #product_detail #product_option_block#product_option_block{flex:none!important;margin:0!important;gap:0!important} html body #product_detail #product_option_block .o_add_wishlist_dyn{width:54px!important;height:54px!important;padding:0!important} }@media (min-width:992px){html body #product_detail #product_option_block#product_option_block{margin-top:6px!important}} /* compu: "Completa tu decoracion" con fotos en blanco, curva y sombra */ @media (min-width:992px){ html body .cdm-xs .cdm-xs-foto.cdm-xs-foto,html body .cdm-xs .oe_product_image.oe_product_image.oe_product_image.oe_product_image{background:#ffffff!important;background-image:none!important;border-radius:22px!important;box-shadow:0 1px 2px rgba(17,34,80,.06),0 16px 30px -20px rgba(17,34,80,.38)!important;border:0!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease!important} html body .cdm-xs .cdm-xs-foto img,html body .cdm-xs .oe_product_image img{mix-blend-mode:multiply!important;background:transparent!important} html body .cdm-xs .cdm-xs-card:hover .cdm-xs-foto.cdm-xs-foto{transform:translateY(-3px)!important;box-shadow:0 0 0 1px rgba(223,180,76,.45),0 22px 36px -20px rgba(17,34,80,.45)!important} html body .cdm-xs{background:#ffffff!important} } /* ruta en compu: sin el boton de regresar de celular; separador fuera de la pastilla azul */ @media (min-width:992px){ html body .o_wsale_breadcrumb.breadcrumb.breadcrumb .breadcrumb-item.d-lg-none{display:none!important} html body .o_wsale_breadcrumb.breadcrumb.breadcrumb .breadcrumb-item.active{background:transparent!important;padding:0!important;color:inherit!important} html body .o_wsale_breadcrumb.breadcrumb.breadcrumb .breadcrumb-item.active > span{display:inline-flex!important;align-items:center!important;padding:7px 16px!important;border-radius:999px!important;background:#112250!important;color:#ffffff!important;font:600 13px Raleway,sans-serif!important} } /* compu: TODAS las tarjetas de producto en blanco con curva y sombra (cualquier cuadricula) */ @media (min-width:992px){ html body .oe_product_image.oe_product_image.oe_product_image.oe_product_image,html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product.oe_product.oe_product:nth-child(n) .oe_product_image.oe_product_image.oe_product_image.oe_product_image{background:#ffffff!important;background-image:none!important;border-radius:22px!important;box-shadow:0 0 0 1px rgba(17,34,80,.06),0 18px 34px -22px rgba(17,34,80,.35)!important;border:0!important;overflow:hidden!important;transition:transform .3s ease,box-shadow .3s ease!important} html body .oe_product_image.oe_product_image.oe_product_image.oe_product_image img{mix-blend-mode:multiply!important;background:transparent!important} html body .oe_product:hover .oe_product_image.oe_product_image.oe_product_image.oe_product_image{transform:translateY(-4px)!important;box-shadow:0 0 0 1px rgba(223,180,76,.45),0 26px 40px -22px rgba(17,34,80,.45)!important} } /* compu: boton del lanzador = circulo dorado con icono de play (en lugar de la pastilla JUGAR) */ @keyframes lzPlay{0%,100%{background-size:40px 40px,100% 100%}50%{background-size:44px 44px,100% 100%}} @media (min-width:992px){ html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt{padding-right:66px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff3cf'/%3E%3Cstop offset='.55' stop-color='%23ecc66d'/%3E%3Cstop offset='1' stop-color='%23c9953a'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='20' cy='20' r='19' fill='url(%23g)' stroke='%23fff0c2' stroke-width='1'/%3E%3Cpath d='M16.5 13.2v13.6c0 .7.8 1.1 1.4.7l10-6.8c.5-.4.5-1.1 0-1.5l-10-6.8c-.6-.4-1.4 0-1.4.8z' fill='%230b1626'/%3E%3C/svg%3E") right 10px center / 40px 40px no-repeat,linear-gradient(180deg,#14255c 0%,#0b1638 100%)!important;animation:lzEntra .7s cubic-bezier(.2,.9,.3,1.15) 1s both,lzPlay 2s ease-in-out 2s infinite!important} html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt:hover{background-size:44px 44px,100% 100%!important} } /* ===== Carrito vacio v2 (celular y compu) ===== */ @keyframes cdmvFlota{0%,100%{translate:0 0}50%{translate:0 -6px}} html body.cdm-carrito-vacio .cdmv-oculto{display:none!important} html body.cdm-carrito-vacio #shop_cart .js_cart_lines > :not(.cdmv){display:none!important} html body.cdm-carrito-vacio .cdmv{display:flex;flex-direction:column;gap:44px;margin:4px 0 30px} html body.cdm-carrito-vacio .cdmv-hero{position:relative;overflow:hidden;display:flex;align-items:center;border-radius:30px;background:radial-gradient(ellipse 60% 80% at 80% 60%,rgba(223,180,76,.2),rgba(223,180,76,0) 60%),radial-gradient(1px 1px at 12% 22%,#fff 50%,transparent),radial-gradient(1px 1px at 32% 70%,rgba(255,255,255,.8) 50%,transparent),radial-gradient(1.5px 1.5px at 58% 18%,#fff 50%,transparent),radial-gradient(1px 1px at 88% 34%,rgba(255,255,255,.7) 50%,transparent),linear-gradient(135deg,#14255c 0%,#0a1638 60%,#070f2a 100%);box-shadow:0 0 0 1.5px rgba(223,180,76,.6),0 34px 60px -32px rgba(11,22,56,.6);color:#eef0f6} html body.cdm-carrito-vacio .cdmv-tx{position:relative;z-index:2} html body.cdm-carrito-vacio .cdmv-k,html body.cdm-carrito-vacio .cdmv-k2{display:block;font:800 11px Raleway,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#dfb44c;margin-bottom:10px} html body.cdm-carrito-vacio .cdmv-hero h2{margin:0 0 12px!important;font-family:Cinzel,'Times New Roman',serif!important;font-weight:700!important;line-height:1.08!important;text-transform:none!important;background:linear-gradient(180deg,#fff6d8 0%,#f1d48a 45%,#c9973a 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent} html body.cdm-carrito-vacio .cdmv-hero p{margin:0 0 22px!important;line-height:1.55!important;color:#d9deeb!important} html body.cdm-carrito-vacio .cdmv-bts{display:flex;gap:12px;flex-wrap:wrap} html body.cdm-carrito-vacio .cdmv-oro,html body.cdm-carrito-vacio .cdmv-sec{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font:800 14px Raleway,sans-serif;letter-spacing:.06em;text-decoration:none!important;transition:transform .15s ease} html body.cdm-carrito-vacio .cdmv-oro{background:linear-gradient(180deg,#fff6d8 0%,#f6dc93 30%,#e2b354 62%,#b98327 100%);color:#1a1206!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 12px 24px -10px rgba(0,0,0,.5)} html body.cdm-carrito-vacio .cdmv-sec{border:1.5px solid rgba(223,180,76,.7);color:#f6ecd6!important;background:rgba(255,255,255,.04)} html body.cdm-carrito-vacio .cdmv-oro:hover,html body.cdm-carrito-vacio .cdmv-sec:hover{transform:translateY(-2px)} html body.cdm-carrito-vacio .cdmv-ilus{position:absolute;background-position:center bottom;background-size:contain;background-repeat:no-repeat;animation:cdmvFlota 3.6s ease-in-out infinite;z-index:1} html body.cdm-carrito-vacio .cdmv-cab{text-align:center;margin-bottom:20px} html body.cdm-carrito-vacio .cdmv-cab h3{margin:0!important;font-family:Cinzel,'Times New Roman',serif!important;color:#0b1626!important;text-transform:none!important} html body.cdm-carrito-vacio .cdmv-col{position:relative;display:block;border-radius:24px;overflow:hidden;text-decoration:none!important;box-shadow:0 18px 34px -22px rgba(17,34,80,.5)} html body.cdm-carrito-vacio .cdmv-foto{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s ease} html body.cdm-carrito-vacio .cdmv-col::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,15,42,0) 40%,rgba(7,15,42,.85) 100%)} html body.cdm-carrito-vacio .cdmv-col b{position:absolute;left:20px;bottom:38px;z-index:2;font:700 21px Cinzel,serif;color:#ffffff} html body.cdm-carrito-vacio .cdmv-col i{position:absolute;left:20px;bottom:15px;z-index:2;font:700 11.5px Raleway,sans-serif;font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:#f0c96a} html body.cdm-carrito-vacio .cdmv-col:hover .cdmv-foto{transform:scale(1.06)} html body.cdm-carrito-vacio .cdmv-cat{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none!important;color:#112250!important;font:700 13.5px Raleway,sans-serif;text-align:center} html body.cdm-carrito-vacio .cdmv-cfoto{display:block;padding:4px;border-radius:50%;background:linear-gradient(180deg,#fff3cf,#dfb44c);box-shadow:0 10px 20px -12px rgba(17,34,80,.45);transition:transform .2s ease,box-shadow .2s ease} html body.cdm-carrito-vacio .cdmv-cfoto > span{display:block;border-radius:50%;background:#ffffff center / 78% no-repeat;box-shadow:inset 0 0 0 1px #f1ecdf} html body.cdm-carrito-vacio .cdmv-cat:hover .cdmv-cfoto{transform:translateY(-4px);box-shadow:0 16px 26px -12px rgba(17,34,80,.5)} @media (min-width:992px){ html body.cdm-carrito-vacio .cdmv-hero{min-height:320px;padding:48px 56px} html body.cdm-carrito-vacio .cdmv-tx{max-width:560px} html body.cdm-carrito-vacio .cdmv-hero h2{font-size:40px!important} html body.cdm-carrito-vacio .cdmv-hero p{font-size:16px!important} html body.cdm-carrito-vacio .cdmv-ilus{right:40px;bottom:-10px;width:330px;height:300px} html body.cdm-carrito-vacio .cdmv-cab h3{font-size:30px!important} html body.cdm-carrito-vacio .cdmv-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} html body.cdm-carrito-vacio .cdmv-col{height:220px} html body.cdm-carrito-vacio .cdmv-cats{display:grid;grid-template-columns:repeat(5,1fr);gap:26px 18px;max-width:860px;margin:0 auto} html body.cdm-carrito-vacio .cdmv-cfoto > span{width:104px;height:104px} } @media (max-width:991.98px){ html body.cdm-carrito-vacio .cdmv{gap:34px;margin-top:0} html body.cdm-carrito-vacio .cdmv-hero{flex-direction:column;align-items:stretch;padding:150px 22px 26px;border-radius:26px;text-align:center} html body.cdm-carrito-vacio .cdmv-hero h2{font-size:29px!important} html body.cdm-carrito-vacio .cdmv-hero p{font-size:15px!important} html body.cdm-carrito-vacio .cdmv-bts{flex-direction:column} html body.cdm-carrito-vacio .cdmv-oro,html body.cdm-carrito-vacio .cdmv-sec{width:100%} html body.cdm-carrito-vacio .cdmv-ilus{left:50%;top:-6px;width:190px;height:160px;margin-left:-95px} html body.cdm-carrito-vacio .cdmv-cab h3{font-size:24px!important} html body.cdm-carrito-vacio .cdmv-cols{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -12px;padding:4px 12px 14px;scrollbar-width:none} html body.cdm-carrito-vacio .cdmv-cols::-webkit-scrollbar{display:none} html body.cdm-carrito-vacio .cdmv-col{flex:none;width:78%;height:190px;scroll-snap-align:center} html body.cdm-carrito-vacio .cdmv-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 10px} html body.cdm-carrito-vacio .cdmv-cfoto > span{width:68px;height:68px} html body.cdm-carrito-vacio .cdmv-cat{font-size:12px} } @media (prefers-reduced-motion:reduce){html body.cdm-carrito-vacio .cdmv-ilus{animation:none}} /* acceso celular v3: iconos dibujados en circulo dorado y menos blanco alrededor */ @media (max-width:991.98px){ html body main:has(> .cdm-lg-wrap){min-height:0!important;padding:14px 12px 24px!important;align-items:flex-start!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed ul li{display:flex!important;align-items:center!important;gap:10px!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed ul li > span:first-child{position:relative!important;display:block!important;flex:none!important;width:30px!important;height:30px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:rgba(223,180,76,.14)!important;box-shadow:inset 0 0 0 1px rgba(223,180,76,.65)!important;font-size:0!important;line-height:0!important;overflow:hidden!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed ul li > span:first-child *{display:none!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed ul li > span:first-child::before{content:""!important;position:absolute!important;inset:0!important;margin:auto!important;width:15px!important;height:15px!important;background:#f0c96a!important;-webkit-mask:var(--cdm-ico) center / contain no-repeat;mask:var(--cdm-ico) center / contain no-repeat} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed ul li:nth-child(1) > span:first-child{--cdm-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.4-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.6-7 10-7 10z'/%3E%3C/svg%3E")} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed ul li:nth-child(2) > span:first-child{--cdm-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E")} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed ul li:nth-child(3) > span:first-child{--cdm-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6-5.5-6-11a6 6 0 0 1 12 0c0 5.5-6 11-6 11z'/%3E%3Ccircle cx='12' cy='10' r='2.3'/%3E%3C/svg%3E")} } /* compu: anula los tonos que el codigo viejo pone al cargar (cdm-fondo-1..4 / foto / recorte): todo en blanco con curva y sombra */ @media (min-width:992px){ html body #wrapwrap #wrap #products_grid .oe_product.oe_product.oe_product .oe_product_image.oe_product_image[class*="cdm-fondo"],html body #wrapwrap .oe_product_image.oe_product_image[class*="cdm-fondo"],html body #wrapwrap [class*="cdm-fondo-"].oe_product_image{background:#ffffff!important;background-image:none!important;border-radius:22px!important;box-shadow:0 0 0 1px rgba(17,34,80,.06),0 18px 34px -22px rgba(17,34,80,.35)!important} html body #wrapwrap #wrap #products_grid .oe_product.oe_product.oe_product .oe_product_image.oe_product_image[class*="cdm-fondo"] img,html body #wrapwrap .oe_product_image[class*="cdm-fondo"] img{mix-blend-mode:multiply!important} html body #wrapwrap #product_detail .o_product_detail_img_wrapper[class*="cdm-fondo"],html body #wrapwrap .cdm-xs-foto[class*="cdm-fondo"]{background:#ffffff!important;background-image:none!important} html body #wrapwrap #product_detail .o_product_detail_img_wrapper[class*="cdm-fondo"] img,html body #wrapwrap .cdm-xs-foto[class*="cdm-fondo"] img{mix-blend-mode:multiply!important} } /* catalogo celular: menos espacio entre "Desliza para ver mas" y la barra de busqueda */ @media (max-width:991.98px){ html body #wrap .cdm-fs-aviso.cdm-fs-aviso{margin-bottom:4px!important} html body #wrap.o_wsale_products_page .products_header.products_header.products_header{margin-top:6px!important} } /* celular: lanzador rojo compacto "Juega!", se desvanece en vez de deslizarse */ @keyframes lzRojoPulso{0%{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 20px -8px rgba(120,8,24,.65),0 0 0 0 rgba(200,16,46,.45)}70%{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 20px -8px rgba(120,8,24,.65),0 0 0 10px rgba(200,16,46,0)}100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 20px -8px rgba(120,8,24,.65),0 0 0 0 rgba(200,16,46,0)}} @media (max-width:991.98px){ html body .cdmn.cdmn.cdmn{transition:opacity .28s ease,scale .28s ease!important} html body .cdmn.cdmn.cdmn.esconde:not(.abierto){translate:none!important;opacity:0!important;scale:.9!important;pointer-events:none!important} html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt{height:44px!important;padding:0 16px 0 52px!important;border:1.5px solid rgba(255,255,255,.9)!important;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.25) 50%,transparent 70%) 0 0 / 100px 100% no-repeat,linear-gradient(180deg,#e0263f 0%,#b3122a 55%,#8e0b1f 100%)!important;animation:lzEntra .7s cubic-bezier(.2,.9,.3,1.15) 1s both,lzRojoPulso 2.2s ease-out 2s infinite,lzMenea 9s ease-in-out 4s infinite,lzLuz 3.6s ease-in-out 2.5s infinite!important} html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt::before{width:50px!important;height:50px!important;left:-6px!important;top:-9px!important;box-shadow:0 0 0 2.5px #ffffff,0 0 0 4px rgba(200,16,46,.35),0 8px 16px rgba(0,0,0,.35)!important} html body .cdmn.cdmn.cdmn .cdmn-bt.cdmn-bt.cdmn-bt::after,html body .cdmn.cdmn.cdmn:not(.visto):not(.abierto) .cdmn-bt.cdmn-bt.cdmn-bt::after,html body .cdmn.cdmn.cdmn.nuevo:not(.abierto) .cdmn-bt.cdmn-bt.cdmn-bt::after{content:"¡Juega!"!important;color:#ffffff!important;font:800 15px/1 Raleway,sans-serif!important;letter-spacing:.01em!important;text-transform:none!important} html body .cdmn.cdmn.cdmn .cdmn-chat{background:#ffffff!important;color:#0b1626!important;border:0!important;border-left:3px solid #c8102e!important;border-radius:12px!important;box-shadow:0 10px 22px -8px rgba(0,0,0,.35)!important} html body .cdmn.cdmn.cdmn .cdmn-chat .cdmn-chat-tx::before{color:#c8102e!important} } /* compu: corazon siempre visible en la esquina de la foto; solo "Agregar al carrito" aparece al pasar el cursor (sin animaciones peleadas) */ @media (min-width:992px){ html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product.oe_product.oe_product:nth-child(n) form.oe_product_cart{position:relative!important} html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product.oe_product.oe_product:nth-child(n) .o_wsale_product_information{position:static!important} html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product.oe_product.oe_product:nth-child(n) .o_wsale_product_btn.o_wsale_product_btn{opacity:1!important;transform:none!important;transition:none!important;position:static!important} html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product.oe_product.oe_product:nth-child(n) .o_wsale_product_btn_primary.o_wsale_product_btn_primary{opacity:0!important;transform:translateY(6px)!important;transition:opacity .25s ease,transform .25s ease!important} html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product.oe_product.oe_product:nth-child(n):hover .o_wsale_product_btn_primary.o_wsale_product_btn_primary,html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product.oe_product.oe_product:nth-child(n) .o_wsale_product_btn_primary.o_wsale_product_btn_primary:focus-visible{opacity:1!important;transform:none!important} html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product.oe_product.oe_product:nth-child(n) .o_add_wishlist.o_add_wishlist{position:absolute!important;top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;opacity:1!important;transform:none!important;transition:background .2s ease,box-shadow .2s ease!important;animation:none!important;z-index:6!important} html body #wrap.o_wsale_products_page #o_wsale_products_grid .oe_product.oe_product.oe_product.oe_product:nth-child(n) .o_add_wishlist.o_add_wishlist:hover{box-shadow:0 0 0 2px #dfb44c,0 6px 14px rgba(17,34,80,.2)!important} } /* compu: boton de buscar con lupa blanca visible dentro de la pastilla */ @media (min-width:992px){ html body #wrapwrap form.o_searchbar_form.o_searchbar_form.o_searchbar_form .input-group{align-items:center!important;padding:4px!important;gap:6px!important} html body #wrapwrap form.o_searchbar_form.o_searchbar_form.o_searchbar_form input[name="search"]{padding-left:18px!important} html body #wrapwrap form.o_searchbar_form.o_searchbar_form.o_searchbar_form button.btn.btn,html body #wrapwrap form.o_searchbar_form.o_searchbar_form.o_searchbar_form .input-group > .btn.btn{flex:none!important;width:42px!important;height:42px!important;min-width:42px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#112250 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E") center / 18px 18px no-repeat!important;font-size:0!important;color:transparent!important;box-shadow:0 6px 14px -6px rgba(17,34,80,.55)!important;transition:transform .15s ease,background-color .2s ease!important} html body #wrapwrap form.o_searchbar_form.o_searchbar_form.o_searchbar_form button.btn.btn:hover,html body #wrapwrap form.o_searchbar_form.o_searchbar_form.o_searchbar_form .input-group > .btn.btn:hover{background-color:#1a2f6e!important;transform:scale(1.06)!important} html body #wrapwrap form.o_searchbar_form.o_searchbar_form.o_searchbar_form button.btn.btn *,html body #wrapwrap form.o_searchbar_form.o_searchbar_form.o_searchbar_form .input-group > .btn.btn *{display:none!important} } /* compu: Santa pegado al borde derecho del chat (no encima del titulo) */ @media (min-width:992px){ html body .cdmn.cdmn .cdmn-panel.cdmn-carta.cdmn-carta,html body .cdmn.cdmn .cdmn-panel.cdmn-carta.cdmn-carta .cdmn-cuerpo{overflow:visible!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta.cdmn-carta .cdmn-cuerpo{position:relative!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta.cdmn-carta h3.cdmn-t{position:static!important;padding-right:78px!important} html body .cdmn.cdmn .cdmn-panel.cdmn-carta.cdmn-carta h3.cdmn-t::after{top:44px!important;right:-24px!important;left:auto!important;width:96px!important;height:112px!important;z-index:5!important;filter:drop-shadow(0 8px 12px rgba(17,34,80,.25))!important} } /* ===== Inicio celular v2: Instagram dibujado ===== */ @keyframes ig4Entra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}} @keyframes ig4Like{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translateY(-120px) scale(1.2)}} @keyframes ig4Flota{0%,100%{translate:0 0}50%{translate:0 -6px}} @media (max-width:991.98px){ html body.cdm-ig4-on .cdm-ig4-viejo{display:none!important} html body.cdm-ig4-on section.cdm-ig4-nuez{position:relative;z-index:1;padding-bottom:0!important;margin-bottom:0!important} html body.cdm-ig4-on section.cdm-ig4-nuez img.o_we_custom_image{-webkit-mask-image:linear-gradient(180deg,#000 55%,transparent 96%);mask-image:linear-gradient(180deg,#000 55%,transparent 96%)} html body.cdm-ig4-on section.s_instagram_page{position:relative;z-index:2;overflow:visible!important;padding-top:0!important} html body.cdm-ig4-on .cdm-ig4{display:flex!important;flex-direction:column!important;align-items:center!important;gap:26px!important;padding:0 0 10px!important;overflow:visible!important;height:auto!important} html body.cdm-ig4-on .ig4-escena{position:relative;margin-top:-150px;z-index:3;display:flex;justify-content:center;width:100%;animation:ig4Flota 6s ease-in-out infinite} html body.cdm-ig4-on .ig4-tel{width:250px;height:510px;padding:9px;border-radius:44px;background:linear-gradient(145deg,#2a3354,#0b1022 60%,#1c2440);box-shadow:0 0 0 1.5px rgba(255,255,255,.14),0 40px 70px -28px rgba(0,0,0,.85),0 0 40px -12px rgba(223,180,76,.35)} html body.cdm-ig4-on .ig4-pant{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:#ffffff;color:#111;font-family:-apple-system,"SF Pro Text",Raleway,sans-serif;text-align:left} html body.cdm-ig4-on .ig4-sb{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 20px;font-size:12px} html body.cdm-ig4-on .ig4-sb b{font-weight:700} html body.cdm-ig4-on .ig4-isla{width:70px;height:20px;border-radius:999px;background:#000} html body.cdm-ig4-on .ig4-sb i{width:22px;height:10px;border-radius:3px;border:1.5px solid #111} html body.cdm-ig4-on .ig4-cab{display:flex;align-items:center;gap:4px;padding:4px 14px 8px;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden} html body.cdm-ig4-on .ig4-cab span{overflow:hidden;text-overflow:ellipsis} html body.cdm-ig4-on .ig4-cab em{font-style:normal;flex:none;width:14px;height:14px;border-radius:50%;background:#3797f0;color:#fff;font-size:9px;display:inline-flex;align-items:center;justify-content:center} html body.cdm-ig4-on .ig4-perfil{display:flex;align-items:center;gap:14px;padding:0 14px} html body.cdm-ig4-on .ig4-av{flex:none;width:62px;height:62px;border-radius:50%;background:#0b1638 center / cover no-repeat;box-shadow:0 0 0 2px #fff,0 0 0 4px #d6249f} html body.cdm-ig4-on .ig4-st{display:flex;gap:16px} html body.cdm-ig4-on .ig4-st p{margin:0!important;display:flex;flex-direction:column;align-items:center;line-height:1.15} html body.cdm-ig4-on .ig4-st b{font-size:14px;font-weight:800} html body.cdm-ig4-on .ig4-st small{font-size:10.5px;color:#444} html body.cdm-ig4-on .ig4-bio{display:flex;flex-direction:column;padding:8px 14px 0;line-height:1.3} html body.cdm-ig4-on .ig4-bio b{font-size:11.5px;font-weight:700} html body.cdm-ig4-on .ig4-bio small{font-size:10.5px;color:#555} html body.cdm-ig4-on .ig4-bts{display:flex;gap:6px;padding:8px 14px} html body.cdm-ig4-on .ig4-bts span{flex:1;text-align:center;padding:6px 0;border-radius:8px;font-size:11.5px;font-weight:700;background:#efefef;color:#111} html body.cdm-ig4-on .ig4-bts .ig4-seg{background:#0095f6;color:#fff} html body.cdm-ig4-on .ig4-hist{display:flex;gap:9px;padding:2px 14px 8px;overflow:hidden} html body.cdm-ig4-on .ig4-hist span{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;width:40px;font-size:9px;color:#333;white-space:nowrap;overflow:hidden} html body.cdm-ig4-on .ig4-hist i{width:40px;height:40px;border-radius:50%;background:#eee center / cover no-repeat;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #c7c7c7} html body.cdm-ig4-on .ig4-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px} html body.cdm-ig4-on .ig4-grid i{aspect-ratio:1;background:#ddd center / cover no-repeat} html body.cdm-ig4-on .ig4-vivo{position:absolute;left:0;right:0;bottom:0;padding:40px 10px 12px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.62) 45%,rgba(0,0,0,.78));pointer-events:none} html body.cdm-ig4-on .ig4-c{display:flex;align-items:flex-start;gap:7px;animation:ig4Entra .45s ease both} html body.cdm-ig4-on .ig4-ca{flex:none;width:24px;height:24px;border-radius:50%;background:#fff6dc center / cover no-repeat;font-style:normal;font-size:13px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 1.5px rgba(255,255,255,.85)} html body.cdm-ig4-on .ig4-c p{margin:0!important;font-size:11.5px!important;line-height:1.3!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.4)} html body.cdm-ig4-on .ig4-c b{font-weight:700} html body.cdm-ig4-on .ig4-likes{position:absolute;right:10px;bottom:60px;width:40px;height:10px;pointer-events:none} html body.cdm-ig4-on .ig4-likes span{position:absolute;bottom:0;font-size:18px;color:#ff3b5c;animation:ig4Like 2.6s ease-out forwards;text-shadow:0 2px 6px rgba(0,0,0,.3)} } @media (max-width:991.98px) and (prefers-reduced-motion:reduce){html body.cdm-ig4-on .ig4-escena{animation:none}} /* menu celular: boton del juego encuadrado (Nuez dentro y centrado, JUGAR fijo, margenes parejos) */ @keyframes mnBrillo{0%,100%{box-shadow:0 12px 24px -14px rgba(11,22,56,.75),0 0 0 0 rgba(223,180,76,.0)}50%{box-shadow:0 12px 24px -14px rgba(11,22,56,.75),0 0 16px 0 rgba(223,180,76,.45)}} @media (max-width:991.98px){ html body #top_menu_collapse_mobile .navbar-nav .nav-item.nav-item.nav-item:has(> a.nav-link[href="/la-mision-de-santa"]){margin:0!important;padding:10px 16px 14px!important;border:0!important} html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link.nav-link[href="/la-mision-de-santa"]{grid-template-columns:44px minmax(0,1fr) 70px!important;align-items:center!important;column-gap:12px!important;padding:9px 10px 9px 9px!important;min-height:62px!important;background-size:70px 30px,100% 100%!important;background-position:right 10px center,0 0!important;animation:mnBrillo 2.6s ease-in-out infinite!important} html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link.nav-link[href="/la-mision-de-santa"]::before{width:44px!important;height:44px!important;margin:0!important;align-self:center!important;animation:none!important;translate:none!important;box-shadow:0 0 0 1.5px #dfb44c,0 0 0 3.5px rgba(223,180,76,.2)!important} html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link.nav-link[href="/la-mision-de-santa"] > span{align-self:end!important} html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link.nav-link[href="/la-mision-de-santa"]::after{align-self:start!important} } @media (max-width:991.98px) and (prefers-reduced-motion:reduce){html body #top_menu_collapse_mobile.o_navbar_mobile.o_navbar_mobile .navbar-nav .nav-item > a.nav-link.nav-link.nav-link.nav-link[href="/la-mision-de-santa"]{animation:none!important}} /* acceso: boton "Continuar con Google" con estilo de la marca */ html body .o_login_auth.o_login_auth{margin-top:6px!important} html body .o_login_auth.o_login_auth > em{display:flex!important;align-items:center!important;gap:12px!important;margin:16px 0 14px!important;font-size:0!important;color:transparent!important} html body .o_login_auth.o_login_auth > em::before,html body .o_login_auth.o_login_auth > em::after{content:""!important;flex:1!important;height:1px!important;background:#e6e2d6!important} html body .o_login_auth.o_login_auth > em::before{margin-right:0!important} html body .o_login_auth.o_login_auth .list-group{border:0!important;background:none!important} html body .o_login_auth.o_login_auth .list-group-item.list-group-item{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:50px!important;padding:0 18px!important;border-radius:999px!important;border:1.5px solid #dfe3ec!important;background:#ffffff!important;color:#1f2a44!important;font:700 14.5px Raleway,sans-serif!important;text-decoration:none!important;box-shadow:0 6px 14px -10px rgba(17,34,80,.35)!important;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease!important} html body .o_login_auth.o_login_auth .list-group-item.list-group-item:hover{border-color:#dfb44c!important;box-shadow:0 10px 20px -12px rgba(17,34,80,.45)!important;transform:translateY(-1px)!important} html body .o_login_auth.o_login_auth .list-group-item.list-group-item > *:not(span):not(b){display:none!important} html body .o_login_auth.o_login_auth .list-group-item.list-group-item[href*="accounts.google.com"]::before{content:""!important;flex:none!important;width:20px!important;height:20px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.5H42V20H24v8h11.3C33.7 32.7 29.3 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.4-.4-3.5z'/%3E%3Cpath fill='%23FF3D00' d='M6.3 14.7l6.6 4.8C14.7 15.1 19 12 24 12c3.1 0 5.8 1.2 7.9 3.1l5.7-5.7C34 6.1 29.3 4 24 4 16.3 4 9.7 8.3 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.2 0 9.9-2 13.4-5.2l-6.2-5.2C29.2 35.1 26.7 36 24 36c-5.2 0-9.6-3.3-11.3-8l-6.5 5C9.5 39.6 16.2 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.5H42V20H24v8h11.3c-.8 2.2-2.2 4.2-4.1 5.6l6.2 5.2C37 39.2 44 34 44 24c0-1.3-.1-2.4-.4-3.5z'/%3E%3C/svg%3E") center / contain no-repeat!important} /* compu: paginas cortas sin efecto sandwich (contenido a pantalla completa, centrado, fondo con brillos) */ @media (min-width:992px){ html body main:has(> .cdm-lg-wrap),html body.cdm-carrito-vacio main{min-height:calc(100vh - 80px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;background:radial-gradient(1.5px 1.5px at 12% 22%,rgba(223,180,76,.55) 50%,transparent),radial-gradient(1px 1px at 28% 72%,rgba(223,180,76,.45) 50%,transparent),radial-gradient(1.5px 1.5px at 84% 18%,rgba(223,180,76,.5) 50%,transparent),radial-gradient(1px 1px at 72% 84%,rgba(17,34,80,.25) 50%,transparent),radial-gradient(1px 1px at 92% 58%,rgba(223,180,76,.4) 50%,transparent),radial-gradient(1px 1px at 6% 52%,rgba(17,34,80,.25) 50%,transparent),radial-gradient(ellipse 50% 60% at 15% 30%,rgba(223,180,76,.12),transparent 70%),radial-gradient(ellipse 55% 65% at 88% 75%,rgba(17,34,80,.08),transparent 70%),linear-gradient(180deg,#fbfaf6 0%,#f4f1e8 100%)!important;padding-top:40px!important;padding-bottom:56px!important} html body main:has(> .cdm-lg-wrap) > .cdm-lg-wrap{margin-top:0!important;margin-bottom:0!important} html body.cdm-carrito-vacio main > *{width:100%} } /* compu: acceso con tarjeta de cristal estilo Google y ambiente calido minimalista */ @media (min-width:992px){ html body main:has(> .cdm-lg-wrap){background:radial-gradient(circle at 16% 24%,rgba(17,34,80,.30),transparent 36%),radial-gradient(circle at 86% 74%,rgba(40,90,200,.24),transparent 38%),radial-gradient(circle at 72% 12%,rgba(120,170,235,.30),transparent 32%),radial-gradient(circle at 28% 88%,rgba(70,120,210,.16),transparent 32%),radial-gradient(1.5px 1.5px at 22% 60%,rgba(223,180,76,.55) 50%,transparent),radial-gradient(1px 1px at 78% 30%,rgba(255,255,255,.9) 50%,transparent),radial-gradient(1px 1px at 58% 82%,rgba(223,180,76,.45) 50%,transparent),#f2f5fb!important} html body main:has(> .cdm-lg-wrap) > .cdm-lg-wrap.cdm-lg-wrap{padding:10px!important;gap:0!important;border:0!important;border-radius:34px!important;background:rgba(255,255,255,.52)!important;-webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 1px 2px rgba(60,40,10,.06),0 30px 80px -34px rgba(90,60,20,.35)!important;overflow:visible!important} html body main:has(> .cdm-lg-wrap) > .cdm-lg-wrap.cdm-lg-wrap > .cdm-lg-ed{border-radius:26px!important;box-shadow:0 14px 30px -18px rgba(11,22,56,.6)!important} html body main:has(> .cdm-lg-wrap) > .cdm-lg-wrap.cdm-lg-wrap > .oe_website_login_container{background:transparent!important;box-shadow:none!important;border:0!important} html body main:has(> .cdm-lg-wrap) > .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container::before,html body main:has(> .cdm-lg-wrap) > .cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container::after{opacity:0!important} html body main:has(> .cdm-lg-wrap) > .cdm-lg-wrap.cdm-lg-wrap input.form-control{background:#ffffff!important;border:1px solid #dadce0!important;border-radius:12px!important;min-height:50px!important;box-shadow:none!important;transition:border-color .15s ease,box-shadow .15s ease!important} html body main:has(> .cdm-lg-wrap) > .cdm-lg-wrap.cdm-lg-wrap input.form-control:focus{border-color:#1a2f6e!important;box-shadow:0 0 0 3px rgba(26,47,110,.14)!important} html body main:has(> .cdm-lg-wrap) > .cdm-lg-wrap.cdm-lg-wrap .o_show_password,html body main:has(> .cdm-lg-wrap) > .cdm-lg-wrap.cdm-lg-wrap .input-group .btn{background:#ffffff!important;border:1px solid #dadce0!important;border-left:0!important;border-radius:0 12px 12px 0!important} html body main:has(> .cdm-lg-wrap) > .cdm-lg-wrap.cdm-lg-wrap .input-group input.form-control{border-radius:12px 0 0 12px!important} } /* acceso: iconos ilustrados (Magnific) en los circulos del panel azul, celular y compu */ html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li > span:first-child{width:44px!important;height:44px!important;flex:none!important;padding:0!important;border:0!important;border-radius:50%!important;background-color:#0a1638!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;box-shadow:0 0 0 1.5px rgba(223,180,76,.85),0 0 16px rgba(223,180,76,.35)!important;font-size:0!important;overflow:hidden!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li > span:first-child *{display:none!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li > span:first-child::before,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li > span:first-child::after{display:none!important;content:none!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li:nth-child(1) > span:first-child{background-image:url("/web/image/24225/acceso-icono-favoritos.webp")!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li:nth-child(2) > span:first-child{background-image:url("/web/image/24226/acceso-icono-compras.webp")!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li:nth-child(3) > span:first-child{background-image:url("/web/image/24227/acceso-icono-direcciones.webp")!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li{gap:14px!important;align-items:center!important} @media (max-width:991.98px){html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li > span:first-child{width:36px!important;height:36px!important}} /* compu: acceso de lujo y claro (fondo continuo, un solo dorado, nada encimado, boton sobrio) */ @media (min-width:992px){ html.cdm-pildora-fija body:has(main > .cdm-lg-wrap),html.cdm-pildora-fija body:has(main > .cdm-lg-wrap) #wrapwrap{background:radial-gradient(circle at 16% 24%,rgba(17,34,80,.30),transparent 36%),radial-gradient(circle at 86% 74%,rgba(40,90,200,.24),transparent 38%),radial-gradient(circle at 72% 12%,rgba(120,170,235,.30),transparent 32%),radial-gradient(circle at 28% 88%,rgba(70,120,210,.16),transparent 32%),#f2f5fb!important;background-attachment:fixed!important} html.cdm-pildora-fija body:has(main > .cdm-lg-wrap) header#top{background:transparent!important} html body main:has(> .cdm-lg-wrap){background:transparent!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed .k1{color:#dfb44c!important;letter-spacing:.32em!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed .t2{background:linear-gradient(180deg,#ecd391 0%,#dfb44c 55%,#c79b3d 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;filter:none!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed .t1 ~ i,html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed i:not(.fa){background:rgba(223,180,76,.55)!important;color:rgba(223,180,76,.55)!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed ul{max-width:300px!important;gap:18px!important;display:flex!important;flex-direction:column!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed ul li{font-size:15px!important;line-height:1.35!important;color:#eef0f6!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li > span:first-child{width:42px!important;height:42px!important;box-shadow:0 0 0 1.5px #dfb44c,0 0 14px rgba(223,180,76,.3)!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed::after{width:158px!important;height:184px!important;right:22px!important;bottom:-10px!important} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_login_buttons button[type=submit],html body main .cdm-lg-wrap.cdm-lg-wrap button.btn-primary[type=submit]{background:linear-gradient(180deg,#1b2c66 0%,#0b1638 100%)!important;box-shadow:0 12px 24px -14px rgba(11,22,56,.7)!important;animation:none!important} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_login_buttons button[type=submit]::before,html body main .cdm-lg-wrap.cdm-lg-wrap .oe_login_buttons button[type=submit]::after,html body main .cdm-lg-wrap.cdm-lg-wrap button.btn-primary[type=submit]::before,html body main .cdm-lg-wrap.cdm-lg-wrap button.btn-primary[type=submit]::after{display:none!important;animation:none!important} html body .o_login_auth.o_login_auth > em::before,html body .o_login_auth.o_login_auth > em::after{background:#e3e6ee!important} } /* azul de marca = el del pie; el recuadro de acceso un poco mas oscuro y con estrellas dibujadas (sin foto opaca) */ html body #wrapwrap > header#top.o_header_is_scrolled.o_header_is_scrolled nav.navbar,html body #wrapwrap > header#top.o_header_is_scrolled.o_header_is_scrolled > nav,html body #wrapwrap > header#top.o_header_is_scrolled.o_header_is_scrolled nav.navbar.o_header_mobile{background:linear-gradient(180deg,#0a1438 0%,#050b1f 100%)!important;background-color:#08112f!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed{background:radial-gradient(1px 1px at 12% 18%,rgba(255,255,255,.85) 50%,transparent),radial-gradient(1px 1px at 34% 8%,rgba(255,255,255,.6) 50%,transparent),radial-gradient(1.5px 1.5px at 58% 26%,rgba(255,255,255,.9) 50%,transparent),radial-gradient(1px 1px at 82% 14%,rgba(255,255,255,.7) 50%,transparent),radial-gradient(1px 1px at 22% 44%,rgba(255,255,255,.55) 50%,transparent),radial-gradient(1.5px 1.5px at 74% 52%,rgba(255,255,255,.8) 50%,transparent),radial-gradient(1px 1px at 46% 64%,rgba(255,255,255,.6) 50%,transparent),radial-gradient(1px 1px at 10% 78%,rgba(255,255,255,.7) 50%,transparent),radial-gradient(1px 1px at 64% 86%,rgba(255,255,255,.55) 50%,transparent),radial-gradient(1.5px 1.5px at 90% 72%,rgba(255,255,255,.75) 50%,transparent),radial-gradient(1px 1px at 38% 94%,rgba(255,255,255,.5) 50%,transparent),radial-gradient(1px 1px at 92% 36%,rgba(223,180,76,.7) 50%,transparent),linear-gradient(180deg,#081130 0%,#03091a 100%)!important;background-color:#060e26!important} /* acceso: iconos centrados en su circulo y cascanueces mas grande */ html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li:nth-child(n) > span:first-child{background-size:130% 130%!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li:nth-child(1) > span:first-child{background-position:105% 50%!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li:nth-child(2) > span:first-child{background-position:45% 45%!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li:nth-child(3) > span:first-child{background-position:15% 29%!important} @media (min-width:992px){html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed::after{width:198px!important;height:230px!important;right:12px!important;bottom:-10px!important}} /* acceso: iconos sin circulo (aro quitado, orillas difuminadas y fundidas con el fondo) */ html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li:nth-child(n) > span:first-child{width:50px!important;height:50px!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;mix-blend-mode:lighten!important;-webkit-mask-image:radial-gradient(circle,#000 52%,transparent 71%);mask-image:radial-gradient(circle,#000 52%,transparent 71%);filter:drop-shadow(0 0 6px rgba(223,180,76,.25))} @media (max-width:991.98px){html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li:nth-child(n) > span:first-child{width:42px!important;height:42px!important}} /* acceso: iconos vectoriales en el dorado exacto de la marca (#DFB44C), sin circulo */ html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li:nth-child(n) > span:first-child{width:34px!important;height:34px!important;border-radius:0!important;box-shadow:none!important;background-image:none!important;background-color:#dfb44c!important;mix-blend-mode:normal!important;-webkit-mask-size:contain!important;mask-size:contain!important;-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;filter:drop-shadow(0 0 6px rgba(223,180,76,.35))!important;margin-right:4px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li:nth-child(1) > span:first-child{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'16'%20cy%3D'3.4'%20r%3D'1.4'%2F%3E%3Crect%20x%3D'13.6'%20y%3D'5'%20width%3D'4.8'%20height%3D'3'%20rx%3D'.8'%20fill%3D'%23000'%20fill-opacity%3D'.35'%2F%3E%3Cpath%20d%3D'M16%2028.5C9.5%2024.3%205.5%2020.4%205.5%2015.4c0-3.4%202.6-5.9%205.6-5.9%202.2%200%203.8%201.2%204.9%203%201.1-1.8%202.7-3%204.9-3%203%200%205.6%202.5%205.6%205.9%200%205-4%208.9-10.5%2013.1z'%20fill%3D'%23000'%20fill-opacity%3D'.16'%2F%3E%3Cpath%20d%3D'M10%2014.2c.3-1.4%201.3-2.3%202.6-2.5'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8.8%2019.5c3.6%201.2%2010.8%201.2%2014.4%200'%20stroke-opacity%3D'.55'%20stroke-width%3D'1.1'%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'16'%20cy%3D'3.4'%20r%3D'1.4'%2F%3E%3Crect%20x%3D'13.6'%20y%3D'5'%20width%3D'4.8'%20height%3D'3'%20rx%3D'.8'%20fill%3D'%23000'%20fill-opacity%3D'.35'%2F%3E%3Cpath%20d%3D'M16%2028.5C9.5%2024.3%205.5%2020.4%205.5%2015.4c0-3.4%202.6-5.9%205.6-5.9%202.2%200%203.8%201.2%204.9%203%201.1-1.8%202.7-3%204.9-3%203%200%205.6%202.5%205.6%205.9%200%205-4%208.9-10.5%2013.1z'%20fill%3D'%23000'%20fill-opacity%3D'.16'%2F%3E%3Cpath%20d%3D'M10%2014.2c.3-1.4%201.3-2.3%202.6-2.5'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8.8%2019.5c3.6%201.2%2010.8%201.2%2014.4%200'%20stroke-opacity%3D'.55'%20stroke-width%3D'1.1'%2F%3E%3C%2Fsvg%3E")!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li:nth-child(2) > span:first-child{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M9%207.5h14v20.5l-2.3-1.6-2.4%201.6-2.3-1.6-2.3%201.6-2.4-1.6L9%2028z'%20fill%3D'%23000'%20fill-opacity%3D'.16'%2F%3E%3Cpath%20d%3D'M12.5%2013h7M12.5%2016.5h7M12.5%2020h4.5'%2F%3E%3Cpath%20d%3D'M16%207.5c-1.4-2.6-4.6-2.9-4.6-1%200%201.6%202.6%201.4%204.6%201zM16%207.5c1.4-2.6%204.6-2.9%204.6-1%200%201.6-2.6%201.4-4.6%201z'%20fill%3D'%23000'%20fill-opacity%3D'.35'%2F%3E%3Cpath%20d%3D'M16%207.5l-1.6%203M16%207.5l1.6%203'%20stroke-width%3D'1.2'%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M9%207.5h14v20.5l-2.3-1.6-2.4%201.6-2.3-1.6-2.3%201.6-2.4-1.6L9%2028z'%20fill%3D'%23000'%20fill-opacity%3D'.16'%2F%3E%3Cpath%20d%3D'M12.5%2013h7M12.5%2016.5h7M12.5%2020h4.5'%2F%3E%3Cpath%20d%3D'M16%207.5c-1.4-2.6-4.6-2.9-4.6-1%200%201.6%202.6%201.4%204.6%201zM16%207.5c1.4-2.6%204.6-2.9%204.6-1%200%201.6-2.6%201.4-4.6%201z'%20fill%3D'%23000'%20fill-opacity%3D'.35'%2F%3E%3Cpath%20d%3D'M16%207.5l-1.6%203M16%207.5l1.6%203'%20stroke-width%3D'1.2'%2F%3E%3C%2Fsvg%3E")!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li:nth-child(3) > span:first-child{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M16%2029s-8.5-7.6-8.5-14.6a8.5%208.5%200%200%201%2017%200C24.5%2021.4%2016%2029%2016%2029z'%20fill%3D'%23000'%20fill-opacity%3D'.16'%2F%3E%3Cpath%20d%3D'M16%209.6v9.6M11.9%2012l8.2%204.8M20.1%2012l-8.2%204.8'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M14.7%2010.4l1.3%201%201.3-1M14.7%2018.4l1.3-1%201.3%201'%20stroke-width%3D'1.1'%2F%3E%3C%2Fsvg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M16%2029s-8.5-7.6-8.5-14.6a8.5%208.5%200%200%201%2017%200C24.5%2021.4%2016%2029%2016%2029z'%20fill%3D'%23000'%20fill-opacity%3D'.16'%2F%3E%3Cpath%20d%3D'M16%209.6v9.6M11.9%2012l8.2%204.8M20.1%2012l-8.2%204.8'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M14.7%2010.4l1.3%201%201.3-1M14.7%2018.4l1.3-1%201.3%201'%20stroke-width%3D'1.1'%2F%3E%3C%2Fsvg%3E")!important} @media (max-width:991.98px){html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li:nth-child(n) > span:first-child{width:30px!important;height:30px!important}} /* acceso: boton Iniciar sesion en el dorado de la marca y cascanueces mas grande */ @media (min-width:992px){ html body main .cdm-lg-wrap.cdm-lg-wrap .oe_login_buttons button[type=submit].btn,html body main .cdm-lg-wrap.cdm-lg-wrap .oe_login_buttons .btn-primary[type=submit]{background:#dfb44c!important;background-image:linear-gradient(180deg,#e6c068 0%,#dfb44c 55%,#cfa23d 100%)!important;color:#0b1626!important;-webkit-text-fill-color:#0b1626!important;border:0!important;box-shadow:0 12px 24px -14px rgba(120,85,20,.6),inset 0 1px 0 rgba(255,255,255,.35)!important;font-weight:700!important} html body main .cdm-lg-wrap.cdm-lg-wrap .oe_login_buttons button[type=submit].btn:hover{background-image:linear-gradient(180deg,#e9c672 0%,#e2b952 55%,#d2a641 100%)!important} html body main .cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed::after{width:255px!important;height:297px!important;right:0px!important;bottom:-10px!important} } /* acceso: texto del boton dorado en azul marino (legible) */ @media (min-width:992px){html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_login_buttons.oe_login_buttons button[type=submit].btn.btn,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_login_buttons.oe_login_buttons button[type=submit].btn.btn *,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_login_buttons.oe_login_buttons button[type=submit].btn.btn::before,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_login_buttons.oe_login_buttons button[type=submit].btn.btn::after{color:#0b1626!important;-webkit-text-fill-color:#0b1626!important;text-shadow:none!important}} /* acceso: boton Iniciar sesion azul de la marca con letras doradas */ @media (min-width:992px){ html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_login_buttons.oe_login_buttons button[type=submit].btn.btn.btn{background:#0a1438!important;background-image:linear-gradient(180deg,#0a1438 0%,#050b1f 100%)!important;border:1px solid rgba(223,180,76,.45)!important;box-shadow:0 12px 24px -14px rgba(5,11,31,.75)!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_login_buttons.oe_login_buttons button[type=submit].btn.btn.btn:hover{border-color:#dfb44c!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_login_buttons.oe_login_buttons button[type=submit].btn.btn.btn,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_login_buttons.oe_login_buttons button[type=submit].btn.btn.btn *{color:#dfb44c!important;-webkit-text-fill-color:#dfb44c!important;text-shadow:none!important} } /* acceso: enlaces "Elija un usuario" y "Restablecer contrasena" como enlaces discretos (sin mayusculas, con ñ) */ html body main .cdm-lg-wrap.cdm-lg-wrap form.oe_login_form a.btn.btn-link:not([href*="signup"]),html body main .cdm-lg-wrap.cdm-lg-wrap form.oe_login_form a.btn-link.btn-sm:not([href*="signup"]){font-family:Raleway,sans-serif!important;font-size:12.5px!important;font-weight:500!important;letter-spacing:normal!important;text-transform:none!important;font-variant:normal!important;color:#3a4766!important;-webkit-text-fill-color:#3a4766!important;text-decoration:underline!important;text-underline-offset:2px!important;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;min-height:0!important;line-height:1.4!important;align-self:center!important} html body main .cdm-lg-wrap.cdm-lg-wrap form.oe_login_form a.btn.btn-link:not([href*="signup"]):hover{color:#0b1626!important;-webkit-text-fill-color:#0b1626!important} html body main .cdm-lg-wrap.cdm-lg-wrap form.oe_login_form .mb-3 > .d-flex,html body main .cdm-lg-wrap.cdm-lg-wrap form.oe_login_form .field-login > .d-flex,html body main .cdm-lg-wrap.cdm-lg-wrap form.oe_login_form .field-password > .d-flex{align-items:baseline!important} @import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500;1,600&display=swap"); /* ===== Contacto (compu): carta a Santa ===== */ @media (min-width:992px){ html body.cdm-carta-on .cdmc-oculto{display:none!important} html body.cdm-carta-on .cdmc-col{flex:0 0 100%!important;max-width:100%!important;width:100%!important;margin:0!important} html body.cdm-carta-on .cdmc-col section.s_website_form{padding:0!important} html body.cdm-carta-on main{background:radial-gradient(circle at 16% 24%,rgba(17,34,80,.22),transparent 36%),radial-gradient(circle at 86% 74%,rgba(40,90,200,.18),transparent 38%),radial-gradient(circle at 72% 12%,rgba(120,170,235,.24),transparent 32%),#f2f5fb!important;padding:40px 0 70px!important} html body.cdm-carta-on .cdmc-cab{text-align:center;margin:0 auto 26px;max-width:720px} html body.cdm-carta-on .cdmc-k{display:block;font:800 11px Raleway,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#dfb44c} html body.cdm-carta-on .cdmc-cab h1{margin:6px 0!important;font-family:Cinzel,'Times New Roman',serif!important;font-size:40px!important;color:#0a1438!important;text-transform:none!important} html body.cdm-carta-on .cdmc-cab p{margin:0!important;font:500 16px Raleway,sans-serif;color:#4a5573} html body.cdm-carta-on .cdmc-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:26px;align-items:start;max-width:1120px;margin:0 auto} html body.cdm-carta-on .cdmc-grid > form{margin:0!important} html body.cdm-carta-on .cdmc-carta{position:relative;padding:40px 44px 32px;border-radius:24px;background:radial-gradient(ellipse at 20% 0%,rgba(223,180,76,.08),transparent 60%),#fbf7ee;box-shadow:inset 0 0 0 1px #e8d9b2,inset 0 0 0 7px #fbf7ee,inset 0 0 0 8px rgba(223,180,76,.45),0 30px 60px -34px rgba(10,20,56,.45);color:#2a2a3a;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic} html body.cdm-carta-on .cdmc-timbre{position:absolute;top:24px;right:26px;width:66px;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#0a1438;color:#dfb44c;border-radius:4px;outline:2px dashed #dfb44c;outline-offset:3px;font:700 11px/1.1 Cinzel,serif;font-style:normal;text-align:center} html body.cdm-carta-on .cdmc-timbre i{font-style:normal;font-size:22px} html body.cdm-carta-on .cdmc-matasellos{position:absolute;top:40px;right:104px;width:78px;height:78px;border-radius:50%;border:1.5px solid rgba(10,20,56,.3);display:flex;align-items:center;justify-content:center;text-align:center;font:600 9.5px/1.3 Raleway,sans-serif;font-style:normal;letter-spacing:.12em;color:rgba(10,20,56,.45);transform:rotate(-14deg)} html body.cdm-carta-on .cdmc-saludo{margin:0 0 18px!important;font-size:30px!important;font-weight:600;color:#0a1438} html body.cdm-carta-on .cdmc-p{margin:0 0 8px!important;font-size:21px!important;line-height:2.2!important;max-width:620px} html body.cdm-carta-on .cdmc-l{display:inline-block;vertical-align:baseline;min-width:180px} html body.cdm-carta-on .cdmc-larga{min-width:300px} html body.cdm-carta-on .cdmc-carta .cdmc-caja{display:block!important;margin:0!important;padding:0!important;width:100%!important} html body.cdm-carta-on .cdmc-carta .cdmc-caja label,html body.cdm-carta-on .cdmc-carta .cdmc-caja .s_website_form_label{display:none!important} html body.cdm-carta-on .cdmc-carta .cdmc-caja .row{display:block!important;margin:0!important} html body.cdm-carta-on .cdmc-carta .cdmc-caja [class*="col"]{padding:0!important;width:100%!important;max-width:100%!important;flex:none!important} html body.cdm-carta-on .cdmc-l input{width:100%!important;height:34px!important;padding:0 4px!important;border:0!important;border-bottom:1.5px dashed #d4ae58!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font:500 18px Raleway,sans-serif!important;font-style:normal!important;color:#0a1438!important} html body.cdm-carta-on .cdmc-req input{border-bottom-style:solid!important} html body.cdm-carta-on .cdmc-l input::placeholder,html body.cdm-carta-on .cdmc-hoja textarea::placeholder{color:#a4a2b0!important;font-weight:400!important} html body.cdm-carta-on .cdmc-l input:focus{border-bottom-color:#0a1438!important} html body.cdm-carta-on .cdmc-carta .o_has_error input,html body.cdm-carta-on .cdmc-carta input.is-invalid,html body.cdm-carta-on .cdmc-carta .o_has_error textarea,html body.cdm-carta-on .cdmc-carta textarea.is-invalid{border-bottom-color:#b3122a!important;background-color:rgba(179,18,42,.05)!important} html body.cdm-carta-on .cdmc-hoja{margin:6px 0 14px} html body.cdm-carta-on .cdmc-hoja textarea{width:100%!important;min-height:150px!important;padding:6px 10px!important;border:0!important;border-radius:10px!important;background:repeating-linear-gradient(transparent 0 33px,#e6d9b9 33px 34px)!important;background-color:rgba(255,255,255,.35)!important;box-shadow:inset 0 0 0 1px #efe3c4!important;font:500 17px/34px Raleway,sans-serif!important;color:#0a1438!important;resize:vertical} html body.cdm-carta-on .cdmc-pd{margin:10px 0 0;font-size:19px;color:#4a4a5a} html body.cdm-carta-on .cdmc-pd b{color:#0a1438} html body.cdm-carta-on .cdmc-pd a{font:700 14px Raleway,sans-serif;font-style:normal;color:#b8902f!important;margin-left:6px} html body.cdm-carta-on .cdmc-pinos{display:inline-flex;gap:3px;margin-left:8px;vertical-align:middle} html body.cdm-carta-on .cdmc-pinos i{font-style:normal;font-size:13px;color:#d9d3c2} html body.cdm-carta-on .cdmc-pinos i.on{color:#dfb44c;text-shadow:0 0 6px rgba(223,180,76,.6)} html body.cdm-carta-on .cdmc-pie{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:22px} html body.cdm-carta-on .cdmc-firma{margin:0!important;font-size:21px;color:#0a1438} html body.cdm-carta-on .cdmc-firma b{display:block;font-size:26px;font-weight:600;color:#b8902f} html body.cdm-carta-on .cdmc-bt .s_website_form_send{display:inline-flex!important;align-items:center!important;gap:12px!important;padding:8px 24px 8px 8px!important;border-radius:999px!important;border:1px solid rgba(223,180,76,.5)!important;background:linear-gradient(180deg,#0a1438 0%,#050b1f 100%)!important;color:#dfb44c!important;-webkit-text-fill-color:#dfb44c!important;font:700 14px Raleway,sans-serif!important;font-style:normal!important;letter-spacing:.06em!important;text-transform:none!important;box-shadow:0 14px 26px -14px rgba(5,11,31,.75)!important;transition:transform .15s ease!important} html body.cdm-carta-on .cdmc-bt .s_website_form_send:hover{transform:translateY(-2px)!important} html body.cdm-carta-on .cdmc-lacre{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#d23a4c,#a3202f 55%,#7a1220);color:#f3d68a;-webkit-text-fill-color:#f3d68a;font:700 18px Cinzel,serif;box-shadow:inset 0 -2px 4px rgba(0,0,0,.35),0 3px 6px rgba(0,0,0,.3)} html body.cdm-carta-on .cdmc-lado{position:sticky;top:110px;padding:26px 24px;border-radius:24px;background:linear-gradient(180deg,#0a1438 0%,#050b1f 100%);color:#e9ecf5;box-shadow:0 30px 60px -34px rgba(5,11,31,.8)} html body.cdm-carta-on .cdmc-lado h3{margin:6px 0 16px!important;font-family:Cinzel,serif!important;font-size:21px!important;color:#ffffff!important;text-transform:none!important} html body.cdm-carta-on .cdmc-dato{display:flex;gap:10px;margin:0 0 12px!important;font:500 13.5px/1.5 Raleway,sans-serif;color:#d9deeb} html body.cdm-carta-on .cdmc-dato i{color:#dfb44c;width:16px;margin-top:3px;text-align:center} html body.cdm-carta-on .cdmc-dato a{color:#d9deeb!important;text-decoration:none!important} html body.cdm-carta-on .cdmc-wa{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 0;min-height:44px;border-radius:999px;border:1px solid rgba(223,180,76,.6);color:#dfb44c!important;font:700 13.5px Raleway,sans-serif;text-decoration:none!important} html body.cdm-carta-on .cdmc-juego{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)} html body.cdm-carta-on .cdmc-jtx{margin:6px 0 12px!important;font:500 14px Raleway,sans-serif;color:#d9deeb} html body.cdm-carta-on .cdmc-jtx b{color:#dfb44c} html body.cdm-carta-on .cdmc-arboles{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:14px} html body.cdm-carta-on .cdmc-arboles span{aspect-ratio:1;border-radius:50%;background:#0e1b44 center / cover no-repeat;filter:grayscale(1) brightness(.45);box-shadow:0 0 0 1px rgba(255,255,255,.15)} html body.cdm-carta-on .cdmc-arboles span.on{filter:none;box-shadow:0 0 0 1.5px #dfb44c,0 0 10px rgba(223,180,76,.45)} html body.cdm-carta-on .cdmc-jbt{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;background:#dfb44c;color:#0b1626!important;font:800 13.5px Raleway,sans-serif;text-decoration:none!important} html body.cdm-carta-on #s_website_form_result{margin-top:12px} } /* contacto v2 (compu): campos que crecen, letra de pluma en lo escrito, renglones sin caja, acebo */ @media (min-width:992px){ html body.cdm-carta-on .cdmc-oculto-txt{display:none!important} html body.cdm-carta-on .cdmc-carta{padding-top:52px!important} html body.cdm-carta-on .cdmc-carta::before{content:"";position:absolute;top:16px;left:18px;width:96px;height:64px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20120%2080'%20fill%3D'none'%20stroke%3D'%23dfb44c'%20stroke-width%3D'1.4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2070C30%2052%2052%2042%2078%2038'%2F%3E%3Cpath%20d%3D'M34%2054c-6-10-2-20%208-24%200%208%204%2012%2010%2014-6%202-12%206-18%2010z'%2F%3E%3Cpath%20d%3D'M56%2044c-2-11%205-19%2016-19-3%207-1%2012%204%2016-7%200-13%201-20%203z'%2F%3E%3Cpath%20d%3D'M44%2050c10-4%2020%200%2024%2010-8-1-12%202-15%208-2-7-5-12-9-18z'%2F%3E%3Ccircle%20cx%3D'80'%20cy%3D'38'%20r%3D'4'%20fill%3D'%23dfb44c'%20fill-opacity%3D'.35'%2F%3E%3Ccircle%20cx%3D'88'%20cy%3D'33'%20r%3D'3.4'%20fill%3D'%23dfb44c'%20fill-opacity%3D'.35'%2F%3E%3Ccircle%20cx%3D'86'%20cy%3D'43'%20r%3D'3.2'%20fill%3D'%23dfb44c'%20fill-opacity%3D'.35'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;opacity:.9;pointer-events:none} html body.cdm-carta-on .cdmc-saludo{margin-left:84px!important} html body.cdm-carta-on .cdmc-p{max-width:none!important;line-height:2.3!important} html body.cdm-carta-on .cdmc-l,html body.cdm-carta-on .cdmc-larga{min-width:0!important;width:auto!important} html body.cdm-carta-on .cdmc-l input{width:auto!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-weight:600!important;font-size:23px!important;color:#14306e!important;border-bottom:1.2px solid rgba(212,174,88,.85)!important;padding:0 6px!important;height:36px!important} html body.cdm-carta-on .cdmc-l:not(.cdmc-req) input{border-bottom-style:dashed!important} html body.cdm-carta-on .cdmc-l input::placeholder{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-weight:500!important;color:#aaa3b6!important} html body.cdm-carta-on .cdmc-hoja textarea{background:repeating-linear-gradient(transparent 0 37px,#e3d5b2 37px 38px)!important;background-color:transparent!important;box-shadow:none!important;border-radius:0!important;padding:2px 4px!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-weight:600!important;font-size:22px!important;line-height:38px!important;color:#14306e!important;min-height:190px!important} html body.cdm-carta-on .cdmc-hoja textarea::placeholder{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;color:#aaa3b6!important} } /* contacto: version celular de la carta y tarjeta del taller del mismo alto en compu */ 1,600&display=swap"); @media (max-width:991.98px){ html body.cdm-carta-on .cdmc-oculto{display:none!important} html body.cdm-carta-on .cdmc-col{flex:0 0 100%!important;max-width:100%!important;width:100%!important;margin:0!important} html body.cdm-carta-on .cdmc-col section.s_website_form{padding:0!important} html body.cdm-carta-on main{background:radial-gradient(circle at 16% 24%,rgba(17,34,80,.22),transparent 36%),radial-gradient(circle at 86% 74%,rgba(40,90,200,.18),transparent 38%),radial-gradient(circle at 72% 12%,rgba(120,170,235,.24),transparent 32%),#f2f5fb!important;padding:40px 0 70px!important} html body.cdm-carta-on .cdmc-cab{text-align:center;margin:0 auto 26px;max-width:720px} html body.cdm-carta-on .cdmc-k{display:block;font:800 11px Raleway,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#dfb44c} html body.cdm-carta-on .cdmc-cab h1{margin:6px 0!important;font-family:Cinzel,'Times New Roman',serif!important;font-size:40px!important;color:#0a1438!important;text-transform:none!important} html body.cdm-carta-on .cdmc-cab p{margin:0!important;font:500 16px Raleway,sans-serif;color:#4a5573} html body.cdm-carta-on .cdmc-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:26px;align-items:start;max-width:1120px;margin:0 auto} html body.cdm-carta-on .cdmc-grid > form{margin:0!important} html body.cdm-carta-on .cdmc-carta{position:relative;padding:40px 44px 32px;border-radius:24px;background:radial-gradient(ellipse at 20% 0%,rgba(223,180,76,.08),transparent 60%),#fbf7ee;box-shadow:inset 0 0 0 1px #e8d9b2,inset 0 0 0 7px #fbf7ee,inset 0 0 0 8px rgba(223,180,76,.45),0 30px 60px -34px rgba(10,20,56,.45);color:#2a2a3a;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic} html body.cdm-carta-on .cdmc-timbre{position:absolute;top:24px;right:26px;width:66px;height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#0a1438;color:#dfb44c;border-radius:4px;outline:2px dashed #dfb44c;outline-offset:3px;font:700 11px/1.1 Cinzel,serif;font-style:normal;text-align:center} html body.cdm-carta-on .cdmc-timbre i{font-style:normal;font-size:22px} html body.cdm-carta-on .cdmc-matasellos{position:absolute;top:40px;right:104px;width:78px;height:78px;border-radius:50%;border:1.5px solid rgba(10,20,56,.3);display:flex;align-items:center;justify-content:center;text-align:center;font:600 9.5px/1.3 Raleway,sans-serif;font-style:normal;letter-spacing:.12em;color:rgba(10,20,56,.45);transform:rotate(-14deg)} html body.cdm-carta-on .cdmc-saludo{margin:0 0 18px!important;font-size:30px!important;font-weight:600;color:#0a1438} html body.cdm-carta-on .cdmc-p{margin:0 0 8px!important;font-size:21px!important;line-height:2.2!important;max-width:620px} html body.cdm-carta-on .cdmc-l{display:inline-block;vertical-align:baseline;min-width:180px} html body.cdm-carta-on .cdmc-larga{min-width:300px} html body.cdm-carta-on .cdmc-carta .cdmc-caja{display:block!important;margin:0!important;padding:0!important;width:100%!important} html body.cdm-carta-on .cdmc-carta .cdmc-caja label,html body.cdm-carta-on .cdmc-carta .cdmc-caja .s_website_form_label{display:none!important} html body.cdm-carta-on .cdmc-carta .cdmc-caja .row{display:block!important;margin:0!important} html body.cdm-carta-on .cdmc-carta .cdmc-caja [class*="col"]{padding:0!important;width:100%!important;max-width:100%!important;flex:none!important} html body.cdm-carta-on .cdmc-l input{width:100%!important;height:34px!important;padding:0 4px!important;border:0!important;border-bottom:1.5px dashed #d4ae58!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font:500 18px Raleway,sans-serif!important;font-style:normal!important;color:#0a1438!important} html body.cdm-carta-on .cdmc-req input{border-bottom-style:solid!important} html body.cdm-carta-on .cdmc-l input::placeholder,html body.cdm-carta-on .cdmc-hoja textarea::placeholder{color:#a4a2b0!important;font-weight:400!important} html body.cdm-carta-on .cdmc-l input:focus{border-bottom-color:#0a1438!important} html body.cdm-carta-on .cdmc-carta .o_has_error input,html body.cdm-carta-on .cdmc-carta input.is-invalid,html body.cdm-carta-on .cdmc-carta .o_has_error textarea,html body.cdm-carta-on .cdmc-carta textarea.is-invalid{border-bottom-color:#b3122a!important;background-color:rgba(179,18,42,.05)!important} html body.cdm-carta-on .cdmc-hoja{margin:6px 0 14px} html body.cdm-carta-on .cdmc-hoja textarea{width:100%!important;min-height:150px!important;padding:6px 10px!important;border:0!important;border-radius:10px!important;background:repeating-linear-gradient(transparent 0 33px,#e6d9b9 33px 34px)!important;background-color:rgba(255,255,255,.35)!important;box-shadow:inset 0 0 0 1px #efe3c4!important;font:500 17px/34px Raleway,sans-serif!important;color:#0a1438!important;resize:vertical} html body.cdm-carta-on .cdmc-pd{margin:10px 0 0;font-size:19px;color:#4a4a5a} html body.cdm-carta-on .cdmc-pd b{color:#0a1438} html body.cdm-carta-on .cdmc-pd a{font:700 14px Raleway,sans-serif;font-style:normal;color:#b8902f!important;margin-left:6px} html body.cdm-carta-on .cdmc-pinos{display:inline-flex;gap:3px;margin-left:8px;vertical-align:middle} html body.cdm-carta-on .cdmc-pinos i{font-style:normal;font-size:13px;color:#d9d3c2} html body.cdm-carta-on .cdmc-pinos i.on{color:#dfb44c;text-shadow:0 0 6px rgba(223,180,76,.6)} html body.cdm-carta-on .cdmc-pie{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:22px} html body.cdm-carta-on .cdmc-firma{margin:0!important;font-size:21px;color:#0a1438} html body.cdm-carta-on .cdmc-firma b{display:block;font-size:26px;font-weight:600;color:#b8902f} html body.cdm-carta-on .cdmc-bt .s_website_form_send{display:inline-flex!important;align-items:center!important;gap:12px!important;padding:8px 24px 8px 8px!important;border-radius:999px!important;border:1px solid rgba(223,180,76,.5)!important;background:linear-gradient(180deg,#0a1438 0%,#050b1f 100%)!important;color:#dfb44c!important;-webkit-text-fill-color:#dfb44c!important;font:700 14px Raleway,sans-serif!important;font-style:normal!important;letter-spacing:.06em!important;text-transform:none!important;box-shadow:0 14px 26px -14px rgba(5,11,31,.75)!important;transition:transform .15s ease!important} html body.cdm-carta-on .cdmc-bt .s_website_form_send:hover{transform:translateY(-2px)!important} html body.cdm-carta-on .cdmc-lacre{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#d23a4c,#a3202f 55%,#7a1220);color:#f3d68a;-webkit-text-fill-color:#f3d68a;font:700 18px Cinzel,serif;box-shadow:inset 0 -2px 4px rgba(0,0,0,.35),0 3px 6px rgba(0,0,0,.3)} html body.cdm-carta-on .cdmc-lado{position:sticky;top:110px;padding:26px 24px;border-radius:24px;background:linear-gradient(180deg,#0a1438 0%,#050b1f 100%);color:#e9ecf5;box-shadow:0 30px 60px -34px rgba(5,11,31,.8)} html body.cdm-carta-on .cdmc-lado h3{margin:6px 0 16px!important;font-family:Cinzel,serif!important;font-size:21px!important;color:#ffffff!important;text-transform:none!important} html body.cdm-carta-on .cdmc-dato{display:flex;gap:10px;margin:0 0 12px!important;font:500 13.5px/1.5 Raleway,sans-serif;color:#d9deeb} html body.cdm-carta-on .cdmc-dato i{color:#dfb44c;width:16px;margin-top:3px;text-align:center} html body.cdm-carta-on .cdmc-dato a{color:#d9deeb!important;text-decoration:none!important} html body.cdm-carta-on .cdmc-wa{display:flex;align-items:center;justify-content:center;gap:8px;margin:16px 0 0;min-height:44px;border-radius:999px;border:1px solid rgba(223,180,76,.6);color:#dfb44c!important;font:700 13.5px Raleway,sans-serif;text-decoration:none!important} html body.cdm-carta-on .cdmc-juego{margin-top:22px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)} html body.cdm-carta-on .cdmc-jtx{margin:6px 0 12px!important;font:500 14px Raleway,sans-serif;color:#d9deeb} html body.cdm-carta-on .cdmc-jtx b{color:#dfb44c} html body.cdm-carta-on .cdmc-arboles{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:14px} html body.cdm-carta-on .cdmc-arboles span{aspect-ratio:1;border-radius:50%;background:#0e1b44 center / cover no-repeat;filter:grayscale(1) brightness(.45);box-shadow:0 0 0 1px rgba(255,255,255,.15)} html body.cdm-carta-on .cdmc-arboles span.on{filter:none;box-shadow:0 0 0 1.5px #dfb44c,0 0 10px rgba(223,180,76,.45)} html body.cdm-carta-on .cdmc-jbt{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;background:#dfb44c;color:#0b1626!important;font:800 13.5px Raleway,sans-serif;text-decoration:none!important} html body.cdm-carta-on #s_website_form_result{margin-top:12px} } @media (max-width:991.98px){ html body.cdm-carta-on .cdmc-oculto-txt{display:none!important} html body.cdm-carta-on .cdmc-carta{padding-top:52px!important} html body.cdm-carta-on .cdmc-carta::before{content:"";position:absolute;top:16px;left:18px;width:96px;height:64px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20120%2080'%20fill%3D'none'%20stroke%3D'%23dfb44c'%20stroke-width%3D'1.4'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M10%2070C30%2052%2052%2042%2078%2038'%2F%3E%3Cpath%20d%3D'M34%2054c-6-10-2-20%208-24%200%208%204%2012%2010%2014-6%202-12%206-18%2010z'%2F%3E%3Cpath%20d%3D'M56%2044c-2-11%205-19%2016-19-3%207-1%2012%204%2016-7%200-13%201-20%203z'%2F%3E%3Cpath%20d%3D'M44%2050c10-4%2020%200%2024%2010-8-1-12%202-15%208-2-7-5-12-9-18z'%2F%3E%3Ccircle%20cx%3D'80'%20cy%3D'38'%20r%3D'4'%20fill%3D'%23dfb44c'%20fill-opacity%3D'.35'%2F%3E%3Ccircle%20cx%3D'88'%20cy%3D'33'%20r%3D'3.4'%20fill%3D'%23dfb44c'%20fill-opacity%3D'.35'%2F%3E%3Ccircle%20cx%3D'86'%20cy%3D'43'%20r%3D'3.2'%20fill%3D'%23dfb44c'%20fill-opacity%3D'.35'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;opacity:.9;pointer-events:none} html body.cdm-carta-on .cdmc-saludo{margin-left:84px!important} html body.cdm-carta-on .cdmc-p{max-width:none!important;line-height:2.3!important} html body.cdm-carta-on .cdmc-l,html body.cdm-carta-on .cdmc-larga{min-width:0!important;width:auto!important} html body.cdm-carta-on .cdmc-l input{width:auto!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-weight:600!important;font-size:23px!important;color:#14306e!important;border-bottom:1.2px solid rgba(212,174,88,.85)!important;padding:0 6px!important;height:36px!important} html body.cdm-carta-on .cdmc-l:not(.cdmc-req) input{border-bottom-style:dashed!important} html body.cdm-carta-on .cdmc-l input::placeholder{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-weight:500!important;color:#aaa3b6!important} html body.cdm-carta-on .cdmc-hoja textarea{background:repeating-linear-gradient(transparent 0 37px,#e3d5b2 37px 38px)!important;background-color:transparent!important;box-shadow:none!important;border-radius:0!important;padding:2px 4px!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-weight:600!important;font-size:22px!important;line-height:38px!important;color:#14306e!important;min-height:190px!important} html body.cdm-carta-on .cdmc-hoja textarea::placeholder{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;color:#aaa3b6!important} } @media (max-width:991.98px){ html body.cdm-carta-on main{padding:18px 0 40px!important} html body.cdm-carta-on .cdmc-cab{margin-bottom:18px;padding:0 6px} html body.cdm-carta-on .cdmc-cab h1{font-size:28px!important} html body.cdm-carta-on .cdmc-cab p{font-size:14.5px} html body.cdm-carta-on .cdmc-grid{grid-template-columns:minmax(0,1fr);gap:18px;padding:0 2px} html body.cdm-carta-on .cdmc-carta{padding:30px 18px 22px!important;border-radius:20px} html body.cdm-carta-on .cdmc-carta::before{width:64px;height:42px;top:12px;left:12px} html body.cdm-carta-on .cdmc-timbre{width:50px;height:60px;top:14px;right:14px;font-size:9px} html body.cdm-carta-on .cdmc-timbre i{font-size:16px} html body.cdm-carta-on .cdmc-matasellos{display:none} html body.cdm-carta-on .cdmc-saludo{margin:16px 0 10px 0!important;font-size:25px!important} html body.cdm-carta-on .cdmc-p{font-size:18px!important;line-height:2.15!important} html body.cdm-carta-on .cdmc-l input{font-size:20px!important;height:32px!important;max-width:100%!important} html body.cdm-carta-on .cdmc-l{max-width:100%} html body.cdm-carta-on .cdmc-hoja textarea{font-size:19px!important;line-height:34px!important;background:repeating-linear-gradient(transparent 0 33px,#e3d5b2 33px 34px)!important;min-height:160px!important} html body.cdm-carta-on .cdmc-pd{font-size:16px} html body.cdm-carta-on .cdmc-pie{flex-direction:column;align-items:stretch;gap:14px} html body.cdm-carta-on .cdmc-firma{font-size:19px} html body.cdm-carta-on .cdmc-bt .s_website_form_send{width:100%!important;justify-content:center!important} html body.cdm-carta-on .cdmc-lado{position:static;padding:22px 18px;border-radius:20px} html body.cdm-carta-on .cdmc-arboles{gap:5px} } @media (min-width:992px){ html body.cdm-carta-on .cdmc-grid{align-items:stretch!important} html body.cdm-carta-on .cdmc-lado{position:relative!important;top:auto!important;display:flex!important;flex-direction:column!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego{margin-top:auto!important} } @media (min-width:992px){html body.cdm-carta-on .cdmc-grid > form{display:flex!important;flex-direction:column!important}html body.cdm-carta-on .cdmc-grid > form > .cdmc-carta{flex:1 1 auto!important}} /* contacto: carta y taller del mismo alto */@media (min-width:992px){html body.cdm-carta-on .cdmc-grid > form{position:relative!important}html body.cdm-carta-on .cdmc-grid > form > .s_website_form_rows{position:absolute!important;left:0!important;right:0!important;top:100%!important;margin:10px 0 0!important;height:auto!important}} /* ===== contacto v3: tu diseno (fondo invernal, papel con textura, esquinas, timbre luna, matasellos, sobre) ===== */ html body.cdm-carta-on main{background:linear-gradient(180deg,rgba(242,245,251,.25),rgba(242,245,251,.05)),url("/web/image/24465/contacto-fondo-invierno.webp") center top / cover no-repeat!important;background-color:#eef2f9!important} @media (max-width:991.98px){html body.cdm-carta-on main{background:linear-gradient(180deg,rgba(242,245,251,.55),rgba(242,245,251,.35)),url("/web/image/24466/contacto-fondo-invierno-movil.webp") center top / cover no-repeat!important}} html body.cdm-carta-on .cdmc-cab .cdmc-k{display:flex!important;align-items:center;justify-content:center;gap:14px} html body.cdm-carta-on .cdmc-cab .cdmc-k::before,html body.cdm-carta-on .cdmc-cab .cdmc-k::after{content:"";width:120px;height:1px;background:linear-gradient(90deg,transparent,#c9a24a)} html body.cdm-carta-on .cdmc-cab .cdmc-k::after{background:linear-gradient(90deg,#c9a24a,transparent)} html body.cdm-carta-on .cdmc-cab p{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-size:19px!important;color:#1c2b55!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2060'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%2034V10a6%206%200%200%201%206-6h24'%2F%3E%3Cpath%20d%3D'M10%2026c0-9%207-16%2016-16'%2F%3E%3Cpath%20d%3D'M14%2014c4%201%206%204%206%208M14%2014c1%204%204%206%208%206'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'1.6'%20fill%3D'%23c9a24a'%2F%3E%3C%2Fsvg%3E") left 10px top 10px / 46px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2060'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%2034V10a6%206%200%200%201%206-6h24'%2F%3E%3Cpath%20d%3D'M10%2026c0-9%207-16%2016-16'%2F%3E%3Cpath%20d%3D'M14%2014c4%201%206%204%206%208M14%2014c1%204%204%206%208%206'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'1.6'%20fill%3D'%23c9a24a'%2F%3E%3C%2Fsvg%3E") right 10px top 10px / 46px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2060'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%2034V10a6%206%200%200%201%206-6h24'%2F%3E%3Cpath%20d%3D'M10%2026c0-9%207-16%2016-16'%2F%3E%3Cpath%20d%3D'M14%2014c4%201%206%204%206%208M14%2014c1%204%204%206%208%206'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'1.6'%20fill%3D'%23c9a24a'%2F%3E%3C%2Fsvg%3E") left 10px bottom 10px / 46px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2060'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%2034V10a6%206%200%200%201%206-6h24'%2F%3E%3Cpath%20d%3D'M10%2026c0-9%207-16%2016-16'%2F%3E%3Cpath%20d%3D'M14%2014c4%201%206%204%206%208M14%2014c1%204%204%206%208%206'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'1.6'%20fill%3D'%23c9a24a'%2F%3E%3C%2Fsvg%3E") right 10px bottom 10px / 46px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'220'%20height%3D'220'%3E%3Cfilter%20id%3D'n'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.9'%20numOctaves%3D'2'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20values%3D'0%200%200%200%20.55%20%200%200%200%200%20.45%20%200%200%200%200%20.25%20%200%200%200%20.06%200'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23n)'%2F%3E%3C%2Fsvg%3E"),radial-gradient(ellipse at 30% 0%,#fffdf6,#f7efdc 70%)!important;box-shadow:inset 0 0 0 1px #e2cf9f,inset 0 0 0 9px #fbf5e6,inset 0 0 0 10px rgba(201,162,74,.55),0 34px 70px -36px rgba(10,20,56,.5)!important;border-radius:20px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta:nth-child(n){background-size:46px,46px,46px,46px,220px,auto!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta {} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta::before{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2064%2064'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%3E%3Cg%3E%3Cpath%20d%3D'M32%204v56M7.8%2018l48.4%2028M7.8%2046l48.4-28'%2F%3E%3Cpath%20d%3D'M32%2012l-5-5M32%2012l5-5M32%2052l-5%205M32%2052l5%205M14%2021.5l-6.8-1.8M14%2021.5l-1.8%206.8M50%2042.5l6.8%201.8M50%2042.5l1.8-6.8M14%2042.5l-6.8%201.8M14%2042.5l-1.8-6.8M50%2021.5l6.8-1.8M50%2021.5l1.8%206.8'%2F%3E%3Ccircle%20cx%3D'32'%20cy%3D'32'%20r%3D'4'%20fill%3D'%23c9a24a'%20fill-opacity%3D'.35'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / contain no-repeat!important;width:58px!important;height:58px!important;top:38px!important;left:40px!important;opacity:1!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-saludo{margin-left:76px!important;margin-top:4px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-timbre{width:82px!important;height:96px!important;top:26px!important;right:30px!important;font-size:0!important;color:transparent!important;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2080%2092'%3E%3Crect%20width%3D'80'%20height%3D'92'%20fill%3D'%230e1b44'%2F%3E%3Cpath%20d%3D'M50%2030a20%2020%200%201%200%206%2026%2016%2016%200%201%201-6-26z'%20fill%3D'%23dfb44c'%2F%3E%3Cg%20fill%3D'%23f3d68a'%3E%3Cpath%20d%3D'M18%2018l1.4%203.6L23%2023l-3.6%201.4L18%2028l-1.4-3.6L13%2023l3.6-1.4z'%2F%3E%3Cpath%20d%3D'M62%2014l1%202.4%202.4%201-2.4%201-1%202.4-1-2.4-2.4-1%202.4-1z'%2F%3E%3Cpath%20d%3D'M64%2070l1%202.4%202.4%201-2.4%201-1%202.4-1-2.4-2.4-1%202.4-1z'%2F%3E%3Ccircle%20cx%3D'22'%20cy%3D'70'%20r%3D'1.3'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'14'%20r%3D'1'%2F%3E%3Ccircle%20cx%3D'68'%20cy%3D'44'%20r%3D'1.1'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / cover no-repeat!important;outline:3px dotted #dfb44c!important;outline-offset:2px!important;box-shadow:0 0 0 6px #fbf5e6,0 0 0 7px rgba(201,162,74,.5)!important;border-radius:2px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-timbre *{display:none!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-matasellos{width:150px!important;height:90px!important;top:32px!important;right:112px!important;border:0!important;border-radius:0!important;font-size:0!important;color:transparent!important;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20150%2090'%20fill%3D'none'%20stroke%3D'%231c2b55'%20stroke-opacity%3D'.55'%20stroke-width%3D'1.3'%3E%3Cpath%20d%3D'M2%2030c10-6%2020%206%2030%200s20%206%2030%200M2%2042c10-6%2020%206%2030%200s20%206%2030%200M2%2054c10-6%2020%206%2030%200s20%206%2030%200M2%2066c10-6%2020%206%2030%200s20%206%2030%200'%2F%3E%3Ccircle%20cx%3D'108'%20cy%3D'45'%20r%3D'38'%2F%3E%3Ccircle%20cx%3D'108'%20cy%3D'45'%20r%3D'32'%20stroke-dasharray%3D'2%203'%2F%3E%3Ctext%20x%3D'108'%20y%3D'58'%20text-anchor%3D'middle'%20font-family%3D'Georgia%2Cserif'%20font-size%3D'38'%20fill%3D'%231c2b55'%20fill-opacity%3D'.6'%20stroke%3D'none'%3EC%3C%2Ftext%3E%3C%2Fsvg%3E") center / contain no-repeat!important;transform:rotate(-8deg)!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l:not(.cdmc-req) input{border-bottom:1px solid #c9a24a!important;border-bottom-style:solid!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{background:repeating-linear-gradient(transparent 0 37px,rgba(201,162,74,.38) 37px 38px)!important;background-color:transparent!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pie{position:relative} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pie::before{content:"";position:absolute;left:36%;bottom:4px;width:120px;height:60px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20140%2070'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M6%2060C40%2052%2074%2038%20104%2022'%20stroke-width%3D'1.2'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M14%2066C44%2060%2072%2048%2098%2034'%20stroke-width%3D'.9'%20stroke-opacity%3D'.45'%2F%3E%3Cpath%20d%3D'M118%206l3%209%209%203-9%203-3%209-3-9-9-3%209-3z'%20fill%3D'%23dfb44c'%20stroke%3D'none'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;pointer-events:none} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send{gap:14px!important;padding:0 22px!important;min-height:56px!important;font-family:Cinzel,'Times New Roman',serif!important;font-weight:700!important;font-size:14.5px!important;letter-spacing:.1em!important;border:1.5px solid rgba(223,180,76,.7)!important;box-shadow:inset 0 0 0 3px #0a1438,inset 0 0 0 4px rgba(223,180,76,.35),0 16px 30px -16px rgba(5,11,31,.8)!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send::after{content:"";width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23dfb44c'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%2012h15M13%206l6%206-6%206'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;margin-left:4px} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-lacre{width:24px!important;height:24px!important;border-radius:0!important;background:#dfb44c!important;box-shadow:none!important;font-size:0!important;color:transparent!important;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.6'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'5.5'%20width%3D'18'%20height%3D'13'%20rx%3D'1.5'%2F%3E%3Cpath%20d%3D'M3.5%206.5l8.5%207%208.5-7'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'1.6'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'5.5'%20width%3D'18'%20height%3D'13'%20rx%3D'1.5'%2F%3E%3Cpath%20d%3D'M3.5%206.5l8.5%207%208.5-7'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat} @media (max-width:991.98px){ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta::before{width:42px!important;height:42px!important;top:24px!important;left:20px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-saludo{margin-left:52px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-timbre{width:56px!important;height:66px!important;top:18px!important;right:18px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-matasellos{display:none!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pie::before{display:none} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta:nth-child(n){background-size:34px,34px,34px,34px,220px,auto!important} } /* ===== contacto v4: fondo fijo a toda la ventana, carta mas ancha, derecha redisenada (taller en papel + boleto del juego) ===== */ html body.cdm-carta-on{background:#eef2f9 url("/web/image/24465/contacto-fondo-invierno.webp") center bottom / cover no-repeat fixed!important} html body.cdm-carta-on #wrapwrap,html body.cdm-carta-on #wrapwrap main{background:transparent!important} @media (max-width:991.98px){html body.cdm-carta-on{background:#eef2f9 url("/web/image/24466/contacto-fondo-invierno-movil.webp") center top / cover no-repeat!important}} @media (min-width:992px){ html body.cdm-carta-on .cdmc-grid{max-width:1260px!important;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)!important;gap:24px!important} html body.cdm-carta-on .cdmc-p{font-size:22px!important} } html body.cdm-carta-on .cdmc-lado.cdmc-lado{background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;display:flex!important;flex-direction:column!important;gap:18px!important;color:inherit!important} html body.cdm-carta-on .cdmc-taller{position:relative;padding:30px 28px 26px;border-radius:20px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2060'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%2034V10a6%206%200%200%201%206-6h24'%2F%3E%3Cpath%20d%3D'M10%2026c0-9%207-16%2016-16'%2F%3E%3Cpath%20d%3D'M14%2014c4%201%206%204%206%208M14%2014c1%204%204%206%208%206'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'1.6'%20fill%3D'%23c9a24a'%2F%3E%3C%2Fsvg%3E") left 8px top 8px / 36px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2060'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%2034V10a6%206%200%200%201%206-6h24'%2F%3E%3Cpath%20d%3D'M10%2026c0-9%207-16%2016-16'%2F%3E%3Cpath%20d%3D'M14%2014c4%201%206%204%206%208M14%2014c1%204%204%206%208%206'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'1.6'%20fill%3D'%23c9a24a'%2F%3E%3C%2Fsvg%3E") right 8px top 8px / 36px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'220'%20height%3D'220'%3E%3Cfilter%20id%3D'n'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.9'%20numOctaves%3D'2'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20values%3D'0%200%200%200%20.55%20%200%200%200%200%20.45%20%200%200%200%200%20.25%20%200%200%200%20.06%200'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23n)'%2F%3E%3C%2Fsvg%3E"),radial-gradient(ellipse at 30% 0%,#fffdf6,#f7efdc 70%);box-shadow:inset 0 0 0 1px #e2cf9f,inset 0 0 0 8px #fbf5e6,inset 0 0 0 9px rgba(201,162,74,.55),0 30px 60px -36px rgba(10,20,56,.5);color:#2a3352} html body.cdm-carta-on .cdmc-taller .cdmc-k{color:#b8902f!important;text-align:center} html body.cdm-carta-on .cdmc-taller h3{color:#0a1438!important;text-align:center;margin:6px 0 18px!important;font-size:22px!important} html body.cdm-carta-on .cdmc-taller .cdmc-dato{color:#2a3352!important;font-size:14px!important;flex-wrap:wrap} html body.cdm-carta-on .cdmc-taller .cdmc-dato a{color:#2a3352!important} html body.cdm-carta-on .cdmc-taller .cdmc-dato i{color:#c9a24a!important} html body.cdm-carta-on .cdmc-taller .cdmc-ir{flex-basis:100%;margin:4px 0 0 26px;font:700 12.5px Raleway,sans-serif;color:#b8902f!important;text-decoration:none!important;font-style:normal} html body.cdm-carta-on .cdmc-taller .cdmc-wa{margin-top:18px!important;background:linear-gradient(180deg,#0a1438 0%,#050b1f 100%)!important;border:1.5px solid rgba(223,180,76,.7)!important;color:#dfb44c!important;font-family:Cinzel,'Times New Roman',serif!important;letter-spacing:.06em!important;min-height:48px!important;box-shadow:0 14px 26px -16px rgba(5,11,31,.75)!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;margin:0!important;padding:26px 24px!important;border:0!important;border-radius:20px;background:radial-gradient(1px 1px at 14% 20%,rgba(255,255,255,.8) 50%,transparent),radial-gradient(1px 1px at 78% 16%,#fff 50%,transparent),radial-gradient(1.5px 1.5px at 60% 70%,rgba(255,255,255,.7) 50%,transparent),radial-gradient(1px 1px at 30% 86%,rgba(223,180,76,.8) 50%,transparent),linear-gradient(180deg,#0a1438 0%,#050b1f 100%);box-shadow:inset 0 0 0 1px rgba(223,180,76,.7),0 30px 60px -36px rgba(5,11,31,.85);outline:2px dashed rgba(223,180,76,.55);outline-offset:-10px;text-align:center} html body.cdm-carta-on .cdmc-juego .cdmc-k{color:#dfb44c!important} html body.cdm-carta-on .cdmc-juego .cdmc-jt{margin:6px 0 4px!important;font:600 italic 21px 'Cormorant Garamond',Georgia,serif;color:#ffffff} html body.cdm-carta-on .cdmc-juego .cdmc-jtx{color:#cfd5e6!important;margin:0 0 14px!important} html body.cdm-carta-on .cdmc-juego .cdmc-arboles{max-width:320px;margin:0 auto 16px!important;width:100%} html body.cdm-carta-on .cdmc-juego .cdmc-jbt{max-width:280px;margin:0 auto;width:100%;font-family:Cinzel,'Times New Roman',serif!important;letter-spacing:.06em} /* contacto v5 (compu): carta apaisada que cabe en pantalla al 100% */ @media (min-width:992px){ html body.cdm-carta-on main{padding-top:22px!important;padding-bottom:40px!important} html body.cdm-carta-on .cdmc-cab{margin-bottom:16px!important} html body.cdm-carta-on .cdmc-cab h1{font-size:36px!important;margin:2px 0 4px!important} html body.cdm-carta-on .cdmc-cab p{font-size:17px!important} html body.cdm-carta-on .cdmc-grid{max-width:1440px!important;grid-template-columns:minmax(0,2.25fr) minmax(0,1fr)!important;padding:0 24px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta{padding:30px 40px 22px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta::before{top:26px!important;left:34px!important;width:48px!important;height:48px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-saludo{margin:0 0 6px 66px!important;font-size:27px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-p{line-height:1.95!important;margin:0 0 2px!important;font-size:21px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-timbre{width:66px!important;height:78px!important;top:20px!important;right:26px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-matasellos{width:124px!important;height:74px!important;top:24px!important;right:100px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja{margin:4px 0 6px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{min-height:114px!important;height:114px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pd{margin:4px 0 0!important;font-size:17px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pie{margin-top:8px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-firma{font-size:19px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-firma b{font-size:23px!important} html body.cdm-carta-on .cdmc-taller{padding:24px 24px 20px!important} html body.cdm-carta-on .cdmc-taller h3{margin:4px 0 12px!important;font-size:20px!important} html body.cdm-carta-on .cdmc-taller .cdmc-dato{margin-bottom:8px!important;font-size:13.5px!important} html body.cdm-carta-on .cdmc-taller .cdmc-wa{margin-top:12px!important;min-height:44px!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego{padding:20px 22px!important} } @media (min-width:992px){ html body.cdm-carta-on main{padding-top:10px!important} html body.cdm-carta-on .cdmc-cab{margin-bottom:10px!important} html body.cdm-carta-on .cdmc-cab h1{font-size:32px!important} html body.cdm-carta-on .cdmc-grid.cdmc-grid{width:min(1400px,calc(100vw - 64px))!important;max-width:none!important;position:relative!important;left:50%!important;transform:translateX(-50%)!important;padding:0!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta{padding:24px 40px 18px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{min-height:100px!important;height:100px!important} } /* contacto v6: papel marfil casi blanco (menos amarillo) y opciones de motivo */ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2060'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%2034V10a6%206%200%200%201%206-6h24'%2F%3E%3Cpath%20d%3D'M10%2026c0-9%207-16%2016-16'%2F%3E%3Cpath%20d%3D'M14%2014c4%201%206%204%206%208M14%2014c1%204%204%206%208%206'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'1.6'%20fill%3D'%23c9a24a'%2F%3E%3C%2Fsvg%3E") left 10px top 10px / 46px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2060'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%2034V10a6%206%200%200%201%206-6h24'%2F%3E%3Cpath%20d%3D'M10%2026c0-9%207-16%2016-16'%2F%3E%3Cpath%20d%3D'M14%2014c4%201%206%204%206%208M14%2014c1%204%204%206%208%206'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'1.6'%20fill%3D'%23c9a24a'%2F%3E%3C%2Fsvg%3E") right 10px top 10px / 46px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2060'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%2034V10a6%206%200%200%201%206-6h24'%2F%3E%3Cpath%20d%3D'M10%2026c0-9%207-16%2016-16'%2F%3E%3Cpath%20d%3D'M14%2014c4%201%206%204%206%208M14%2014c1%204%204%206%208%206'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'1.6'%20fill%3D'%23c9a24a'%2F%3E%3C%2Fsvg%3E") left 10px bottom 10px / 46px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2060'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%2034V10a6%206%200%200%201%206-6h24'%2F%3E%3Cpath%20d%3D'M10%2026c0-9%207-16%2016-16'%2F%3E%3Cpath%20d%3D'M14%2014c4%201%206%204%206%208M14%2014c1%204%204%206%208%206'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'1.6'%20fill%3D'%23c9a24a'%2F%3E%3C%2Fsvg%3E") right 10px bottom 10px / 46px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'220'%20height%3D'220'%3E%3Cfilter%20id%3D'n'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.9'%20numOctaves%3D'2'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20values%3D'0%200%200%200%20.5%20%200%200%200%200%20.5%20%200%200%200%200%20.5%20%200%200%200%20.025%200'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23n)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fffefb 0%,#fbf9f4 100%)!important;box-shadow:inset 0 0 0 1px #ece3cc,inset 0 0 0 9px #fffefb,inset 0 0 0 10px rgba(201,162,74,.45),0 34px 70px -36px rgba(10,20,56,.45)!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta:nth-child(n){background-size:46px,46px,46px,46px,220px,auto!important} html body.cdm-carta-on .cdmc-taller.cdmc-taller{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2060'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%2034V10a6%206%200%200%201%206-6h24'%2F%3E%3Cpath%20d%3D'M10%2026c0-9%207-16%2016-16'%2F%3E%3Cpath%20d%3D'M14%2014c4%201%206%204%206%208M14%2014c1%204%204%206%208%206'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'1.6'%20fill%3D'%23c9a24a'%2F%3E%3C%2Fsvg%3E") left 10px top 10px / 36px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2060'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%2034V10a6%206%200%200%201%206-6h24'%2F%3E%3Cpath%20d%3D'M10%2026c0-9%207-16%2016-16'%2F%3E%3Cpath%20d%3D'M14%2014c4%201%206%204%206%208M14%2014c1%204%204%206%208%206'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'1.6'%20fill%3D'%23c9a24a'%2F%3E%3C%2Fsvg%3E") right 10px top 10px / 36px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2060'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%2034V10a6%206%200%200%201%206-6h24'%2F%3E%3Cpath%20d%3D'M10%2026c0-9%207-16%2016-16'%2F%3E%3Cpath%20d%3D'M14%2014c4%201%206%204%206%208M14%2014c1%204%204%206%208%206'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'1.6'%20fill%3D'%23c9a24a'%2F%3E%3C%2Fsvg%3E") left 10px bottom 10px / 36px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2060'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-width%3D'1.2'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M4%2034V10a6%206%200%200%201%206-6h24'%2F%3E%3Cpath%20d%3D'M10%2026c0-9%207-16%2016-16'%2F%3E%3Cpath%20d%3D'M14%2014c4%201%206%204%206%208M14%2014c1%204%204%206%208%206'%2F%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'1.6'%20fill%3D'%23c9a24a'%2F%3E%3C%2Fsvg%3E") right 10px bottom 10px / 36px no-repeat,url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'220'%20height%3D'220'%3E%3Cfilter%20id%3D'n'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.9'%20numOctaves%3D'2'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20values%3D'0%200%200%200%20.5%20%200%200%200%200%20.5%20%200%200%200%200%20.5%20%200%200%200%20.025%200'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23n)'%2F%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fffefb 0%,#fbf9f4 100%)!important;box-shadow:inset 0 0 0 1px #ece3cc,inset 0 0 0 8px #fffefb,inset 0 0 0 9px rgba(201,162,74,.45),0 30px 60px -36px rgba(10,20,56,.45)!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-timbre{box-shadow:0 0 0 6px #fffefb,0 0 0 7px rgba(201,162,74,.45)!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{background:repeating-linear-gradient(transparent 0 37px,rgba(150,160,190,.28) 37px 38px)!important;background-color:transparent!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l:not(.cdmc-req) input{border-bottom-color:rgba(201,162,74,.75)!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-opc{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 8px} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-opc button{padding:6px 14px;border-radius:999px;border:1px solid rgba(201,162,74,.55);background:#ffffff;color:#1c2b55;font:600 13px Raleway,sans-serif;font-style:normal;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-opc button:hover{border-color:#c9a24a} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-opc button.on{background:#0a1438;color:#dfb44c;border-color:#0a1438} @media (max-width:991.98px){html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta:nth-child(n){background-size:34px,34px,34px,34px,220px,auto!important}html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-opc button{font-size:12.5px;padding:6px 12px}} @import url("https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Great+Vibes&family=Cormorant+Garamond:wght@500;600&display=swap"); /* ===== contacto v7: letras nuevas, C del logo con brillo, texto reacomodado, fondo con desenfoque y degradado blanco ===== */ @keyframes cdmcBrilloC{0%,70%{background-position:-160% 0,0 0}100%{background-position:260% 0,0 0}} @media (min-width:992px){ html body.cdm-carta-on{background:#eef2f9!important} html body.cdm-carta-on::before{content:"";position:fixed;inset:-12px;z-index:-1;background:url("/web/image/24465/contacto-fondo-invierno.webp") center bottom / cover no-repeat;filter:blur(3px) saturate(1.05);pointer-events:none} html body.cdm-carta-on::after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 55% 60% at 50% 48%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.55) 45%,rgba(255,255,255,0) 75%),linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 40%);pointer-events:none} } html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta::before{display:none!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-cmarca{position:absolute;top:22px;left:34px;width:54px;height:54px;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.95) 50%,transparent 65%) 0 0 / 60% 100% no-repeat,linear-gradient(180deg,#e9c977 0%,#dfb44c 55%,#b98f35 100%);-webkit-mask:url("/web/image/22055") center / contain no-repeat;mask:url("/web/image/22055") center / contain no-repeat;animation:cdmcBrilloC 4.5s ease-in-out infinite;filter:drop-shadow(0 2px 3px rgba(150,110,30,.25))} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:normal!important;color:#1f2a48!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-saludo{font-family:'Great Vibes',cursive!important;font-style:normal!important;font-weight:400!important;font-size:40px!important;color:#0a1438!important;margin:0 0 8px 70px!important;line-height:1.1!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-p{font-style:normal!important;font-weight:500!important;font-size:20px!important;line-height:2.15!important;margin:0 0 4px!important;display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;column-gap:10px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input{font-family:Caveat,'Comic Sans MS',cursive!important;font-style:normal!important;font-weight:600!important;font-size:27px!important;color:#183b8c!important;height:38px!important;padding:0 4px 2px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input::placeholder,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea::placeholder{font-family:Caveat,cursive!important;font-style:normal!important;font-weight:500!important;color:#a7adbf!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{font-family:Caveat,cursive!important;font-style:normal!important;font-weight:600!important;font-size:25px!important;line-height:38px!important;color:#183b8c!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-opc{margin:0 0 10px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pd{font-style:normal!important;font-size:17px!important;color:#3a4566!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-firma{font-family:'Great Vibes',cursive!important;font-size:28px!important;font-style:normal!important;line-height:1.1} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-firma b{font-family:Caveat,cursive!important;font-weight:700!important;font-size:30px!important;color:#183b8c!important;margin-top:2px} html body.cdm-carta-on .cdmc-taller.cdmc-taller{display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left} html body.cdm-carta-on .cdmc-taller.cdmc-taller .cdmc-k{text-align:center!important} html body.cdm-carta-on .cdmc-taller.cdmc-taller h3{text-align:center!important;font-family:Cinzel,'Times New Roman',serif!important;margin:4px 0 16px!important;padding-bottom:14px!important;border-bottom:1px solid rgba(201,162,74,.35)!important} html body.cdm-carta-on .cdmc-taller.cdmc-taller .cdmc-dato{display:grid!important;grid-template-columns:30px 1fr!important;align-items:start!important;column-gap:10px!important;margin:0 0 12px!important;font-family:Raleway,sans-serif!important;font-style:normal!important;line-height:1.5!important} html body.cdm-carta-on .cdmc-taller.cdmc-taller .cdmc-dato i{width:30px!important;height:30px!important;margin:0!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(201,162,74,.12)!important;color:#b8902f!important;font-size:14px!important} html body.cdm-carta-on .cdmc-taller.cdmc-taller .cdmc-dato > span,html body.cdm-carta-on .cdmc-taller.cdmc-taller .cdmc-dato > a{padding-top:5px} html body.cdm-carta-on .cdmc-taller.cdmc-taller .cdmc-ir{grid-column:2!important;margin:2px 0 0!important} html body.cdm-carta-on .cdmc-taller.cdmc-taller .cdmc-wa{margin-top:auto!important} @media (max-width:991.98px){ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-cmarca{width:40px;height:40px;top:16px;left:18px} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-saludo{font-size:34px!important;margin-left:50px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-p{font-size:18px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input{font-size:24px!important} } @media (min-width:992px){html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-p{line-height:1.95!important}html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{min-height:76px!important;height:76px!important}html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-saludo{font-size:36px!important;margin-bottom:4px!important}} /* contacto v7b: columna derecha mas compacta para que todo quepa en pantalla */ @media (min-width:992px){html body.cdm-carta-on .cdmc-lado.cdmc-lado{gap:14px!important}html body.cdm-carta-on .cdmc-taller.cdmc-taller{padding:20px 22px 18px!important}html body.cdm-carta-on .cdmc-taller.cdmc-taller h3{margin:2px 0 12px!important;padding-bottom:10px!important;font-size:19px!important}html body.cdm-carta-on .cdmc-taller.cdmc-taller .cdmc-dato{margin-bottom:8px!important}html body.cdm-carta-on .cdmc-taller.cdmc-taller .cdmc-dato i{width:26px!important;height:26px!important}html body.cdm-carta-on .cdmc-taller.cdmc-taller .cdmc-wa{min-height:40px!important;margin-top:8px!important}html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego{padding:16px 20px!important}html body.cdm-carta-on .cdmc-juego .cdmc-jt{font-size:18px!important;margin:2px 0!important}html body.cdm-carta-on .cdmc-juego .cdmc-jtx{margin:0 0 10px!important}html body.cdm-carta-on .cdmc-juego .cdmc-arboles{margin-bottom:12px!important}html body.cdm-carta-on .cdmc-juego .cdmc-jbt{min-height:40px!important}} /* contacto v8 (compu): carta con mas aire y un poco mas alta */ @media (min-width:992px){ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta{padding:34px 44px 28px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-cmarca{top:30px!important;left:40px!important;width:50px!important;height:50px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-saludo{margin:2px 0 16px 92px!important;font-size:40px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-p{line-height:2.25!important;margin:0 0 8px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-opc{margin:2px 0 16px!important;gap:9px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja{margin:6px 0 12px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{min-height:114px!important;height:114px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pd{margin:10px 0 0!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pie{margin-top:16px!important} } /* ===== contacto v9: timbre de pino, matasellos con la C real, juego que se siente juego, showroom que invita ===== */ @keyframes cdmv9Late{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}} @keyframes cdmv9Brillo{0%,100%{box-shadow:0 0 0 2px #dfb44c,0 0 10px rgba(223,180,76,.5)}50%{box-shadow:0 0 0 2px #fff3cf,0 0 18px rgba(255,230,160,.9)}} @keyframes cdmv9Punto{0%,100%{opacity:1}50%{opacity:.35}} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-timbre{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2080%2092'%3E%3Crect%20width%3D'80'%20height%3D'92'%20fill%3D'%230e1b44'%2F%3E%3Cg%20fill%3D'%23f3d68a'%3E%3Ccircle%20cx%3D'14'%20cy%3D'16'%20r%3D'1.2'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'20'%20r%3D'1'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'60'%20r%3D'1'%2F%3E%3Ccircle%20cx%3D'70'%20cy%3D'56'%20r%3D'1.2'%2F%3E%3Ccircle%20cx%3D'24'%20cy%3D'80'%20r%3D'1'%2F%3E%3Ccircle%20cx%3D'58'%20cy%3D'82'%20r%3D'1'%2F%3E%3C%2Fg%3E%3Cpath%20d%3D'M40%2022l-14%2020h7l-11%2015h8l-12%2015h44l-12-15h8l-11-15h7z'%20fill%3D'%23dfb44c'%2F%3E%3Crect%20x%3D'36.5'%20y%3D'72'%20width%3D'7'%20height%3D'8'%20fill%3D'%23b98f35'%2F%3E%3Cpath%20d%3D'M40%2011l1.8%204.6%204.9.3-3.8%203.1%201.2%204.8L40%2021.1l-4.1%202.7%201.2-4.8-3.8-3.1%204.9-.3z'%20fill%3D'%23fff3cf'%2F%3E%3Cg%20fill%3D'%230e1b44'%3E%3Ccircle%20cx%3D'36'%20cy%3D'38'%20r%3D'1.6'%2F%3E%3Ccircle%20cx%3D'45'%20cy%3D'48'%20r%3D'1.6'%2F%3E%3Ccircle%20cx%3D'33'%20cy%3D'56'%20r%3D'1.6'%2F%3E%3Ccircle%20cx%3D'48'%20cy%3D'63'%20r%3D'1.6'%2F%3E%3Ccircle%20cx%3D'38'%20cy%3D'66'%20r%3D'1.4'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center / cover no-repeat!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-matasellos{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20150%2090'%20fill%3D'none'%20stroke%3D'%231c2b55'%20stroke-opacity%3D'.5'%20stroke-width%3D'1.3'%3E%3Cpath%20d%3D'M2%2030c10-6%2020%206%2030%200s20%206%2030%200M2%2042c10-6%2020%206%2030%200s20%206%2030%200M2%2054c10-6%2020%206%2030%200s20%206%2030%200M2%2066c10-6%2020%206%2030%200s20%206%2030%200'%2F%3E%3Ccircle%20cx%3D'108'%20cy%3D'45'%20r%3D'38'%2F%3E%3Ccircle%20cx%3D'108'%20cy%3D'45'%20r%3D'32'%20stroke-dasharray%3D'2%203'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-matasellos::after{content:"";position:absolute;top:50%;left:72%;width:34%;height:52%;transform:translate(-50%,-50%);background:rgba(28,43,85,.55);-webkit-mask:url("/web/image/22055") center / contain no-repeat;mask:url("/web/image/22055") center / contain no-repeat} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller{padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-foto{position:relative;height:120px;background:linear-gradient(180deg,rgba(10,20,56,0) 40%,rgba(10,20,56,.55)),url("/web/image/22503/600x300") center 35% / cover no-repeat;border-radius:20px 20px 0 0;margin:9px 9px 0} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-estado{position:absolute;left:12px;bottom:10px;display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:#0a1438;font:700 12px Raleway,sans-serif} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-estado i{width:8px;height:8px;border-radius:50%;background:#b98f35} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-estado.on i{background:#1f9d55;animation:cdmv9Punto 1.6s ease-in-out infinite} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-tx{padding:14px 22px 18px} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmc-k{text-align:left!important;color:#b8902f!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller h3{text-align:left!important;border:0!important;padding:0!important;margin:2px 0 6px!important;font-size:20px!important;color:#0a1438!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-inv{margin:0 0 10px!important;font:500 13.5px/1.5 Raleway,sans-serif;font-style:normal;color:#3a4566} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-datos{list-style:none;margin:0 0 12px!important;padding:0!important;display:flex;flex-direction:column;gap:8px} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-datos li{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:start;font:500 12.5px/1.45 Raleway,sans-serif;font-style:normal;color:#2a3352} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-datos i{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(201,162,74,.14);color:#b8902f;font-size:13px} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-datos b{color:#0a1438} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-bts{display:grid;grid-template-columns:1.3fr 1fr;gap:8px} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-ir,html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-wa{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;border-radius:999px;font:800 13px Raleway,sans-serif;font-style:normal;text-decoration:none!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-ir{background:#dfb44c;color:#0b1626!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-wa{border:1.5px solid #0a1438;color:#0a1438!important;background:transparent} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego{text-align:left!important;justify-content:flex-start!important;gap:10px;padding:16px 18px!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-j-cab{display:flex;align-items:center;gap:12px} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-nuez{width:52px;height:52px;border-radius:50%;flex:none;object-fit:cover;box-shadow:0 0 0 2px #dfb44c,0 6px 14px rgba(0,0,0,.4);background:#16285c} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmc-k{color:#dfb44c!important;font-size:10.5px!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-globo{margin:3px 0 0!important;padding:7px 12px;border-radius:14px 14px 14px 4px;background:#ffffff;color:#0a1438;font:700 13px/1.3 Raleway,sans-serif} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-tablero{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:7px;border-radius:14px;background:linear-gradient(180deg,#16285c,#0e1b44);box-shadow:inset 0 0 0 1px rgba(223,180,76,.35),inset 0 4px 10px rgba(0,0,0,.35)} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-tablero span{aspect-ratio:1;border-radius:9px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-tablero img{width:84%;height:84%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-tablero span.sel{background:rgba(223,180,76,.22);animation:cdmv9Brillo 1.8s ease-in-out infinite} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-stats{display:flex;align-items:center;justify-content:space-between;font:600 12.5px Raleway,sans-serif;color:#cfd5e6} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-stats b{color:#dfb44c} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-est i{font-style:normal;font-size:17px;color:rgba(255,255,255,.2);margin:0 1px} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-est i.on{color:#dfb44c;text-shadow:0 0 8px rgba(223,180,76,.7)} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-barra{height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-barra i{display:block;height:100%;min-width:6px;border-radius:999px;background:linear-gradient(90deg,#b98f35,#f3d68a)} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-jugar{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:999px;background:linear-gradient(180deg,#f3d68a,#dfb44c 55%,#c99a3a);color:#0b1626!important;font:900 15px Raleway,sans-serif;letter-spacing:.02em;text-decoration:none!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.6),0 10px 20px -10px rgba(0,0,0,.6);animation:cdmv9Late 1.8s ease-in-out infinite} @media (prefers-reduced-motion:reduce){html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-jugar,html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-tablero span.sel{animation:none}} @media (min-width:992px){ html body.cdm-carta-on .cdmc-lado.cdmc-lado{gap:12px!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-foto{height:70px!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-tx{padding:10px 18px 12px!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller h3{font-size:18px!important;margin:0 0 4px!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-inv{font-size:12.5px!important;margin-bottom:8px!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-datos{gap:6px!important;margin-bottom:10px!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-datos li{font-size:12px!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-ir,html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-wa{min-height:36px!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego{gap:8px!important;padding:12px 16px!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-nuez{width:44px!important;height:44px!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-globo{font-size:12.5px!important;padding:6px 10px!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-tablero{grid-template-columns:repeat(7,1fr)!important;gap:4px!important;padding:6px!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-jugar{min-height:40px!important;font-size:14px!important} } @import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500;600;700&display=swap"); /* contacto v10: letra cursiva clasica y redondita (Dancing Script) */ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-saludo{font-family:'Dancing Script',cursive!important;font-weight:700!important;font-size:38px!important;color:#0a1438!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-firma{font-family:'Dancing Script',cursive!important;font-weight:600!important;font-size:24px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-firma b{font-family:'Dancing Script',cursive!important;font-weight:700!important;font-size:28px!important;color:#183b8c!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input{font-family:'Dancing Script',cursive!important;font-weight:600!important;font-size:25px!important;color:#183b8c!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{font-family:'Dancing Script',cursive!important;font-weight:500!important;font-size:23px!important;color:#183b8c!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input::placeholder,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea::placeholder{font-family:'Dancing Script',cursive!important;font-weight:500!important;color:#a7adbf!important} html body.cdm-carta-on .cdmc-juego .cdmc-jt,html body.cdm-carta-on .cdmc-cab p{font-family:'Cormorant Garamond',Georgia,serif!important} @media (max-width:991.98px){html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-saludo{font-size:32px!important}html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input{font-size:22px!important}} /* contacto v11 (compu): desenfoque solo detras de las tarjetas; orillas nitidas */ @media (min-width:992px){ html body.cdm-carta-on::before{filter:none!important} html body.cdm-carta-on::after{background:linear-gradient(180deg,rgba(255,255,255,.25),rgba(255,255,255,0) 30%)!important} html body.cdm-carta-on .cdmc-grid.cdmc-grid{isolation:isolate} html body.cdm-carta-on .cdmc-grid.cdmc-grid::before{content:"";position:absolute;inset:-70px -90px -60px -90px;z-index:-1;border-radius:60px;background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.62) 0%,rgba(255,255,255,.4) 55%,rgba(255,255,255,0) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 62%,transparent 100%);pointer-events:none} html body.cdm-carta-on .cdmc-cab{position:relative;isolation:isolate} html body.cdm-carta-on .cdmc-cab::before{content:"";position:absolute;inset:-20px -120px;z-index:-1;background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.55),rgba(255,255,255,0) 70%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 50%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 50%,transparent 100%);pointer-events:none} } @import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,600;1,700&display=swap"); /* contacto v12: lo que escribe el cliente en serif italica (como el diseno de referencia) */ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-weight:600!important;color:#183b8c!important;letter-spacing:.01em!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input{font-size:24px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{font-size:22px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input::placeholder,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea::placeholder{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-weight:600!important;color:#a7adbf!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-firma b{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-weight:700!important;font-size:26px!important} @media (max-width:991.98px){html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input{font-size:21px!important}html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{font-size:20px!important}} /* contacto v13: tarjeta del showroom con menos texto (horario y donde en dos columnas) */ html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-inv{font-size:13.5px!important;margin:0 0 12px!important;color:#4a5573!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-info{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 14px;border-top:1px solid rgba(201,162,74,.3);border-bottom:1px solid rgba(201,162,74,.3)} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-info > div{display:flex;flex-direction:column;gap:2px;padding:10px 4px} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-info > div + div{border-left:1px solid rgba(201,162,74,.3);padding-left:14px} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-info small{font:800 10px Raleway,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#b8902f;margin-bottom:2px} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-info b{font:600 13px/1.35 Raleway,sans-serif;font-style:normal;color:#0a1438} /* ===== contacto v14: fondo HD con nieve y grano, esquinas nuevas, final de carta redisenado, mini juego jugable ===== */ @keyframes cdmNieve{from{background-position:0 0,0 0}to{background-position:60px 600px,-40px 600px}} @keyframes cdmmjPum{0%{transform:scale(1);opacity:1}60%{transform:scale(1.35);opacity:.9;filter:brightness(1.6)}100%{transform:scale(.2);opacity:0}} @keyframes cdmmjCae{from{transform:translateY(-40%);opacity:0}to{transform:none;opacity:1}} @keyframes cdmmjNo{0%,100%{transform:none}25%{transform:translateX(-6%)}75%{transform:translateX(6%)}} @keyframes cdmmjPista{0%,100%{transform:none}50%{transform:scale(1.12) rotate(-6deg)}} @keyframes cdmmjPts{0%{opacity:0;transform:translate(-50%,0)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-40px)}} @keyframes cdmmjMsg{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} @media (min-width:992px){ html body.cdm-carta-on::before{background:url("/web/image/24536/contacto-fondo-invierno-hd.webp") center bottom / cover no-repeat!important;filter:saturate(1.08) contrast(1.03)!important} html body.cdm-carta-on::after{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'180'%20height%3D'180'%3E%3Cfilter%20id%3D'g'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.85'%20numOctaves%3D'2'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20values%3D'0%200%200%200%20.5%20%200%200%200%200%20.5%20%200%200%200%200%20.55%20%200%200%200%20.07%200'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23g)'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'300'%20height%3D'300'%3E%3Cg%20fill%3D'%23ffffff'%3E%3Ccircle%20cx%3D'20'%20cy%3D'30'%20r%3D'1.6'%20opacity%3D'.9'%2F%3E%3Ccircle%20cx%3D'80'%20cy%3D'120'%20r%3D'1.2'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'150'%20cy%3D'60'%20r%3D'2'%20opacity%3D'.85'%2F%3E%3Ccircle%20cx%3D'220'%20cy%3D'180'%20r%3D'1.4'%20opacity%3D'.8'%2F%3E%3Ccircle%20cx%3D'270'%20cy%3D'40'%20r%3D'1.1'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'120'%20cy%3D'240'%20r%3D'1.8'%20opacity%3D'.85'%2F%3E%3Ccircle%20cx%3D'40'%20cy%3D'200'%20r%3D'1.2'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'190'%20cy%3D'280'%20r%3D'1.5'%20opacity%3D'.8'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'110'%20r%3D'1'%20opacity%3D'.6'%2F%3E%3Ccircle%20cx%3D'100'%20cy%3D'170'%20r%3D'1'%20opacity%3D'.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'300'%20height%3D'300'%3E%3Cg%20fill%3D'%23ffffff'%3E%3Ccircle%20cx%3D'20'%20cy%3D'30'%20r%3D'1.6'%20opacity%3D'.9'%2F%3E%3Ccircle%20cx%3D'80'%20cy%3D'120'%20r%3D'1.2'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'150'%20cy%3D'60'%20r%3D'2'%20opacity%3D'.85'%2F%3E%3Ccircle%20cx%3D'220'%20cy%3D'180'%20r%3D'1.4'%20opacity%3D'.8'%2F%3E%3Ccircle%20cx%3D'270'%20cy%3D'40'%20r%3D'1.1'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'120'%20cy%3D'240'%20r%3D'1.8'%20opacity%3D'.85'%2F%3E%3Ccircle%20cx%3D'40'%20cy%3D'200'%20r%3D'1.2'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'190'%20cy%3D'280'%20r%3D'1.5'%20opacity%3D'.8'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'110'%20r%3D'1'%20opacity%3D'.6'%2F%3E%3Ccircle%20cx%3D'100'%20cy%3D'170'%20r%3D'1'%20opacity%3D'.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 30%)!important;background-size:180px 180px,300px 300px,420px 420px,auto!important;animation:cdmNieve 28s linear infinite!important;opacity:1!important} } @media (prefers-reduced-motion:reduce){html body.cdm-carta-on::after{animation:none!important}} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M8%201.5l2%202-2%202-2-2z'%20fill%3D'%23c9a24a'%20stroke%3D'none'%20transform%3D'translate(-5%20-0)'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M8%201.5l2%202-2%202-2-2z'%20fill%3D'%23c9a24a'%20stroke%3D'none'%20transform%3D'translate(-5%20-0)'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M8%201.5l2%202-2%202-2-2z'%20fill%3D'%23c9a24a'%20stroke%3D'none'%20transform%3D'translate(-5%20-0)'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M8%201.5l2%202-2%202-2-2z'%20fill%3D'%23c9a24a'%20stroke%3D'none'%20transform%3D'translate(-5%20-0)'%2F%3E%3C%2Fsvg%3E"),var(--cdm-papel-ruido,none),linear-gradient(180deg,#fffefb 0%,#fbf9f4 100%)!important;background-position:left 16px top 16px,right 16px top 16px,left 16px bottom 16px,right 16px bottom 16px,0 0,0 0!important;background-size:30px 30px,30px 30px,30px 30px,30px 30px,220px,auto!important;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,no-repeat!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta{--cdm-papel-ruido:none} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pie{position:relative} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pie::before{display:none!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pd{margin:14px 0 0!important;padding:10px 0 0!important;border-top:1px dashed rgba(201,162,74,.55)!important;font-size:16px!important;display:flex;align-items:center;gap:8px;flex-wrap:wrap} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pd b:first-child{font-family:'Dancing Script',cursive;font-size:20px;color:#b8902f} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pie{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin-top:14px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-firma{display:flex!important;align-items:baseline!important;gap:10px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-firma b{display:inline-block!important;margin:0!important;min-width:120px;padding:0 6px 2px;border-bottom:1px solid rgba(201,162,74,.6)} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller{background-image:linear-gradient(180deg,#fffefb 0%,#fbf9f4 100%)!important;background-size:auto!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego{gap:8px!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-stats,html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-barra{display:none!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj{position:relative} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-tab{display:grid;gap:5px;padding:7px;border-radius:14px;background:linear-gradient(180deg,#16285c,#0e1b44);box-shadow:inset 0 0 0 1px rgba(223,180,76,.35),inset 0 4px 10px rgba(0,0,0,.35);touch-action:none} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-c{position:relative;aspect-ratio:1;padding:0;border:0;border-radius:9px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .15s ease;user-select:none} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-c img{width:82%;height:82%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-c:hover{background:rgba(255,255,255,.12)} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-c.sel{background:rgba(223,180,76,.25);box-shadow:0 0 0 2px #dfb44c,0 0 12px rgba(223,180,76,.6)} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-c.pum{animation:cdmmjPum .32s ease forwards} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-c.cae{animation:cdmmjCae .26s ease} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-c.no{animation:cdmmjNo .3s ease} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-c.pista{animation:cdmmjPista .9s ease-in-out infinite;box-shadow:0 0 0 1.5px rgba(223,180,76,.7)} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-pts{position:absolute;left:50%;top:40%;font:900 22px Raleway,sans-serif;color:#f3d68a;text-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:none;opacity:0} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-pts.on{animation:cdmmjPts .9s ease forwards} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-msg{display:none} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj.gano .cdmmj-msg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:14px;background:rgba(6,13,38,.86);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;animation:cdmmjMsg .35s ease} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-msg b{font:800 18px Raleway,sans-serif;color:#f3d68a} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-msg span{font:500 13px/1.4 Raleway,sans-serif;color:#d9deeb} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-msg a{margin-top:4px;padding:9px 18px;border-radius:999px;background:#dfb44c;color:#0b1626!important;font:800 13.5px Raleway,sans-serif;text-decoration:none!important} @media (min-width:992px){ html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-foto{height:62px!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-tab{gap:4px;padding:6px} } @media (min-width:992px){html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-foto{height:46px!important}html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego > .cdmv9-j-cab .cdmc-k{display:none!important}html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-nuez{width:40px!important;height:40px!important}html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmv9-jugar{min-height:36px!important}html body.cdm-carta-on .cdmc-lado.cdmc-lado{gap:10px!important}html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-tab{gap:3px!important;padding:5px!important}} /* contacto v15: foto del showroom visible (Red Symphony, franja mas alta) y mini juego mas ligero */ html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-foto{background-image:linear-gradient(180deg,rgba(10,20,56,0) 45%,rgba(10,20,56,.55)),url("/web/image/22506/700x900")!important;background-position:center 42%!important;background-size:cover!important;background-repeat:no-repeat!important} @media (min-width:992px){ html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-foto{height:104px!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego{gap:8px!important;padding:12px 16px!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-tab{gap:6px!important;padding:7px!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmj-c img{width:74%!important;height:74%!important} } /* contacto v16: sin borde punteado en el juego, textos de ayuda en sans fina gris */ html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego{outline:0!important;box-shadow:inset 0 0 0 1px rgba(223,180,76,.55),0 30px 60px -36px rgba(5,11,31,.85)!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input::placeholder,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea::placeholder{font-family:Raleway,sans-serif!important;font-style:normal!important;font-weight:400!important;font-size:15px!important;letter-spacing:.02em!important;color:#a9afc0!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-firma b{min-width:150px!important;min-height:30px!important} /* contacto v17: sin P.D. ni firma; timbre con foto real de un pino decorado */ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pd,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-firma{display:none!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pie{justify-content:flex-end!important;margin-top:18px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-timbre{background:#fffefb url("/web/image/22856/240x280") center 30% / cover no-repeat!important;box-shadow:inset 0 0 0 3px #fffefb,0 0 0 6px #fffefb,0 0 0 7px rgba(201,162,74,.45),0 6px 12px -6px rgba(10,20,56,.5)!important;filter:saturate(.95) contrast(1.02)} @import url("https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap"); /* contacto v18: timbre en line art, boton con sello de lacre, caligrafia fina y legible en lo escrito */ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-timbre{background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2080%2092'%3E%3Crect%20width%3D'80'%20height%3D'92'%20fill%3D'%230e1b44'%2F%3E%3Crect%20x%3D'5'%20y%3D'5'%20width%3D'70'%20height%3D'82'%20fill%3D'none'%20stroke%3D'%23dfb44c'%20stroke-opacity%3D'.55'%20stroke-width%3D'.8'%2F%3E%3Cg%20fill%3D'none'%20stroke%3D'%23e9c977'%20stroke-width%3D'1.1'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M40%2018l-13%2017h7l-11%2014h7l-12%2016h44l-12-16h7l-11-14h7z'%2F%3E%3Cpath%20d%3D'M37%2065v7h6v-7'%2F%3E%3Cpath%20d%3D'M28%2072h24'%2F%3E%3Cpath%20d%3D'M31%2041c4%202%2014%202%2018%200M27%2055c6%203%2020%203%2026%200'%2F%3E%3C%2Fg%3E%3Cpath%20d%3D'M40%2010l1.6%203.9%204.2.3-3.2%202.6%201%204.1L40%2018.6l-3.6%202.3%201-4.1-3.2-2.6%204.2-.3z'%20fill%3D'none'%20stroke%3D'%23fff3cf'%20stroke-width%3D'1'%2F%3E%3Cg%20fill%3D'%23e9c977'%3E%3Ccircle%20cx%3D'35'%20cy%3D'44'%20r%3D'1.4'%2F%3E%3Ccircle%20cx%3D'46'%20cy%3D'47'%20r%3D'1.4'%2F%3E%3Ccircle%20cx%3D'31'%20cy%3D'59'%20r%3D'1.4'%2F%3E%3Ccircle%20cx%3D'49'%20cy%3D'60'%20r%3D'1.4'%2F%3E%3Ccircle%20cx%3D'40'%20cy%3D'53'%20r%3D'1.2'%2F%3E%3C%2Fg%3E%3Cg%20fill%3D'%23fff3cf'%20opacity%3D'.7'%3E%3Ccircle%20cx%3D'14'%20cy%3D'18'%20r%3D'.9'%2F%3E%3Ccircle%20cx%3D'66'%20cy%3D'22'%20r%3D'.8'%2F%3E%3Ccircle%20cx%3D'13'%20cy%3D'62'%20r%3D'.8'%2F%3E%3Ccircle%20cx%3D'67'%20cy%3D'58'%20r%3D'.9'%2F%3E%3C%2Fg%3E%3Ctext%20x%3D'40'%20y%3D'84'%20text-anchor%3D'middle'%20font-family%3D'Georgia%2Cserif'%20font-size%3D'6'%20letter-spacing%3D'1.5'%20fill%3D'%23dfb44c'%3EPOLO%20NORTE%3C%2Ftext%3E%3C%2Fsvg%3E") center / cover no-repeat!important;filter:none!important;box-shadow:0 0 0 5px #fffefb,0 0 0 6px rgba(201,162,74,.45)!important;outline:3px dotted #dfb44c!important;outline-offset:2px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{font-family:'Petit Formal Script',cursive!important;font-style:normal!important;font-weight:400!important;color:#183b8c!important;letter-spacing:0!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input{font-size:19px!important;height:38px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{font-size:18px!important;line-height:38px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send{position:relative!important;overflow:visible!important;gap:0!important;min-height:54px!important;padding:0 28px 0 62px!important;border-radius:14px!important;border:1px solid rgba(223,180,76,.55)!important;background:linear-gradient(180deg,#14255c 0%,#0a1438 100%)!important;box-shadow:0 14px 26px -16px rgba(5,11,31,.8),inset 0 1px 0 rgba(255,255,255,.08)!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-weight:600!important;font-size:21px!important;letter-spacing:.01em!important;text-transform:none!important;color:#f6ecd6!important;-webkit-text-fill-color:#f6ecd6!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send::after{display:none!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send .cdmc-lacre{position:absolute!important;left:-16px!important;top:50%!important;transform:translateY(-50%) rotate(-10deg)!important;width:62px!important;height:62px!important;border-radius:50%!important;-webkit-mask:none!important;mask:none!important;background:radial-gradient(circle at 34% 30%,#d64a5b 0%,#b11f33 45%,#7d1022 100%)!important;box-shadow:inset 0 -3px 6px rgba(0,0,0,.35),inset 0 2px 3px rgba(255,255,255,.25),0 6px 12px rgba(0,0,0,.35)!important;font-size:0!important;color:transparent!important;-webkit-text-fill-color:transparent!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send .cdmc-lacre::before{content:"";position:absolute;inset:7px;border-radius:50%;border:1.5px solid rgba(255,214,150,.45)} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send .cdmc-lacre::after{content:"";position:absolute;inset:14px;background:#f3d68a;-webkit-mask:url("/web/image/22055") center / contain no-repeat;mask:url("/web/image/22055") center / contain no-repeat} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send:hover{transform:translateY(-2px)!important} @media (max-width:991.98px){html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input{font-size:17px!important}html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{font-size:16px!important}html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send{width:100%!important;font-size:19px!important}} /* contacto v19: velo blanco sobre todo el fondo */ @media (min-width:992px){ html body.cdm-carta-on::before{background:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,.42)),url("/web/image/24536/contacto-fondo-invierno-hd.webp") center bottom / cover no-repeat!important} } @media (max-width:991.98px){ html body.cdm-carta-on{background:linear-gradient(rgba(255,255,255,.45),rgba(255,255,255,.45)),url("/web/image/24466/contacto-fondo-invierno-movil.webp") center top / cover no-repeat!important;background-color:#eef2f9!important} } /* contacto v20: boton en Cinzel con interletrado pegado */ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send{font-family:Cinzel,'Times New Roman',serif!important;font-style:normal!important;font-weight:700!important;font-size:16px!important;letter-spacing:.01em!important;text-transform:none!important;color:#f3d68a!important;-webkit-text-fill-color:#f3d68a!important} @media (max-width:991.98px){html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send{font-size:15px!important}} /* ===== contacto v21: timbre Magnific, matasellos de tinta, esquinas orientadas, fondo mas blanco, opciones tipo casilla, Cinzel en lo escrito, boton con esfera ===== */ @keyframes cdmEsferaBrillo{0%,100%{transform:translateY(-50%) rotate(-8deg) scale(1)}50%{transform:translateY(-50%) rotate(-8deg) scale(1.05)}} @media (min-width:992px){ html body.cdm-carta-on::before{background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),url("/web/image/24536/contacto-fondo-invierno-hd.webp") center bottom / cover no-repeat!important;filter:blur(2px) saturate(1.05)!important} } html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D''%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(40%200)%20scale(-1%201)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(0%2040)%20scale(1%20-1)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(40%2040)%20scale(-1%20-1)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fffefb 0%,#fbf9f4 100%)!important;background-position:left 16px top 16px,right 16px top 16px,left 16px bottom 16px,right 16px bottom 16px,0 0!important;background-size:30px 30px,30px 30px,30px 30px,30px 30px,auto!important;background-repeat:no-repeat!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-timbre{width:84px!important;height:117px!important;top:16px!important;right:30px!important;background:url("/web/image/24538/contacto-timbre-magnific.webp") center / contain no-repeat!important;outline:0!important;box-shadow:none!important;border-radius:0!important;mix-blend-mode:multiply;filter:none!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-matasellos{width:130px!important;height:78px!important;top:44px!important;right:70px!important;transform:rotate(-14deg)!important;opacity:.8;z-index:3;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20150%2090'%20fill%3D'none'%20stroke%3D'%232b3f78'%20stroke-opacity%3D'.55'%20stroke-width%3D'1.2'%3E%3Cpath%20d%3D'M2%2030c10-6%2020%206%2030%200s20%206%2030%200M2%2042c10-6%2020%206%2030%200s20%206%2030%200M2%2054c10-6%2020%206%2030%200s20%206%2030%200M2%2066c10-6%2020%206%2030%200s20%206%2030%200'%2F%3E%3Ccircle%20cx%3D'108'%20cy%3D'45'%20r%3D'38'%2F%3E%3Ccircle%20cx%3D'108'%20cy%3D'45'%20r%3D'32'%20stroke-dasharray%3D'1.5%203'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-matasellos::after{background:rgba(43,63,120,.6)!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-opc{gap:6px 22px!important;margin:4px 0 16px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-opc button{display:inline-flex!important;align-items:center!important;gap:9px!important;padding:2px 0!important;border:0!important;border-radius:0!important;background:none!important;color:#1f2a48!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic!important;font-weight:600!important;font-size:18px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-opc button::before{content:"";flex:none;width:16px;height:16px;border:1.4px solid #c9a24a;border-radius:3px;background:#fffefb;transition:background .15s ease} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-opc button:hover::before{border-color:#0a1438} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-opc button.on{background:none!important;color:#0a1438!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-opc button.on::before{background:#0a1438 url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'none'%20stroke%3D'%23dfb44c'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3.5%208.5l3%203%206-7'%2F%3E%3C%2Fsvg%3E") center / 12px no-repeat;border-color:#0a1438} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{font-family:Cinzel,'Times New Roman',serif!important;font-style:normal!important;font-weight:600!important;letter-spacing:.01em!important;color:#183b8c!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input{font-size:17px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{font-size:16px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send{padding:0 28px 0 70px!important;border-radius:999px!important;border:1px solid rgba(160,190,255,.45)!important;background:radial-gradient(ellipse 60% 120% at 30% -10%,rgba(255,255,255,.35),rgba(255,255,255,0) 55%),radial-gradient(1.2px 1.2px at 62% 30%,#fff 50%,transparent),radial-gradient(1px 1px at 82% 66%,rgba(255,255,255,.8) 50%,transparent),radial-gradient(1.5px 1.5px at 92% 28%,rgba(243,214,138,.9) 50%,transparent),linear-gradient(180deg,#2a4aa8 0%,#16307a 45%,#0b1d55 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -6px 12px rgba(0,0,20,.35),0 14px 26px -12px rgba(11,29,85,.75)!important;color:#ffffff!important;-webkit-text-fill-color:#ffffff!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send .cdmc-lacre{left:-12px!important;width:66px!important;height:66px!important;background:url("/web/image/24537/boton-esfera-c.webp") center / cover no-repeat!important;box-shadow:0 8px 16px -4px rgba(11,29,85,.6)!important;animation:cdmEsferaBrillo 3s ease-in-out infinite!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send .cdmc-lacre::before,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send .cdmc-lacre::after{display:none!important} @media (max-width:991.98px){html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-timbre{width:60px!important;height:84px!important;top:14px!important;right:16px!important}html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-opc button{font-size:16px!important}html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input{font-size:15px!important}} @media (prefers-reduced-motion:reduce){html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send .cdmc-lacre{animation:none!important}} /* ===== contacto v22: textos de ayuda en Cinzel, papel fino, mini partida ===== */ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input::placeholder,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea::placeholder{font-family:Cinzel,'Times New Roman',serif!important;font-style:normal!important;font-weight:500!important;font-size:15px!important;letter-spacing:.01em!important;color:#a3aac0!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta{background-color:#fffdf8!important;box-shadow:inset 0 0 0 1px #ece3cc,inset 0 0 0 9px #fffdf8,inset 0 0 0 10px rgba(201,162,74,.45),inset 0 0 60px rgba(201,162,74,.10),0 34px 70px -36px rgba(10,20,56,.45)!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta::after{content:"";position:absolute;inset:0;border-radius:inherit;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'260'%20height%3D'260'%3E%3Cfilter%20id%3D'f'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.012%20.9'%20numOctaves%3D'2'%20seed%3D'7'%2F%3E%3CfeColorMatrix%20values%3D'0%200%200%200%20.62%20%200%200%200%200%20.55%20%200%200%200%200%20.4%20%200%200%200%20.045%200'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E"),radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.7),rgba(255,255,255,0) 70%);pointer-events:none;z-index:0} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta > *{position:relative;z-index:1} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-timbre,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-matasellos,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-cmarca{position:absolute!important;z-index:2} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp{position:relative;display:flex;flex-direction:column;gap:7px} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-bar{display:flex;justify-content:space-between;font:600 12.5px Raleway,sans-serif;color:#cfd5e6} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-bar b{color:#f3d68a;font-weight:800} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-tab{display:grid;gap:6px;padding:7px;border-radius:14px;background:linear-gradient(180deg,#16285c,#0e1b44);box-shadow:inset 0 0 0 1px rgba(223,180,76,.35),inset 0 4px 10px rgba(0,0,0,.35);touch-action:none;user-select:none} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-c{aspect-ratio:1;padding:0;border:0;border-radius:9px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .15s ease} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-c img{width:74%;height:74%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-c:hover{background:rgba(255,255,255,.13)} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-c.sel{background:rgba(223,180,76,.25);box-shadow:0 0 0 2px #dfb44c,0 0 12px rgba(223,180,76,.6)} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-c.pum{animation:cdmmjPum .32s ease forwards} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-c.cae{animation:cdmmjCae .26s ease} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-c.no{animation:cdmmjNo .3s ease} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-c.pista{animation:cdmmjPista .9s ease-in-out infinite;box-shadow:0 0 0 1.5px rgba(223,180,76,.7)} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-pts{position:absolute;left:50%;top:45%;font:900 22px Raleway,sans-serif;color:#f3d68a;text-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:none;opacity:0} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-pts.on{animation:cdmmjPts .9s ease forwards} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-fin{display:none} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp.fin .cdmmp-fin{position:absolute;inset:-4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px;border-radius:14px;background:rgba(6,13,38,.92);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;animation:cdmmjMsg .35s ease;z-index:3} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-fin b{font:800 18px Raleway,sans-serif;color:#f3d68a} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-fin span{font:500 12.5px/1.4 Raleway,sans-serif;color:#d9deeb} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-est i{font-style:normal;font-size:22px;color:rgba(255,255,255,.2);margin:0 2px} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-est i.on{color:#dfb44c;text-shadow:0 0 10px rgba(223,180,76,.8)} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-ir{margin-top:3px;padding:9px 20px;border-radius:999px;background:#dfb44c;color:#0b1626!important;font:800 13.5px Raleway,sans-serif;text-decoration:none!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-otra{border:0;background:none;color:#cfd5e6;font:600 12px Raleway,sans-serif;text-decoration:underline;cursor:pointer} /* contacto v23: boton azul mas oscuro y sin la C dorada junto al saludo */ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-cmarca{display:none!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-saludo{margin-left:0!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send{background:radial-gradient(ellipse 60% 120% at 30% -10%,rgba(255,255,255,.22),rgba(255,255,255,0) 55%),radial-gradient(1.2px 1.2px at 62% 30%,#fff 50%,transparent),radial-gradient(1px 1px at 82% 66%,rgba(255,255,255,.7) 50%,transparent),radial-gradient(1.5px 1.5px at 92% 28%,rgba(243,214,138,.85) 50%,transparent),linear-gradient(180deg,#14255c 0%,#0b1840 50%,#050d28 100%)!important;border-color:rgba(140,170,240,.35)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -6px 12px rgba(0,0,10,.45),0 14px 26px -12px rgba(5,13,40,.8)!important} /* contacto v24: boton casi negro azulado y motivo desplegable */ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send{background:radial-gradient(ellipse 60% 120% at 30% -10%,rgba(255,255,255,.14),rgba(255,255,255,0) 55%),radial-gradient(1.2px 1.2px at 62% 30%,rgba(255,255,255,.8) 50%,transparent),radial-gradient(1.5px 1.5px at 92% 28%,rgba(243,214,138,.8) 50%,transparent),linear-gradient(180deg,#0c1638 0%,#060d26 55%,#02061a 100%)!important;border-color:rgba(223,180,76,.35)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -6px 12px rgba(0,0,0,.5),0 14px 26px -12px rgba(2,6,26,.85)!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-motivo{position:relative!important;display:inline-flex!important;align-items:center} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-motivo input{padding-right:30px!important;cursor:pointer} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-flecha{position:absolute;right:2px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;border-radius:50%;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2016%2016'%20fill%3D'none'%20stroke%3D'%23b8902f'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%206l4%204%204-4'%2F%3E%3C%2Fsvg%3E") center / 16px no-repeat;cursor:pointer;transition:transform .2s ease,background-color .15s ease} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-flecha:hover{background-color:rgba(201,162,74,.12)} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-motivo.abierto .cdmc-flecha{transform:translateY(-50%) rotate(180deg)} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-motivo .cdmc-opc.cdmc-opc{display:none!important;position:absolute!important;left:0;top:calc(100% + 8px);z-index:20;min-width:270px;flex-direction:column!important;gap:0!important;margin:0!important;padding:8px!important;border-radius:14px;background:#fffefb;box-shadow:0 0 0 1px rgba(201,162,74,.45),0 22px 40px -18px rgba(10,20,56,.45)} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-motivo.abierto .cdmc-opc.cdmc-opc{display:flex!important;animation:cdmmjMsg .18s ease} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-motivo .cdmc-opc button{width:100%!important;justify-content:flex-start!important;padding:9px 12px!important;border-radius:9px!important;font-family:Cinzel,'Times New Roman',serif!important;font-style:normal!important;font-weight:600!important;font-size:14.5px!important;letter-spacing:.01em!important;color:#1f2a48!important;text-align:left!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-motivo .cdmc-opc button::before{display:none!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-motivo .cdmc-opc button:hover{background:rgba(201,162,74,.12)!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-motivo .cdmc-opc button.on{background:#0a1438!important;color:#f3d68a!important} /* contacto v25: lo escrito en azul marino oscuro */ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-l input,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{color:#0a1438!important;-webkit-text-fill-color:#0a1438!important} /* contacto v26: tablero 6x3 (combinaciones horizontales y verticales) y foto del showroom mas baja para que quepa */ @media (min-width:992px){html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-foto{height:66px!important}html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-tab{gap:5px!important;padding:6px!important}html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego{gap:7px!important;padding:12px 14px!important}} /* ===== contacto v27: menu solido encima de todo, matasellos visible con brillo en la C, juego de 2 filas bien repartido, foto a todo lo ancho ===== */ @keyframes cdmcTintaC{0%,65%{background-position:-160% 0,0 0}100%{background-position:260% 0,0 0}} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-p:has(.cdmc-motivo){z-index:30!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-motivo .cdmc-opc.cdmc-opc{min-width:310px!important;padding:6px 6px 8px!important;background:#fffefb!important;opacity:1!important;box-shadow:0 0 0 1px rgba(201,162,74,.5),0 26px 50px -20px rgba(10,20,56,.5)!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-opc-tit{display:block;padding:8px 12px 6px;font:800 10.5px Raleway,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#b8902f;border-bottom:1px solid rgba(201,162,74,.3);margin-bottom:4px} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-motivo .cdmc-opc button{display:flex!important;align-items:center!important;gap:10px!important;white-space:nowrap!important;border-bottom:1px solid rgba(201,162,74,.14)!important;border-radius:8px!important;font-size:14px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-motivo .cdmc-opc button:last-child{border-bottom:0!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-motivo .cdmc-opc button::before{content:""!important;display:block!important;flex:none;width:6px!important;height:6px!important;border:0!important;border-radius:50%!important;background:#dfb44c!important;transform:rotate(45deg);border-radius:1px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-motivo .cdmc-opc button.on::before{background:#f3d68a!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-matasellos{right:122px!important;top:30px!important;transform:rotate(-12deg)!important;opacity:.85} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-matasellos::after{background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.95) 50%,transparent 65%) 0 0 / 60% 100% no-repeat,rgba(43,63,120,.65)!important;animation:cdmcTintaC 4s ease-in-out infinite!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller{overflow:hidden!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-foto{margin:0!important;border-radius:20px 20px 0 0!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego{display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:10px!important;padding:16px 18px!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp{gap:10px!important} html body.cdm-carta-on .cdmc-lado .cdmc-juego.cdmc-juego .cdmmp-tab{gap:7px!important;padding:8px!important} @media (max-width:991.98px){html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-motivo .cdmc-opc.cdmc-opc{min-width:260px!important}} @media (prefers-reduced-motion:reduce){html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-matasellos::after{animation:none!important}} /* ===== contacto v28: papel blanco con textura (Magnific), boton a juego con la carta, carta bien distribuida ===== */ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta{background-color:#fbfcfd!important;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D''%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(40%200)%20scale(-1%201)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(0%2040)%20scale(1%20-1)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(40%2040)%20scale(-1%20-1)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("/web/image/24542/papel-textura-blanca.webp")!important;background-position:left 16px top 16px,right 16px top 16px,left 16px bottom 16px,right 16px bottom 16px,0 0!important;background-size:30px 30px,30px 30px,30px 30px,30px 30px,360px 360px!important;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat!important;box-shadow:inset 0 0 0 1px #e6e2d6,inset 0 0 0 9px rgba(251,252,253,.85),inset 0 0 0 10px rgba(201,162,74,.45),0 34px 70px -36px rgba(10,20,56,.45)!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta::after{display:none!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller{background-color:#fbfcfd!important;background-image:url("/web/image/24542/papel-textura-blanca.webp")!important;background-size:360px 360px!important;background-repeat:repeat!important;box-shadow:inset 0 0 0 1px #e6e2d6,0 30px 60px -36px rgba(10,20,56,.45)!important} @media (min-width:992px){ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta{display:flex!important;flex-direction:column!important;padding:34px 44px 30px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;min-height:114px} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja .cdmc-caja,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja .cdmc-caja .row,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja .cdmc-caja [class*="col"]{flex:1 1 auto!important;display:flex!important;flex-direction:column!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{flex:1 1 auto!important;height:auto!important;min-height:114px!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-pie{margin-top:18px!important} } html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send{padding:0 30px 0 66px!important;min-height:52px!important;border-radius:999px!important;border:0!important;background-color:#fbfcfd!important;background-image:url("/web/image/24542/papel-textura-blanca.webp")!important;background-size:360px 360px!important;box-shadow:inset 0 0 0 1px rgba(201,162,74,.75),inset 0 0 0 4px #fbfcfd,inset 0 0 0 5px rgba(201,162,74,.45),0 12px 24px -14px rgba(10,20,56,.45)!important;color:#0a1438!important;-webkit-text-fill-color:#0a1438!important;font-family:Cinzel,'Times New Roman',serif!important;font-weight:700!important;font-size:16px!important;letter-spacing:.02em!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send:hover{box-shadow:inset 0 0 0 1px #c9a24a,inset 0 0 0 4px #fbfcfd,inset 0 0 0 5px #c9a24a,0 16px 28px -14px rgba(10,20,56,.5)!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send .cdmc-lacre{left:-8px!important;width:60px!important;height:60px!important} /* contacto v28b: el mensaje solo llena el espacio sobrante */ @media (min-width:992px){html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja{flex:1 1 0!important;min-height:0!important}html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja .cdmc-caja,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja .cdmc-caja .row,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja .cdmc-caja [class*="col"]{flex:1 1 0!important;min-height:0!important}html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-hoja textarea{flex:1 1 0!important;height:0!important;min-height:114px!important}} /* compu: paginas cortas (acceso, crear cuenta, recuperar, carrito vacio) con el fondo invernal de la carta a Santa */ @media (min-width:992px){ html.cdm-pildora-fija body:not(.cdm-carta-on){background:#eef2f9!important} html.cdm-pildora-fija body:not(.cdm-carta-on) #wrapwrap,html.cdm-pildora-fija body:not(.cdm-carta-on) #wrapwrap > main,html.cdm-pildora-fija body:not(.cdm-carta-on) #wrapwrap main{background:transparent!important} html.cdm-pildora-fija body:not(.cdm-carta-on)::before{content:"";position:fixed;inset:-12px;z-index:-1;background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),url("/web/image/24536/contacto-fondo-invierno-hd.webp") center bottom / cover no-repeat;filter:blur(2px) saturate(1.05);pointer-events:none} html.cdm-pildora-fija body:not(.cdm-carta-on)::after{content:"";position:fixed;inset:0;z-index:-1;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'300'%20height%3D'300'%3E%3Cg%20fill%3D'%23ffffff'%3E%3Ccircle%20cx%3D'20'%20cy%3D'30'%20r%3D'1.6'%20opacity%3D'.9'%2F%3E%3Ccircle%20cx%3D'80'%20cy%3D'120'%20r%3D'1.2'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'150'%20cy%3D'60'%20r%3D'2'%20opacity%3D'.85'%2F%3E%3Ccircle%20cx%3D'220'%20cy%3D'180'%20r%3D'1.4'%20opacity%3D'.8'%2F%3E%3Ccircle%20cx%3D'270'%20cy%3D'40'%20r%3D'1.1'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'120'%20cy%3D'240'%20r%3D'1.8'%20opacity%3D'.85'%2F%3E%3Ccircle%20cx%3D'40'%20cy%3D'200'%20r%3D'1.2'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'190'%20cy%3D'280'%20r%3D'1.5'%20opacity%3D'.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'300'%20height%3D'300'%3E%3Cg%20fill%3D'%23ffffff'%3E%3Ccircle%20cx%3D'20'%20cy%3D'30'%20r%3D'1.6'%20opacity%3D'.9'%2F%3E%3Ccircle%20cx%3D'80'%20cy%3D'120'%20r%3D'1.2'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'150'%20cy%3D'60'%20r%3D'2'%20opacity%3D'.85'%2F%3E%3Ccircle%20cx%3D'220'%20cy%3D'180'%20r%3D'1.4'%20opacity%3D'.8'%2F%3E%3Ccircle%20cx%3D'270'%20cy%3D'40'%20r%3D'1.1'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'120'%20cy%3D'240'%20r%3D'1.8'%20opacity%3D'.85'%2F%3E%3Ccircle%20cx%3D'40'%20cy%3D'200'%20r%3D'1.2'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'190'%20cy%3D'280'%20r%3D'1.5'%20opacity%3D'.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:300px 300px,420px 420px;animation:cdmNieve 28s linear infinite;pointer-events:none} } @media (prefers-reduced-motion:reduce){html.cdm-pildora-fija body:not(.cdm-carta-on)::after{animation:none}} /* compu: crear cuenta cabe en pantalla con el mismo aire abajo que arriba (40 px) */ @media (min-width:992px){ html body main:has(> .cdm-lg-wrap form.oe_signup_form){padding-top:11px!important;padding-bottom:40px!important;min-height:0!important} html body main .cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) form.oe_signup_form .mb-3,html body main .cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) form.oe_signup_form .field-name,html body main .cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) form.oe_signup_form .field-login,html body main .cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) form.oe_signup_form .field-password,html body main .cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) form.oe_signup_form .field-confirm_password{margin-bottom:12px!important} html body main .cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) form.oe_signup_form label{margin-bottom:4px!important} html body main .cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) form.oe_signup_form input.form-control{height:44px!important;min-height:44px!important} html body main .cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) form.oe_signup_form .oe_login_buttons{margin-top:16px!important} html body main .cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) > .oe_website_login_container{padding-top:32px!important;padding-bottom:30px!important} html body main .cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) > .cdm-lg-ed{padding-top:44px!important;padding-bottom:130px!important} html body main .cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) > .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed::after{width:240px!important;height:280px!important;right:12px!important} } /* ficha de producto: precio con descuento (tachado chico al lado del precio, alineado a la izquierda) */ html body #product_details .product_price.product_price [name="product_price_container"]{justify-content:flex-start!important;align-items:baseline!important;column-gap:12px!important;row-gap:2px!important} html body #product_details .product_price.product_price [name="product_price_container"] > .oe_price{order:1!important} html body #product_details .product_price.product_price [name="product_price_container"] > del.oe_compare_list_price{order:2!important;margin:0!important;font-family:Cinzel,'Times New Roman',serif!important;font-size:18px!important;font-weight:500!important;color:#8a90a2!important;text-decoration:line-through!important;text-decoration-thickness:1.5px!important} html body #product_details .product_price.product_price [name="product_price_container"] > del.oe_compare_list_price *{font-size:inherit!important;font-weight:inherit!important;color:inherit!important;font-family:inherit!important;line-height:1!important} html body #product_details .product_price.product_price [name="product_price_container"] > .fs-6{order:3!important} @media (max-width:991.98px){html body #product_details .product_price.product_price [name="product_price_container"] > del.oe_compare_list_price{font-size:15px!important}} /* carrito: insignia de cantidad chica y dorada en la esquina (compu igual que celular), sin tapar el icono */ html body #wrapwrap header#top a .my_cart_quantity.my_cart_quantity.badge{position:absolute!important;top:-5px!important;right:-5px!important;left:auto!important;bottom:auto!important;margin:0!important;transform:none!important;min-width:19px!important;height:19px!important;padding:0 5px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#dfb44c!important;color:#0b1626!important;-webkit-text-fill-color:#0b1626!important;font:800 10.5px/1 Raleway,sans-serif!important;letter-spacing:0!important;box-shadow:0 0 0 2px #0a1438!important;z-index:2!important} html body #wrapwrap header#top a .my_cart_quantity.my_cart_quantity.badge.d-none{display:none!important} /* carrito: insignia un poco mas afuera de la esquina para no rozar el icono */ html body #wrapwrap header#top a .my_cart_quantity.my_cart_quantity.badge.badge{top:-9px!important;right:-9px!important} /* contacto v29: textura de papel mas tenue (velo blanco encima) y tarjeta del showroom lisa */ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D''%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(40%200)%20scale(-1%201)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(0%2040)%20scale(1%20-1)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(40%2040)%20scale(-1%20-1)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),linear-gradient(rgba(252,252,253,.72),rgba(252,252,253,.72)),url("/web/image/24542/papel-textura-blanca.webp")!important;background-position:left 16px top 16px,right 16px top 16px,left 16px bottom 16px,right 16px bottom 16px,0 0,0 0!important;background-size:30px 30px,30px 30px,30px 30px,30px 30px,auto,360px 360px!important;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send{background-image:linear-gradient(rgba(252,252,253,.72),rgba(252,252,253,.72)),url("/web/image/24542/papel-textura-blanca.webp")!important;background-size:auto,360px 360px!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller{background-image:none!important;background-color:#fcfcfd!important} /* compu: paginas de acceso con el fondo invernal visible (quita el degradado viejo) y aire real antes del pie (que sube 44 px) */ @media (min-width:992px){ html.cdm-pildora-fija.cdm-pildora-fija body:not(.cdm-carta-on) #wrapwrap#wrapwrap,html.cdm-pildora-fija.cdm-pildora-fija body:not(.cdm-carta-on):has(main) #wrapwrap#wrapwrap{background:transparent!important;background-image:none!important} html.cdm-pildora-fija.cdm-pildora-fija body:not(.cdm-carta-on):has(main > .cdm-lg-wrap){background:#eef2f9!important;background-image:none!important} html.cdm-pildora-fija body main#wrap:has(> .cdm-lg-wrap),html.cdm-pildora-fija body main:has(> .cdm-lg-wrap){padding-bottom:84px!important} } /* compu: crear cuenta con el mismo aire que acceso (40 arriba, 40 reales abajo) */ @media (min-width:992px){html.cdm-pildora-fija.cdm-pildora-fija body main:has(> .cdm-lg-wrap form.oe_signup_form){padding-top:40px!important;padding-bottom:84px!important}} /* compu: crear cuenta 40 px arriba y 40 px reales abajo */ @media (min-width:992px){html.cdm-pildora-fija.cdm-pildora-fija.cdm-pildora-fija body main:has(> .cdm-lg-wrap form.oe_signup_form){padding-top:11px!important;padding-bottom:102px!important}} /* ===== carrito vacio v3 (compu): cascanueces con carrito, icono vacio, colecciones en fila que gira ===== */ @keyframes cdmvRiel{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media (min-width:992px){ html body.cdm-carrito-vacio .cdmv-oculto{display:none!important} html body.cdm-carrito-vacio .cdmv-hero .cdmv-ilus.cdmv-ilus{width:560px!important;height:292px!important;background:url("/web/image/24594/carrito-vacio-cascanueces-carrito.webp") right bottom / contain no-repeat!important} html body.cdm-carrito-vacio .cdmv-vacio{display:inline-flex;align-items:center;justify-content:center;position:relative;width:52px;height:52px;margin:0 0 14px;border-radius:50%;color:#dfb44c;background:rgba(223,180,76,.08);box-shadow:inset 0 0 0 1.2px rgba(223,180,76,.6)} html body.cdm-carrito-vacio .cdmv-vacio svg{width:26px;height:26px} html body.cdm-carrito-vacio .cdmv-vacio b{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#dfb44c;color:#0b1626;font:800 11px/20px Raleway,sans-serif;text-align:center;box-shadow:0 0 0 2px #0a1438} html body.cdm-carrito-vacio .cdmv-riel{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);padding:4px 0} html body.cdm-carrito-vacio .cdmv-riel .cdmv-cols.cdmv-cols{display:flex!important;flex-wrap:nowrap!important;gap:16px!important;width:max-content!important;grid-template-columns:none!important;animation:cdmvRiel 48s linear infinite} html body.cdm-carrito-vacio .cdmv-riel:hover .cdmv-cols{animation-play-state:paused} html body.cdm-carrito-vacio .cdmv-riel .cdmv-col{flex:none!important;width:280px!important;margin:0!important} html body.cdm-carrito-vacio .cdmv-riel .cdmv-col .cdmv-foto{height:150px!important} } @media (prefers-reduced-motion:reduce){html body.cdm-carrito-vacio .cdmv-riel .cdmv-cols{animation:none}} /* contacto v30: textura pareja y mas tenue en toda la carta; foto del showroom desenfocada con destellos */ @keyframes cdmTitila{0%,100%{opacity:.25}50%{opacity:1}} @keyframes cdmTitila2{0%,100%{opacity:1}50%{opacity:.2}} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D''%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(40%200)%20scale(-1%201)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(0%2040)%20scale(1%20-1)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(40%2040)%20scale(-1%20-1)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),linear-gradient(rgba(252,252,253,.82),rgba(252,252,253,.82)),url("/web/image/24595/papel-textura-pareja.webp")!important;background-position:left 16px top 16px,right 16px top 16px,left 16px bottom 16px,right 16px bottom 16px,0 0,0 0!important;background-size:30px 30px,30px 30px,30px 30px,30px 30px,auto,300px 300px!important;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta .cdmc-hoja textarea,html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta .cdmc-l input{background-color:transparent!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send{background-image:linear-gradient(rgba(252,252,253,.82),rgba(252,252,253,.82)),url("/web/image/24595/papel-textura-pareja.webp")!important;background-size:auto,300px 300px!important} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-foto{position:relative!important;overflow:hidden!important;background:#0a1438!important;isolation:isolate} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-foto::before{content:"";position:absolute;inset:-10px;z-index:-2;background:linear-gradient(180deg,rgba(10,20,56,.15),rgba(10,20,56,.55)),url("/web/image/22506/700x900") center 42% / cover no-repeat;filter:blur(3px) saturate(1.15)} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-foto::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(1.6px 1.6px at 12% 30%,#fff6d8 50%,transparent),radial-gradient(1.2px 1.2px at 28% 65%,#fff 50%,transparent),radial-gradient(2px 2px at 46% 22%,#f3d68a 50%,transparent),radial-gradient(1.4px 1.4px at 63% 58%,#fff 50%,transparent),radial-gradient(1.8px 1.8px at 78% 28%,#fff6d8 50%,transparent),radial-gradient(1.2px 1.2px at 90% 70%,#f3d68a 50%,transparent),radial-gradient(1px 1px at 36% 40%,#fff 50%,transparent),radial-gradient(1.4px 1.4px at 70% 80%,#fff 50%,transparent);animation:cdmTitila 2.6s ease-in-out infinite;pointer-events:none} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-estado{z-index:2;position:absolute!important} @media (prefers-reduced-motion:reduce){html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv9-foto::after{animation:none}} html body.cdm-carta-on .cdmc-lado .cdmc-taller.cdmc-taller .cdmv-br2{position:absolute;inset:0;z-index:-1;background:radial-gradient(1.4px 1.4px at 20% 50%,#fff 50%,transparent),radial-gradient(1.8px 1.8px at 40% 75%,#f3d68a 50%,transparent),radial-gradient(1.2px 1.2px at 55% 35%,#fff6d8 50%,transparent),radial-gradient(1.6px 1.6px at 84% 45%,#fff 50%,transparent),radial-gradient(1px 1px at 8% 78%,#fff 50%,transparent),radial-gradient(1.4px 1.4px at 96% 20%,#f3d68a 50%,transparent);animation:cdmTitila2 3.4s ease-in-out infinite;pointer-events:none} /* filas que se deslizan: orillas difuminadas para que no se vea el corte */ @media (max-width:991.98px){html body .s_ecomm_categories_showcase_wrapper.s_ecomm_categories_showcase_wrapper{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)!important}} /* celular: fondo invernal vertical (tren visible) con velo blanco, desenfoque ligero, nieve y grano en escribenos, acceso y carrito vacio */ @media (max-width:991.98px){ html body.cdm-carta-on.cdm-carta-on,html body.cdm-carrito-vacio.cdm-carrito-vacio,html body:has(main .cdm-lg-wrap){background:#eef2f9!important;background-image:none!important} html body.cdm-carta-on.cdm-carta-on #wrapwrap,html body.cdm-carrito-vacio.cdm-carrito-vacio #wrapwrap,html body:has(main .cdm-lg-wrap) #wrapwrap,html body.cdm-carta-on.cdm-carta-on #wrapwrap > main,html body.cdm-carrito-vacio.cdm-carrito-vacio #wrapwrap > main,html body:has(main .cdm-lg-wrap) #wrapwrap > main,html body.cdm-carta-on.cdm-carta-on main,html body.cdm-carrito-vacio.cdm-carrito-vacio main,html body:has(main .cdm-lg-wrap) main{background:transparent!important;background-image:none!important} html body.cdm-carta-on.cdm-carta-on::before,html body.cdm-carrito-vacio.cdm-carrito-vacio::before,html body:has(main .cdm-lg-wrap)::before{content:""!important;position:fixed!important;inset:-8px!important;z-index:-1!important;display:block!important;background:linear-gradient(rgba(255,255,255,.45),rgba(255,255,255,.45)),url("/web/image/24596/fondo-invierno-celular.webp") 12% 100% / cover no-repeat!important;filter:blur(1px) saturate(1.05)!important;pointer-events:none!important} html body.cdm-carta-on.cdm-carta-on::after,html body.cdm-carrito-vacio.cdm-carrito-vacio::after,html body:has(main .cdm-lg-wrap)::after{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;display:block!important;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'180'%20height%3D'180'%3E%3Cfilter%20id%3D'g'%3E%3CfeTurbulence%20type%3D'fractalNoise'%20baseFrequency%3D'.85'%20numOctaves%3D'2'%20stitchTiles%3D'stitch'%2F%3E%3CfeColorMatrix%20values%3D'0%200%200%200%20.5%20%200%200%200%200%20.5%20%200%200%200%200%20.55%20%200%200%200%20.06%200'%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D'100%25'%20height%3D'100%25'%20filter%3D'url(%23g)'%2F%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'300'%20height%3D'300'%3E%3Cg%20fill%3D'%23ffffff'%3E%3Ccircle%20cx%3D'20'%20cy%3D'30'%20r%3D'1.6'%20opacity%3D'.9'%2F%3E%3Ccircle%20cx%3D'80'%20cy%3D'120'%20r%3D'1.2'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'150'%20cy%3D'60'%20r%3D'2'%20opacity%3D'.85'%2F%3E%3Ccircle%20cx%3D'220'%20cy%3D'180'%20r%3D'1.4'%20opacity%3D'.8'%2F%3E%3Ccircle%20cx%3D'270'%20cy%3D'40'%20r%3D'1.1'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'120'%20cy%3D'240'%20r%3D'1.8'%20opacity%3D'.85'%2F%3E%3Ccircle%20cx%3D'40'%20cy%3D'200'%20r%3D'1.2'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'190'%20cy%3D'280'%20r%3D'1.5'%20opacity%3D'.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'300'%20height%3D'300'%3E%3Cg%20fill%3D'%23ffffff'%3E%3Ccircle%20cx%3D'20'%20cy%3D'30'%20r%3D'1.6'%20opacity%3D'.9'%2F%3E%3Ccircle%20cx%3D'80'%20cy%3D'120'%20r%3D'1.2'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'150'%20cy%3D'60'%20r%3D'2'%20opacity%3D'.85'%2F%3E%3Ccircle%20cx%3D'220'%20cy%3D'180'%20r%3D'1.4'%20opacity%3D'.8'%2F%3E%3Ccircle%20cx%3D'270'%20cy%3D'40'%20r%3D'1.1'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'120'%20cy%3D'240'%20r%3D'1.8'%20opacity%3D'.85'%2F%3E%3Ccircle%20cx%3D'40'%20cy%3D'200'%20r%3D'1.2'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'190'%20cy%3D'280'%20r%3D'1.5'%20opacity%3D'.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;background-size:180px 180px,300px 300px,420px 420px!important;animation:cdmNieve 28s linear infinite!important;pointer-events:none!important;opacity:1!important} } @media (max-width:991.98px) and (prefers-reduced-motion:reduce){html body.cdm-carta-on.cdm-carta-on::after,html body.cdm-carrito-vacio.cdm-carrito-vacio::after,html body:has(main .cdm-lg-wrap)::after{animation:none!important}} /* ===== carrito vacio v3 (celular): cascanueces con carrito, icono vacio, espacios y colecciones deslizables con orillas difuminadas ===== */ @media (max-width:991.98px){ html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-oculto{display:none!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-hero.cdmv-hero{display:flex!important;flex-direction:column!important;padding:18px 20px 24px!important;margin-top:12px!important;overflow:hidden!important;border-radius:24px!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-hero .cdmv-ilus.cdmv-ilus{order:-1!important;position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:320px!important;height:164px!important;margin:0 auto 8px!important;background:url("/web/image/24594/carrito-vacio-cascanueces-carrito.webp") center bottom / contain no-repeat!important;filter:drop-shadow(0 14px 18px rgba(0,0,0,.35))!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-hero .cdmv-ilus *{display:none!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-hero .cdmv-tx{display:flex!important;flex-direction:column!important;align-items:flex-start!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-vacio{display:inline-flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;margin:0 0 12px;border-radius:50%;color:#dfb44c;background:rgba(223,180,76,.08);box-shadow:inset 0 0 0 1.2px rgba(223,180,76,.6)} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-vacio svg{width:22px;height:22px} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-vacio b{position:absolute;top:-4px;right:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#dfb44c;color:#0b1626;font:800 10px/18px Raleway,sans-serif;text-align:center;box-shadow:0 0 0 2px #0a1438} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-hero h1,html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-hero h2{margin:6px 0 10px!important;font-size:26px!important;line-height:1.15!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-hero p{margin:0 0 18px!important;font-size:14.5px!important;line-height:1.55!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-hero .cdmv-bts{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-hero .cdmv-bts a{width:100%!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-sec2{margin-top:30px!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-cols.cdmv-cols{gap:12px!important;padding:4px 20px 8px!important;scroll-snap-type:x mandatory!important;scroll-padding-left:20px!important;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)!important;mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)!important;scrollbar-width:none} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-cols::-webkit-scrollbar{display:none} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-cols .cdmv-col{flex:0 0 68%!important;width:auto!important;scroll-snap-align:start!important;margin:0!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-cols .cdmv-col .cdmv-foto{height:128px!important} } @media (max-width:991.98px){ html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-hero.cdmv-hero{padding:14px 20px 20px!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-hero .cdmv-ilus.cdmv-ilus{height:132px!important;margin-bottom:4px!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-vacio{width:38px!important;height:38px!important;margin-bottom:10px!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-vacio svg{width:19px!important;height:19px!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-hero h1,html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-hero h2{font-size:24px!important;margin:4px 0 8px!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-hero p{margin-bottom:16px!important;font-size:14px!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-hero .cdmv-bts a{min-height:46px!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-sec2{margin-top:26px!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-cats{row-gap:14px!important} } /* ventana del juego: mini partida, mas alta y centrada */ html body .cdmn.cdmn-bienvenida .cdmn-carta.cdmn-con-mp .cdmn-oculto{display:none!important} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmn-mp{margin:12px 0 14px} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp{position:relative;display:flex;flex-direction:column;gap:8px} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-bar{display:flex;justify-content:space-between;font:600 12.5px Raleway,sans-serif;color:#cfd5e6} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-bar b{color:#f3d68a;font-weight:800} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-tab{display:grid;gap:6px;padding:7px;border-radius:14px;background:linear-gradient(180deg,#16285c,#0e1b44);box-shadow:inset 0 0 0 1px rgba(223,180,76,.35),inset 0 4px 10px rgba(0,0,0,.35);touch-action:none;user-select:none} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-c{aspect-ratio:1;padding:0;border:0;border-radius:10px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .15s ease} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-c img{width:76%;height:76%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-c.sel{background:rgba(223,180,76,.25);box-shadow:0 0 0 2px #dfb44c,0 0 12px rgba(223,180,76,.6)} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-c.pum{animation:cdmmjPum .32s ease forwards} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-c.cae{animation:cdmmjCae .26s ease} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-c.no{animation:cdmmjNo .3s ease} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-c.pista{animation:cdmmjPista .9s ease-in-out infinite;box-shadow:0 0 0 1.5px rgba(223,180,76,.7)} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-pts{position:absolute;left:50%;top:48%;font:900 22px Raleway,sans-serif;color:#f3d68a;text-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:none;opacity:0} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-pts.on{animation:cdmmjPts .9s ease forwards} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-fin{display:none} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp.fin .cdmmp-fin{position:absolute;inset:-4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:14px;background:rgba(6,13,38,.94);text-align:center;animation:cdmmjMsg .35s ease;z-index:3} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-fin b{font:800 18px Raleway,sans-serif;color:#f3d68a} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-fin span{font:500 12.5px/1.4 Raleway,sans-serif;color:#d9deeb} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-est i{font-style:normal;font-size:22px;color:rgba(255,255,255,.2);margin:0 2px} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-est i.on{color:#dfb44c;text-shadow:0 0 10px rgba(223,180,76,.8)} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-ir{margin-top:3px;padding:10px 22px;border-radius:999px;background:#dfb44c;color:#0b1626!important;font:800 14px Raleway,sans-serif;text-decoration:none!important} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmmp-otra{border:0;background:none;color:#cfd5e6;font:600 12px Raleway,sans-serif;text-decoration:underline;cursor:pointer} @media (max-width:991.98px){html body .cdmn.cdmn.abierto .cdmn-panel.cdmn-carta.cdmn-con-mp.cdmn-con-mp{position:fixed!important;top:50%!important;bottom:auto!important;left:50%!important;right:auto!important;margin:0!important;height:auto!important;width:min(360px,calc(100vw - 28px))!important;max-height:none!important;transform:translate(-50%,calc(-50% + 50px))!important;overflow:visible!important}} /* contacto v31: textura un poco mas visible; boton con estilo de matasellos (tinta azul, anillo punteado y la C) */ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D''%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(40%200)%20scale(-1%201)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(0%2040)%20scale(1%20-1)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(40%2040)%20scale(-1%20-1)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),linear-gradient(rgba(252,252,253,.62),rgba(252,252,253,.62)),url("/web/image/24595/papel-textura-pareja.webp")!important;background-position:left 16px top 16px,right 16px top 16px,left 16px bottom 16px,right 16px bottom 16px,0 0,0 0!important;background-size:30px 30px,30px 30px,30px 30px,30px 30px,auto,300px 300px!important;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send.s_website_form_send{padding:0 26px 0 74px!important;min-height:54px!important;border-radius:999px!important;border:1.3px solid rgba(43,63,120,.6)!important;background-color:#fbfcfd!important;background-image:linear-gradient(rgba(252,252,253,.7),rgba(252,252,253,.7)),url("/web/image/24595/papel-textura-pareja.webp")!important;background-size:auto,300px 300px!important;box-shadow:inset 0 0 0 4px rgba(251,252,253,.9),inset 0 0 0 5px rgba(43,63,120,.0)!important;outline:1px dashed rgba(43,63,120,.45)!important;outline-offset:-6px!important;color:#2b3f78!important;-webkit-text-fill-color:#2b3f78!important;font-family:Cinzel,'Times New Roman',serif!important;font-weight:700!important;font-size:16px!important;letter-spacing:.04em!important;transition:transform .15s ease,color .15s ease,border-color .15s ease!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send.s_website_form_send::after{content:""!important;display:block!important;width:34px!important;height:20px!important;margin-left:10px!important;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2024'%20fill%3D'none'%20stroke%3D'%232b3f78'%20stroke-opacity%3D'.45'%20stroke-width%3D'1.1'%3E%3Cpath%20d%3D'M1%206c4-3%208%203%2012%200s8%203%2012%200M1%2012c4-3%208%203%2012%200s8%203%2012%200M1%2018c4-3%208%203%2012%200s8%203%2012%200'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat!important;opacity:.9} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send.s_website_form_send:hover{transform:translateY(-2px) rotate(-.5deg)!important;border-color:rgba(43,63,120,.85)!important;color:#0a1438!important;-webkit-text-fill-color:#0a1438!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send.s_website_form_send .cdmc-lacre.cdmc-lacre{left:-6px!important;width:62px!important;height:62px!important;border-radius:50%!important;background:transparent!important;background-image:none!important;border:1.4px solid rgba(43,63,120,.6)!important;box-shadow:0 0 0 4px #fbfcfd!important;transform:translateY(-50%) rotate(-12deg)!important;animation:none!important;-webkit-mask:none!important;mask:none!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send.s_website_form_send .cdmc-lacre.cdmc-lacre::before{content:""!important;display:block!important;position:absolute!important;inset:5px!important;border-radius:50%!important;border:1px dashed rgba(43,63,120,.5)!important;background:none!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send.s_website_form_send .cdmc-lacre.cdmc-lacre::after{content:""!important;display:block!important;position:absolute!important;inset:15px!important;background:rgba(43,63,120,.7)!important;-webkit-mask:url("/web/image/22055") center / contain no-repeat!important;mask:url("/web/image/22055") center / contain no-repeat!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send.s_website_form_send:hover .cdmc-lacre.cdmc-lacre{transform:translateY(-50%) rotate(-4deg)!important} /* mini partida: celebracion al ganar (confeti, estrellas y boton que llama la atencion) */ @keyframes cdmConfeti{0%{transform:translate(-50%,-50%) rotate(0) scale(1);opacity:1}80%{opacity:1}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r)) scale(.7);opacity:0}} @keyframes cdmEstrella{0%{transform:scale(0) rotate(-40deg);opacity:0}60%{transform:scale(1.35) rotate(10deg);opacity:1}100%{transform:scale(1) rotate(0)}} @keyframes cdmGanaste{0%{transform:translateY(8px) scale(.9);opacity:0}100%{transform:none;opacity:1}} @keyframes cdmLatidoBtn{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(243,214,138,.55),0 8px 18px -8px rgba(0,0,0,.5)}50%{transform:scale(1.06);box-shadow:0 0 0 8px rgba(243,214,138,0),0 10px 22px -8px rgba(0,0,0,.55)}} @keyframes cdmBarrido{0%,55%{left:-60%}100%{left:130%}} .cdmmp .cdmmp-fin{overflow:hidden} .cdmmp-confeti{position:absolute;inset:0;pointer-events:none;z-index:0} .cdmmp-confeti i{position:absolute;left:50%;top:42%;width:7px;height:11px;border-radius:2px;animation:cdmConfeti 1.5s cubic-bezier(.15,.7,.3,1) forwards} .cdmmp-confeti i.b{width:6px;height:6px;border-radius:50%} .cdmmp-confeti i.e{width:12px;height:12px;border-radius:0;background:transparent!important;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);background-color:#f3d68a!important} .cdmmp-fin > *:not(.cdmmp-confeti){position:relative;z-index:1} .cdmmp.fin .cdmmp-est i{display:inline-block;animation:cdmEstrella .55s cubic-bezier(.2,.8,.3,1.2) backwards} .cdmmp.fin .cdmmp-est i:nth-child(1){animation-delay:.15s} .cdmmp.fin .cdmmp-est i:nth-child(2){animation-delay:.3s} .cdmmp.fin .cdmmp-est i:nth-child(3){animation-delay:.45s} .cdmmp.fin .cdmmp-fin b{animation:cdmGanaste .4s ease .5s backwards} .cdmmp.fin .cdmmp-ir{position:relative;overflow:hidden;animation:cdmGanaste .4s ease .7s backwards,cdmLatidoBtn 1.4s ease-in-out 1.2s infinite} .cdmmp.fin .cdmmp-ir::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg);animation:cdmBarrido 2.4s ease-in-out 1.2s infinite} @media (prefers-reduced-motion:reduce){.cdmmp-confeti{display:none}.cdmmp.fin .cdmmp-ir,.cdmmp.fin .cdmmp-ir::after,.cdmmp.fin .cdmmp-est i{animation:none!important}} /* celular: acceso y crear cuenta caben en una sola pantalla; cascanueces completo y mas arriba */ @media (max-width:991.98px){ html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed{padding:16px 18px 14px!important;min-height:0!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed .k1{font-size:9.5px!important;margin:0 0 4px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed .t1{font-size:12px!important;letter-spacing:.32em!important;margin:0!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed .t2{font-size:30px!important;line-height:1.05!important;margin:0 0 8px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul{margin:4px 0 0!important;gap:6px!important;max-width:calc(100% - 104px)!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li{font-size:12px!important;line-height:1.3!important;gap:10px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul li > span:first-child{width:22px!important;height:22px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed::after{width:98px!important;height:114px!important;right:4px!important;bottom:0!important;top:auto!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container{padding-top:16px!important;padding-bottom:16px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container .k1,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container i:not(.fa),html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container .sb{display:none!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container .k2{font-size:21px!important;margin:0 0 10px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container form label{font-size:12px!important;margin-bottom:3px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container form input.form-control{height:44px!important;min-height:44px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container form .mb-3,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container form .field-login,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container form .field-name,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container form .field-password,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container form .field-confirm_password{margin-bottom:10px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container form .oe_login_buttons{margin-top:12px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap .oe_website_login_container.oe_website_login_container form .oe_login_buttons button[type=submit]{min-height:46px!important} } /* celular: crear cuenta todavia mas compacta (franja con titulo y cascanueces) */ @media (max-width:991.98px){ html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed{padding:14px 18px 12px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed ul,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed .k1{display:none!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed .t2{font-size:27px!important;margin:0!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .cdm-lg-ed.cdm-lg-ed.cdm-lg-ed.cdm-lg-ed::after{width:66px!important;height:77px!important;right:10px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .oe_website_login_container.oe_website_login_container.oe_website_login_container{padding-top:12px!important;padding-bottom:12px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .oe_website_login_container.oe_website_login_container.oe_website_login_container .k2{font-size:20px!important;margin:0 0 8px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .oe_website_login_container.oe_website_login_container.oe_website_login_container form input.form-control{height:42px!important;min-height:42px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .oe_website_login_container.oe_website_login_container.oe_website_login_container form .mb-3,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .oe_website_login_container.oe_website_login_container.oe_website_login_container form .field-login,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .oe_website_login_container.oe_website_login_container.oe_website_login_container form .field-name,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .oe_website_login_container.oe_website_login_container.oe_website_login_container form .field-password,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .oe_website_login_container.oe_website_login_container.oe_website_login_container form .field-confirm_password{margin-bottom:7px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .oe_website_login_container.oe_website_login_container.oe_website_login_container .o_login_auth{margin-top:8px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .oe_website_login_container.oe_website_login_container.oe_website_login_container .oe_login_buttons + *,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .oe_website_login_container.oe_website_login_container.oe_website_login_container form .oe_login_buttons > *{margin-top:6px!important} html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .oe_website_login_container.oe_website_login_container.oe_website_login_container em,html body main .cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap.cdm-lg-wrap:has(form.oe_signup_form) .oe_website_login_container.oe_website_login_container.oe_website_login_container .o_login_auth em{margin:8px 0!important} } /* ===== Escribenos celular: carta compacta (opcion A) ===== */ @media (max-width:991.98px){ html body.cdm-carta-on.cdmc-movil .cdmc-oculto,html body.cdm-carta-on.cdmc-movil main section.s_title{display:none!important} html body.cdm-carta-on.cdmc-movil main{padding:14px 0 36px!important} html body.cdm-carta-on.cdmc-movil .cdmc-cab{margin:0 auto 12px!important;padding:0 18px!important} html body.cdm-carta-on.cdmc-movil .cdmc-cab .cdmc-k::before,html body.cdm-carta-on.cdmc-movil .cdmc-cab .cdmc-k::after{width:48px!important} html body.cdm-carta-on.cdmc-movil .cdmc-cab h1{font-size:27px!important;margin:4px 0!important} html body.cdm-carta-on.cdmc-movil .cdmc-cab p{font-size:15px!important;line-height:1.4!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid.cdmc-grid{display:flex!important;flex-direction:column!important;gap:12px!important;width:auto!important;max-width:none!important;margin:0 12px!important;padding:0!important;left:auto!important;transform:none!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta{padding:22px 18px 18px!important;display:block!important;min-height:0!important;background-size:22px 22px,22px 22px,22px 22px,22px 22px,auto,300px 300px!important;background-position:left 10px top 10px,right 10px top 10px,left 10px bottom 10px,right 10px bottom 10px,0 0,0 0!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-matasellos{display:none!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-timbre{width:50px!important;height:70px!important;top:14px!important;right:14px!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-saludo{font-size:30px!important;margin:0 64px 14px 0!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-p.cdmc-p-filas{display:block!important;margin:0!important;line-height:normal!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-fila{display:flex;flex-direction:column;gap:2px;margin:0 0 12px} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-et{font-family:'Cormorant Garamond',Georgia,serif;font-size:16px;font-weight:500;color:#1f2a48} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-fila .cdmc-l,html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-fila .cdmc-l .cdmc-caja{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-fila .cdmc-l input{width:100%!important;max-width:100%!important;height:38px!important;font-size:15px!important;padding:0 2px!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-caja label,html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-caja .s_website_form_label{display:none!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-caja .row{display:block!important;margin:0!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-caja [class*="col"]{padding:0!important;width:100%!important;max-width:100%!important;flex:none!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-motivo{display:block!important;width:100%!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-motivo .cdmc-opc.cdmc-opc{min-width:0!important;left:0!important;right:0!important;width:100%!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-hoja{margin:2px 0 12px!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-hoja textarea{min-height:136px!important;height:136px!important;width:100%!important;font-size:14px!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-pie{margin-top:6px!important;justify-content:center!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-bt,html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send{width:100%!important} html body.cdm-carta-on.cdmc-movil .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send{justify-content:center!important;padding:0 18px 0 70px!important} html body.cdm-carta-on.cdmc-movil .cdmc-lado.cdmc-lado{display:flex!important;flex-direction:column!important;gap:10px!important;height:auto!important} html body.cdm-carta-on.cdmc-movil .cdmc-lado .cdmc-taller{display:none!important} html body.cdm-carta-on.cdmc-movil .cdmc-franja-show{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:16px;background:#fcfcfd;box-shadow:0 0 0 1px #e6e2d6,0 12px 24px -16px rgba(10,20,56,.35)} html body.cdm-carta-on.cdmc-movil .cdmc-fs-tx{display:flex;flex-direction:column;gap:2px;min-width:0} html body.cdm-carta-on.cdmc-movil .cdmc-fs-tx b{font:700 13px Raleway,sans-serif;color:#0a1438} html body.cdm-carta-on.cdmc-movil .cdmc-fs-tx i{font:600 11.5px Raleway,sans-serif;font-style:normal;color:#8a6b2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html body.cdm-carta-on.cdmc-movil .cdmc-franja-show.abierto .cdmc-fs-tx i{color:#1f8a4c} html body.cdm-carta-on.cdmc-movil .cdmc-franja-show.abierto .cdmc-fs-tx i::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#1f9d55;margin-right:6px;vertical-align:1px} html body.cdm-carta-on.cdmc-movil .cdmc-fs-bts{display:flex;gap:6px;flex:none} html body.cdm-carta-on.cdmc-movil .cdmc-fs-bts a{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px!important;padding:0 14px!important;border-radius:999px!important;font:800 12.5px Raleway,sans-serif!important;text-decoration:none!important;width:auto!important} html body.cdm-carta-on.cdmc-movil .cdmc-fs-bts a.cdmv9-ir{background:#dfb44c!important;color:#0b1626!important} html body.cdm-carta-on.cdmc-movil .cdmc-fs-bts a.cdmv9-wa{width:38px!important;padding:0!important;border:1.5px solid #0a1438!important;color:#0a1438!important;background:transparent!important;font-size:16px!important} html body.cdm-carta-on.cdmc-movil .cdmc-franja-juego{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 16px;border:0;border-radius:16px;background:linear-gradient(180deg,#0e1b44,#050b1f);color:#f3d68a;font:700 14px Cinzel,'Times New Roman',serif;letter-spacing:.02em;text-align:left;box-shadow:inset 0 0 0 1px rgba(223,180,76,.5),0 12px 24px -16px rgba(5,11,31,.7)} html body.cdm-carta-on.cdmc-movil .cdmc-franja-juego span{width:30px;height:30px;border-radius:50%;background:#dfb44c;color:#0b1626;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:none} html body.cdm-carta-on.cdmc-movil .cdmc-franja-juego i{margin-left:auto;font:600 10.5px Raleway,sans-serif;font-style:normal;color:#cfd5e6;letter-spacing:.04em} html body.cdm-carta-on.cdmc-movil .cdmc-franja-juego.on{border-radius:16px 16px 0 0} html body.cdm-carta-on.cdmc-movil .cdmc-lado .cdmc-juego.cdmc-juego{margin-top:-10px!important;border-radius:0 0 16px 16px!important} html body.cdm-carta-on.cdmc-movil .cdmc-lado .cdmc-juego.cdmc-plegado{display:none!important} } /* compu, paginas cortas: la primera pantalla se ve limpia (sin el pie) y el pie entra con animacion al bajar */ @media (min-width:992px){ html body.cdm-carta-on #wrapwrap > main,html.cdm-pildora-fija.cdm-pildora-fija body #wrapwrap > main{min-height:100vh!important} html.cdm-pie-anim body #wrapwrap > footer,html.cdm-pie-anim body footer#bottom{opacity:0;transform:translateY(70px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)!important} html.cdm-pie-anim.cdm-pie-visible body #wrapwrap > footer,html.cdm-pie-anim.cdm-pie-visible body footer#bottom{opacity:1;transform:none} } @media (min-width:992px) and (prefers-reduced-motion:reduce){html.cdm-pie-anim body #wrapwrap > footer,html.cdm-pie-anim body footer#bottom{opacity:1!important;transform:none!important;transition:none!important}} /* boton de la carta: sello de tinta limpio (tapa las lineas del boton y anillos centrados) */ html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send.s_website_form_send .cdmc-lacre.cdmc-lacre.cdmc-lacre{z-index:2!important;background-color:#fbfcfd!important;background-image:linear-gradient(rgba(252,252,253,.7),rgba(252,252,253,.7)),url("/web/image/24595/papel-textura-pareja.webp")!important;background-size:auto,300px 300px!important;border:1.4px solid rgba(43,63,120,.62)!important;box-shadow:0 0 0 3px #fbfcfd,0 4px 10px -4px rgba(10,20,56,.25)!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send.s_website_form_send .cdmc-lacre.cdmc-lacre.cdmc-lacre::before{inset:4px!important;border:1px dashed rgba(43,63,120,.5)!important;box-sizing:border-box!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta.cdmc-carta.cdmc-carta.cdmc-carta .cdmc-bt .s_website_form_send.s_website_form_send.s_website_form_send .cdmc-lacre.cdmc-lacre.cdmc-lacre::after{inset:14px!important} /* ===== BOTON DEL JUEGO EN CELULAR: regla unica final (reemplaza todas las anteriores) ===== */ @keyframes cdmjEntra{0%{transform:translateY(40px) scale(.7);opacity:0}70%{transform:translateY(-4px) scale(1.03);opacity:1}100%{transform:none;opacity:1}} @keyframes cdmjSaluda{0%,84%,100%{transform:none;box-shadow:0 0 0 2.5px #fff,0 0 0 4px rgba(223,180,76,.6),0 8px 16px rgba(0,0,0,.3)}87%{transform:rotate(-12deg) scale(1.1);box-shadow:0 0 0 2.5px #fff,0 0 0 7px rgba(243,214,138,.75),0 0 22px rgba(243,214,138,.9)}90%{transform:rotate(10deg) scale(1.1)}93%{transform:rotate(-6deg) scale(1.05)}96%{transform:rotate(3deg)}} @media (max-width:991.98px){ html body .cdmn:not(#cdmz1):not(#cdmz2):not(#cdmz3){right:12px!important;left:auto!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;opacity:1!important;width:auto!important;transition:none!important} html body .cdmn:not(#cdmz1):not(#cdmz2):not(#cdmz3) .cdmn-bt:not(#cdmz4):not(#cdmz5):not(#cdmz6){position:relative!important;left:0!important;display:inline-flex!important;align-items:center!important;height:44px!important;min-width:0!important;max-width:170px!important;padding:0 16px 0 54px!important;margin:0!important;border-radius:999px!important;border:1.5px solid rgba(255,255,255,.95)!important;background:linear-gradient(180deg,#f6dc8f 0%,#dfb44c 55%,#c4952f 100%)!important;box-shadow:0 8px 18px -6px rgba(120,85,20,.55)!important;overflow:visible!important;rotate:none!important;opacity:1!important;animation:cdmjEntra .6s cubic-bezier(.2,.8,.3,1.2) both!important;transition:left .35s ease 0s,max-width .25s ease .3s,padding .25s ease .3s,background-color .2s ease .3s,border-color .2s ease .3s,box-shadow .2s ease .3s!important} html body .cdmn:not(#cdmz1):not(#cdmz2):not(#cdmz3) .cdmn-bt:not(#cdmz4):not(#cdmz5):not(#cdmz6)::after{content:"¡Juega!"!important;color:#0b1626!important;-webkit-text-fill-color:#0b1626!important;font:800 15px/1 Raleway,sans-serif!important;white-space:nowrap!important;text-shadow:none!important;opacity:1!important;transition:opacity .2s ease .35s!important} html body .cdmn:not(#cdmz1):not(#cdmz2):not(#cdmz3) .cdmn-bt:not(#cdmz4):not(#cdmz5):not(#cdmz6)::before{left:-6px!important;top:50%!important;margin-top:-25px!important;width:50px!important;height:50px!important;border-radius:50%!important;animation:cdmjSaluda 4.5s ease-in-out 1s infinite!important;transform-origin:50% 80%!important} html body .cdmn:not(#cdmz1):not(#cdmz2):not(#cdmz3).esconde:not(.abierto) .cdmn-bt:not(#cdmz4):not(#cdmz5):not(#cdmz6){left:35px!important;max-width:44px!important;padding:0!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;transition:max-width .25s ease 0s,padding .25s ease 0s,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,left .35s ease .25s!important} html body .cdmn:not(#cdmz1):not(#cdmz2):not(#cdmz3).esconde:not(.abierto) .cdmn-bt:not(#cdmz4):not(#cdmz5):not(#cdmz6)::after{opacity:0!important;transition:opacity .15s ease 0s!important} } @media (max-width:991.98px) and (prefers-reduced-motion:reduce){html body .cdmn:not(#cdmz1):not(#cdmz2):not(#cdmz3) .cdmn-bt:not(#cdmz4):not(#cdmz5):not(#cdmz6),html body .cdmn:not(#cdmz1):not(#cdmz2):not(#cdmz3) .cdmn-bt:not(#cdmz4):not(#cdmz5):not(#cdmz6)::before{animation:none!important}} /* celular: iconos de beneficios del acceso a 22 px (corrige choque con la regla de iconos vectoriales) */ @media (max-width:991.98px){html body main .cdm-lg-wrap .cdm-lg-ed:not(#cdmq1):not(#cdmq2) ul li > span:first-child{width:22px!important;height:22px!important}} /* escribenos: subtitulo en Raleway, campos sin azul del autollenado y seccion centrada en compu */ html body.cdm-carta-on .cdmc-cab p.cdmc-cab-sub,html body.cdm-carta-on .cdmc-cab.cdmc-cab p{font-family:Raleway,sans-serif!important;font-style:normal!important;font-weight:500!important;font-size:15px!important;color:#3a4566!important;letter-spacing:.01em!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta input:-webkit-autofill,html body.cdm-carta-on .cdmc-grid form .cdmc-carta input:-webkit-autofill:hover,html body.cdm-carta-on .cdmc-grid form .cdmc-carta input:-webkit-autofill:focus,html body.cdm-carta-on .cdmc-grid form .cdmc-carta textarea:-webkit-autofill{-webkit-text-fill-color:#0a1438!important;caret-color:#0a1438!important;transition:background-color 99999s ease-out 0s,color 99999s ease-out 0s!important;-webkit-box-shadow:0 0 0 0 transparent inset!important;box-shadow:none!important;background-color:transparent!important} html body.cdm-carta-on .cdmc-grid form .cdmc-carta input:autofill{background:transparent!important} @media (min-width:992px){html body.cdm-carta-on #wrapwrap > main{min-height:100vh!important;padding-top:0!important;padding-bottom:30px!important}} @media (max-width:991.98px){html body.cdm-carta-on .cdmc-cab.cdmc-cab p{font-size:14px!important}} /* ===== Gracias por escribir: carta enviada (compu y celular) ===== */ @keyframes cdmgEntra{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}} @keyframes cdmgSella{0%{opacity:0;transform:scale(1.8) rotate(-30deg)}60%{opacity:1;transform:scale(.92) rotate(-12deg)}100%{opacity:.85;transform:scale(1) rotate(-14deg)}} html body.cdm-gracias-on{background:#eef2f9!important} html body.cdm-gracias-on #wrapwrap,html body.cdm-gracias-on #wrapwrap > main{background:transparent!important} html body.cdm-gracias-on::before{content:"";position:fixed;inset:-12px;z-index:-1;background:linear-gradient(rgba(255,255,255,.55),rgba(255,255,255,.55)),url("/web/image/24536/contacto-fondo-invierno-hd.webp") center bottom / cover no-repeat;filter:blur(2px) saturate(1.05);pointer-events:none} html body.cdm-gracias-on::after{content:"";position:fixed;inset:0;z-index:-1;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'300'%20height%3D'300'%3E%3Cg%20fill%3D'%23ffffff'%3E%3Ccircle%20cx%3D'20'%20cy%3D'30'%20r%3D'1.6'%20opacity%3D'.9'%2F%3E%3Ccircle%20cx%3D'80'%20cy%3D'120'%20r%3D'1.2'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'150'%20cy%3D'60'%20r%3D'2'%20opacity%3D'.85'%2F%3E%3Ccircle%20cx%3D'220'%20cy%3D'180'%20r%3D'1.4'%20opacity%3D'.8'%2F%3E%3Ccircle%20cx%3D'270'%20cy%3D'40'%20r%3D'1.1'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'120'%20cy%3D'240'%20r%3D'1.8'%20opacity%3D'.85'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'300'%20height%3D'300'%3E%3Cg%20fill%3D'%23ffffff'%3E%3Ccircle%20cx%3D'20'%20cy%3D'30'%20r%3D'1.6'%20opacity%3D'.9'%2F%3E%3Ccircle%20cx%3D'80'%20cy%3D'120'%20r%3D'1.2'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'150'%20cy%3D'60'%20r%3D'2'%20opacity%3D'.85'%2F%3E%3Ccircle%20cx%3D'220'%20cy%3D'180'%20r%3D'1.4'%20opacity%3D'.8'%2F%3E%3Ccircle%20cx%3D'270'%20cy%3D'40'%20r%3D'1.1'%20opacity%3D'.7'%2F%3E%3Ccircle%20cx%3D'120'%20cy%3D'240'%20r%3D'1.8'%20opacity%3D'.85'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-size:300px 300px,420px 420px;animation:cdmNieve 28s linear infinite;pointer-events:none} html body.cdm-gracias-on .cdmg-oculto{display:none!important} html body.cdm-gracias-on #wrapwrap > main{display:flex!important;align-items:center!important;justify-content:center!important;min-height:100vh!important;padding:96px 16px 70px!important} html body.cdm-gracias-on .cdmg{width:100%;display:flex;justify-content:center} html body.cdm-gracias-on .cdmg-carta{position:relative;width:min(600px,100%);padding:56px 48px 40px;border-radius:24px;text-align:center;background-color:#fbfcfd;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D''%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(40%200)%20scale(-1%201)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(0%2040)%20scale(1%20-1)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2040'%20fill%3D'none'%20stroke%3D'%23c9a24a'%20stroke-linecap%3D'round'%3E%3Cg%20transform%3D'translate(40%2040)%20scale(-1%20-1)'%3E%3Cpath%20d%3D'M3%2026V3h23'%20stroke-width%3D'1.3'%2F%3E%3Cpath%20d%3D'M8%2020V8h12'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3Cpath%20d%3D'M3%203l5%205'%20stroke-width%3D'.9'%20stroke-opacity%3D'.7'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),linear-gradient(rgba(252,252,253,.62),rgba(252,252,253,.62)),url("/web/image/24595/papel-textura-pareja.webp");background-position:left 16px top 16px,right 16px top 16px,left 16px bottom 16px,right 16px bottom 16px,0 0,0 0;background-size:30px 30px,30px 30px,30px 30px,30px 30px,auto,300px 300px;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat;box-shadow:inset 0 0 0 1px #e6e2d6,inset 0 0 0 9px rgba(251,252,253,.85),inset 0 0 0 10px rgba(201,162,74,.45),0 34px 70px -36px rgba(10,20,56,.45);opacity:0} html body.cdm-gracias-on .cdmg.on .cdmg-carta{animation:cdmgEntra .6s cubic-bezier(.2,.8,.2,1) .1s forwards} html body.cdm-gracias-on .cdmg-timbre{position:absolute;top:22px;right:28px;width:72px;height:100px;background:url("/web/image/24538/contacto-timbre-magnific.webp") center / contain no-repeat;mix-blend-mode:multiply} html body.cdm-gracias-on .cdmg-sello{position:absolute;top:34px;right:78px;width:128px;height:78px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20150%2090'%20fill%3D'none'%20stroke%3D'%232b3f78'%20stroke-opacity%3D'.55'%20stroke-width%3D'1.2'%3E%3Cpath%20d%3D'M2%2030c10-6%2020%206%2030%200s20%206%2030%200M2%2042c10-6%2020%206%2030%200s20%206%2030%200M2%2054c10-6%2020%206%2030%200s20%206%2030%200M2%2066c10-6%2020%206%2030%200s20%206%2030%200'%2F%3E%3Ccircle%20cx%3D'108'%20cy%3D'45'%20r%3D'38'%2F%3E%3Ccircle%20cx%3D'108'%20cy%3D'45'%20r%3D'32'%20stroke-dasharray%3D'1.5%203'%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;opacity:0} html body.cdm-gracias-on .cdmg-sello::after{content:"";position:absolute;top:50%;left:72%;width:34%;height:52%;transform:translate(-50%,-50%);background:rgba(43,63,120,.65);-webkit-mask:url("/web/image/22055") center / contain no-repeat;mask:url("/web/image/22055") center / contain no-repeat} html body.cdm-gracias-on .cdmg.on .cdmg-sello{animation:cdmgSella .55s cubic-bezier(.2,.8,.3,1.2) .7s forwards} html body.cdm-gracias-on .cdmg-k{display:block;font:800 11px Raleway,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#b8902f} html body.cdm-gracias-on .cdmg-t{margin:10px auto 6px!important;max-width:420px;font-family:Cinzel,'Times New Roman',serif!important;font-size:30px!important;line-height:1.15!important;color:#0a1438!important;text-transform:none!important} html body.cdm-gracias-on .cdmg-firma{margin:0 0 14px!important;font-family:'Dancing Script',cursive!important;font-size:26px!important;color:#183b8c!important} html body.cdm-gracias-on .cdmg-p{margin:0 auto 26px!important;max-width:420px;font:500 15.5px/1.6 Raleway,sans-serif!important;color:#3a4566!important} html body.cdm-gracias-on .cdmg-bts{display:flex;flex-wrap:wrap;gap:12px;justify-content:center} html body.cdm-gracias-on .cdmg-bts a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;font:700 15px Cinzel,'Times New Roman',serif;letter-spacing:.03em;text-decoration:none!important;transition:transform .15s ease} html body.cdm-gracias-on .cdmg-bts a:hover{transform:translateY(-2px)} html body.cdm-gracias-on .cdmg-bt1{background:linear-gradient(180deg,#0e1b44,#050b1f);color:#f3d68a!important;box-shadow:inset 0 0 0 1px rgba(223,180,76,.5),0 12px 22px -14px rgba(5,11,31,.7)} html body.cdm-gracias-on .cdmg-bt2{background:linear-gradient(180deg,#f3d68a,#dfb44c 55%,#c99a3a);color:#0b1626!important;box-shadow:0 12px 22px -14px rgba(120,85,20,.6)} html body.cdm-gracias-on .cdmg-juego{display:inline-block;margin-top:18px;font:700 13.5px Raleway,sans-serif;color:#b8902f!important;text-decoration:none!important} html body.cdm-gracias-on .cdmg-juego:hover{text-decoration:underline!important} @media (max-width:767.98px){ html body.cdm-gracias-on::before{background:linear-gradient(rgba(255,255,255,.45),rgba(255,255,255,.45)),url("/web/image/24596/fondo-invierno-celular.webp") 12% 100% / cover no-repeat} html body.cdm-gracias-on #wrapwrap > main{padding:88px 14px 56px!important;align-items:flex-start!important} html body.cdm-gracias-on .cdmg-carta{padding:96px 22px 30px;background-size:22px 22px,22px 22px,22px 22px,22px 22px,auto,300px 300px} html body.cdm-gracias-on .cdmg-timbre{top:18px;right:50%;margin-right:-28px;width:56px;height:78px} html body.cdm-gracias-on .cdmg-sello{top:28px;right:50%;margin-right:-6px;width:96px;height:58px} html body.cdm-gracias-on .cdmg-t{font-size:25px!important} html body.cdm-gracias-on .cdmg-firma{font-size:23px!important} html body.cdm-gracias-on .cdmg-p{font-size:14.5px!important} html body.cdm-gracias-on .cdmg-bts{flex-direction:column} html body.cdm-gracias-on .cdmg-bts a{width:100%;min-height:48px} } @media (prefers-reduced-motion:reduce){html body.cdm-gracias-on .cdmg-carta{opacity:1;animation:none!important}html body.cdm-gracias-on .cdmg-sello{opacity:.85;animation:none!important}} @media (min-width:768px){html body.cdm-gracias-on #wrapwrap > main{min-height:calc(100vh - 90px)!important;padding:24px 16px 60px!important}html body.cdm-gracias-on .cdmg-t{max-width:370px!important}} /* ===== ventana del juego v2: foto de Red Symphony tras el tablero, piezas con volumen, pista viva, boton centrado; bienvenida con velo y 540 px en compu ===== */ @keyframes cdmnPistaViva{0%,55%,100%{transform:scale(1);box-shadow:0 4px 8px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.14)}68%{transform:scale(1.15);box-shadow:0 7px 14px rgba(0,0,0,.6),0 0 0 2px #f3d68a,0 0 18px rgba(243,214,138,.9)}80%{transform:scale(1)}} @keyframes cdmnPopNuez{0%{transform:scale(.6) translateY(20px);opacity:0}65%{transform:scale(1.08) translateY(-4px);opacity:1}100%{transform:none;opacity:1}} @keyframes cdmbPulso{0%,100%{box-shadow:0 0 0 0 rgba(243,214,138,.55),0 10px 20px -10px rgba(120,85,20,.6)}50%{box-shadow:0 0 0 9px rgba(243,214,138,0),0 10px 20px -10px rgba(120,85,20,.6)}} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmn-p b{color:#f3d68a} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmn-rs .cdmmp-tab{position:relative!important;isolation:isolate;overflow:hidden!important;background:#3a1018!important;box-shadow:inset 0 0 0 1px rgba(223,180,76,.45)!important;padding-bottom:22px!important} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmn-rs .cdmmp-tab::before{content:"";position:absolute;inset:-16px;z-index:-1;background:url("/web/image/22506/700x900") center 40% / cover no-repeat;filter:blur(8px) brightness(.42) saturate(1.2)} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmn-rs .cdmmp-c{background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05))!important;box-shadow:0 4px 8px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.14)!important} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmn-rs .cdmmp-c.pista{animation:cdmnPistaViva 2s ease-in-out infinite!important} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmn-etq{position:absolute;left:9px;bottom:5px;z-index:1;font:800 9.5px Raleway,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:rgba(243,214,138,.92);pointer-events:none} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmn-jugar{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding-left:20px!important;padding-right:20px!important;text-align:center!important;text-indent:0!important} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmn-jugar::before,html body .cdmn .cdmn-carta.cdmn-con-mp .cdmn-jugar::after{display:none!important} html body .cdmn .cdmn-carta.cdmn-con-mp .cdmn-jugar .cdmn-ico{display:inline-flex;margin:0;font-size:.85em;line-height:1} .cdmb-velo{position:fixed;inset:0;z-index:1030;background:rgba(5,11,31,.38);-webkit-backdrop-filter:blur(8px) brightness(.65);backdrop-filter:blur(8px) brightness(.65);opacity:0;transition:opacity .3s ease} .cdmb-velo.on{opacity:1} html.cdmb-abierta body .cdmn.cdmn-bienvenida{z-index:1040!important} html body .cdmn.cdmn-bienvenida.abierto .cdmn-panel .cdmn-fig{animation:cdmnPopNuez .45s cubic-bezier(.2,.8,.3,1.3) both} html body .cdmn.cdmn-bienvenida.abierto .cdmn-panel .cdmn-jugar{animation:cdmbPulso 1.8s ease-in-out 1s infinite} html body .cdmn.cdmn-bienvenida.abierto .cdmn-panel .cdmn-no{display:block!important;margin:10px auto 0!important;font:500 13px Raleway,sans-serif!important;color:rgba(246,236,214,.68)!important;text-decoration:none!important;background:none!important;border:0!important} @media (min-width:1025px){ html body .cdmn.cdmn-bienvenida.abierto .cdmn-panel.cdmn-carta{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:min(540px,92vw)!important;max-height:none!important;overflow:visible!important;transform:translate(-50%,calc(-50% + 50px))!important;margin:0!important} } @media (prefers-reduced-motion:reduce){html body .cdmn .cdmn-carta.cdmn-con-mp .cdmn-rs .cdmmp-c.pista,html body .cdmn.cdmn-bienvenida.abierto .cdmn-panel .cdmn-fig,html body .cdmn.cdmn-bienvenida.abierto .cdmn-panel .cdmn-jugar{animation:none!important}} @media (min-width:1025px){html body .cdmn.cdmn-bienvenida{transform:none!important;translate:none!important;filter:none!important}} /* escribenos: encabezado bien repartido y mas aire antes de la carta */ html body.cdm-carta-on .cdmc-cab.cdmc-cab.cdmc-cab{max-width:640px!important;margin-left:auto!important;margin-right:auto!important;margin-bottom:30px!important} html body.cdm-carta-on .cdmc-cab.cdmc-cab.cdmc-cab h1{margin:6px 0 10px!important;text-wrap:balance} html body.cdm-carta-on .cdmc-cab.cdmc-cab.cdmc-cab p{max-width:560px!important;margin:0 auto!important;line-height:1.55!important;text-wrap:balance} @media (max-width:991.98px){html body.cdm-carta-on .cdmc-cab.cdmc-cab.cdmc-cab{margin-bottom:20px!important;padding:0 20px!important}html body.cdm-carta-on .cdmc-cab.cdmc-cab.cdmc-cab p{max-width:340px!important}} /* ===== VENTANA DEL JUEGO: regla unica final (compu igual que celular, azul noche y dorado; sin recortes) ===== */ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-oculto,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-cols,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-cl{display:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5){overflow:visible!important;max-height:none!important} @media (min-width:768px){ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5){width:min(540px,92vw)!important;padding:64px 30px 24px!important;border-radius:26px!important;border:1.5px solid rgba(223,180,76,.85)!important;background:radial-gradient(80% 50% at 50% 0%,rgba(223,180,76,.16),rgba(223,180,76,0) 70%),linear-gradient(180deg,#0e1b44 0%,#081236 60%,#050b1f 100%)!important;box-shadow:0 40px 80px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08)!important;color:#e9ecf5!important;text-align:center!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5)::before,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5)::after,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-cuerpo::before,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-cuerpo::after,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-t::before,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-t::after,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-juego::before,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-juego::after,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-k::before,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-k::after{display:none!important;content:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-fig{display:block!important;position:absolute!important;left:0!important;right:0!important;margin:0 auto!important;top:-118px!important;width:170px!important;height:auto!important;pointer-events:none!important;filter:drop-shadow(0 14px 18px rgba(0,0,0,.45))!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-x{position:absolute!important;top:14px!important;right:14px!important;width:34px!important;height:34px!important;border-radius:50%!important;border:1px solid rgba(223,180,76,.7)!important;background:rgba(5,11,31,.5)!important;color:#f3d68a!important;font-size:15px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-cuerpo{display:block!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-k{display:block!important;margin:0 0 6px!important;font:800 11px Raleway,sans-serif!important;letter-spacing:.3em!important;text-transform:uppercase!important;color:#dfb44c!important;background:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-t{display:block!important;margin:0 0 10px!important;padding:0!important;font-family:Cinzel,'Times New Roman',serif!important;font-weight:700!important;font-size:30px!important;line-height:1.1!important;text-transform:uppercase!important;background:linear-gradient(180deg,#fff6d8,#f3d68a 45%,#c99a3a)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;border:0!important;box-shadow:none!important;min-height:0!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-p{margin:0 auto 16px!important;max-width:420px!important;font:500 15px/1.5 Raleway,sans-serif!important;color:#d9deeb!important;background:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-juego{display:block!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmmp-bar{color:#cfd5e6!important;font-size:13px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-mp{margin:0 0 18px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-jugar{margin:0!important;width:100%!important;min-height:54px!important;font-size:17px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-no{display:block!important;margin:12px auto 0!important;font:500 13.5px Raleway,sans-serif!important;color:rgba(246,236,214,.7)!important;background:none!important;border:0!important;text-decoration:none!important;opacity:1!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-no:hover{color:#f6ecd6!important;text-decoration:underline!important} } @media (max-width:767.98px){ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-no{color:rgba(246,236,214,.7)!important} } /* ===== ventana del juego: marco de brillos, medalla con la C y personajes a los lados ===== */ @property --cdmnA{syntax:'';inherits:false;initial-value:0deg} @keyframes cdmnGira{to{--cdmnA:360deg}} @keyframes cdmnTitila{0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(0)}45%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(45deg)}70%{opacity:.6}} @keyframes cdmnMedalla{0%{transform:translateX(-50%) scale(.5) rotate(-30deg);opacity:0}70%{transform:translateX(-50%) scale(1.08) rotate(4deg);opacity:1}100%{transform:translateX(-50%) scale(1) rotate(0);opacity:1}} @keyframes cdmnBrilloC{0%,100%{background-position:-60% 0}50%{background-position:160% 0}} @keyframes cdmnAnillo{to{transform:rotate(360deg)}} @keyframes cdmnMeceN{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-6px)}} @keyframes cdmnMeceS{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(-2deg) translateY(-6px)}} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-fig{display:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5){padding-top:68px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-marco{position:absolute;inset:-4px;border-radius:30px;padding:3px;pointer-events:none;z-index:0;background:conic-gradient(from var(--cdmnA),rgba(223,180,76,.25) 0deg,rgba(223,180,76,.25) 250deg,#fff6d8 300deg,#dfb44c 320deg,rgba(223,180,76,.25) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);animation:cdmnGira 4.5s linear infinite;filter:drop-shadow(0 0 6px rgba(243,214,138,.6))} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-chispas{position:absolute;inset:-4px;pointer-events:none;z-index:1} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-chispas i{position:absolute;width:12px;height:12px;background:#fff6d8;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 4px #f3d68a);animation:cdmnTitila 2.6s ease-in-out infinite} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-chispas i.g{width:16px;height:16px;background:#f3d68a} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-medalla{position:absolute;top:-46px;left:50%;z-index:3;width:92px;height:92px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#1b2f6b,#0a1438 70%);box-shadow:0 0 0 2px #dfb44c,0 0 0 6px rgba(10,20,56,.9),0 0 0 7.5px rgba(223,180,76,.55),0 0 26px rgba(243,214,138,.55),0 14px 26px -10px rgba(0,0,0,.7);animation:cdmnMedalla .7s cubic-bezier(.2,.8,.3,1.3) both} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-medalla::before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px dashed rgba(243,214,138,.6);animation:cdmnAnillo 18s linear infinite} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-medalla i{position:absolute;inset:20px;background:linear-gradient(100deg,#c99a3a 0%,#f3d68a 35%,#fff6d8 50%,#f3d68a 65%,#c99a3a 100%);background-size:220% 100%;-webkit-mask:url("/web/image/22055") center / contain no-repeat;mask:url("/web/image/22055") center / contain no-repeat;animation:cdmnBrilloC 3.2s ease-in-out infinite} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-lado{display:none} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-k{margin-top:4px!important} @media (min-width:1100px){ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-lado{display:block;position:absolute;bottom:36px;width:230px;height:auto;pointer-events:none;z-index:2;filter:drop-shadow(0 22px 26px rgba(0,0,0,.55))} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-lado-n{left:-205px;transform-origin:80% 100%;animation:cdmnMeceN 5s ease-in-out infinite} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-lado-s{right:-190px;width:205px;transform-origin:20% 100%;animation:cdmnMeceS 5.5s ease-in-out infinite} } @media (max-width:767.98px){ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5){padding-top:56px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-medalla{top:-38px;width:76px;height:76px} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-medalla i{inset:17px} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5)::before{display:none!important} } @media (prefers-reduced-motion:reduce){html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-marco,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-chispas i,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-medalla,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-medalla::before,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-medalla i,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-lado{animation:none!important}html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-chispas i{opacity:.8}} /* ventana del juego: textos centrados; con la ventana abierta el boton de abajo dice "Ir a la tienda" */ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-cuerpo,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-k,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-t,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-p,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-no{text-align:center!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-k{display:block!important;width:100%!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-p{margin-left:auto!important;margin-right:auto!important;text-wrap:balance} @media (min-width:992px){html body .cdmn.abierto.cdmn-bienvenida:not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) .cdmn-bt:not(#cdmv5):not(#cdmv6):not(#cdmv7):not(#cdmv8)::after{content:"Ir a la tienda"!important}} @media (max-width:991.98px){html body .cdmn.abierto.cdmn-bienvenida:not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) .cdmn-bt:not(#cdmv5):not(#cdmv6):not(#cdmv7):not(#cdmv8)::after{content:"Tienda"!important}} /* compu: con la ventana abierta, el boton de abajo muestra una bolsa (sin perder su fondo azul) */ @media (min-width:992px){html body .cdmn.abierto.cdmn-bienvenida:not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) .cdmn-bt:not(#cdmv5):not(#cdmv6):not(#cdmv7):not(#cdmv8){background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'40'%20height%3D'40'%20viewBox%3D'0%200%2040%2040'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'g'%20x1%3D'0'%20y1%3D'0'%20x2%3D'0'%20y2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23f6dc8f'%2F%3E%3Cstop%20offset%3D'.55'%20stop-color%3D'%23dfb44c'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23c4952f'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D'20'%20cy%3D'20'%20r%3D'17'%20fill%3D'url(%23g)'%20stroke%3D'%23fff6d8'%20stroke-width%3D'1.2'%2F%3E%3Cg%20fill%3D'none'%20stroke%3D'%230b1626'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M13.5%2016.5h13l-1%2010.5h-11z'%2F%3E%3Cpath%20d%3D'M17%2016.5v-1.8a3%203%200%200%201%206%200v1.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),linear-gradient(rgb(20,37,92),rgb(11,22,56))!important;background-repeat:no-repeat,repeat!important;background-size:40px 40px,auto!important;background-position:calc(100% - 10px) 50%,0 0!important}} /* ventana del juego: personajes quietos (se mueven al pasar el mouse o tocarlos), sin orillas visibles; boton en Raleway; kicker centrado */ @keyframes cdmnHolaN{0%,100%{transform:rotate(0) translateY(0)}35%{transform:rotate(-6deg) translateY(-8px)}70%{transform:rotate(3deg) translateY(-3px)}} @keyframes cdmnHolaS{0%,100%{transform:rotate(0) translateY(0)}35%{transform:rotate(6deg) translateY(-8px)}70%{transform:rotate(-3deg) translateY(-3px)}} @media (min-width:1100px){ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-lado{animation:none!important;z-index:-1!important;pointer-events:auto!important;cursor:pointer;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 92%);mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 92%);transition:filter .2s ease} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-lado-n{left:-185px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-lado-s{right:-172px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-lado-n:hover,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-lado-n:active{animation:cdmnHolaN .7s ease-in-out!important;filter:drop-shadow(0 22px 26px rgba(0,0,0,.55)) brightness(1.06)} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-lado-s:hover,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-lado-s:active{animation:cdmnHolaS .7s ease-in-out!important;filter:drop-shadow(0 22px 26px rgba(0,0,0,.55)) brightness(1.06)} } html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-k{margin:4px auto 6px!important;padding:0!important;text-indent:0!important;width:auto!important;max-width:none!important;left:auto!important;transform:none!important;position:relative!important;letter-spacing:.3em!important;padding-left:.3em!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-jugar{font-family:Raleway,sans-serif!important;font-weight:800!important;font-size:17px!important;letter-spacing:.01em!important;text-transform:none!important} @media (max-width:767.98px){html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-jugar{font-size:15px!important}} /* ventana del juego: personajes fuera de la tarjeta, detras de ella */ html body .cdmn .cdmn-panel .cdmn-lado{display:none!important} .cdmn-lados{position:fixed;inset:0;z-index:1035;pointer-events:none;opacity:0;transition:opacity .35s ease} .cdmn-lados.on{opacity:1} .cdmn-lado2{position:fixed;width:230px;height:auto;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 22px 26px rgba(0,0,0,.55));-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 60%,transparent 92%);mask-image:linear-gradient(180deg,#000 0%,#000 60%,transparent 92%)} .cdmn-lado2.der{width:205px} .cdmn-lado2.izq{transform-origin:85% 100%} .cdmn-lado2.der{transform-origin:15% 100%} .cdmn-lado2.izq.hola{animation:cdmnHolaN .7s ease-in-out} .cdmn-lado2.der.hola{animation:cdmnHolaS .7s ease-in-out} @media (max-width:1099.98px){.cdmn-lados{display:none!important}} @media (prefers-reduced-motion:reduce){.cdmn-lado2.hola{animation:none!important}} /* bienvenida del juego: marco de glitter, focos de circo y rayos de luz (todo detras de la ventana y los personajes) */ @keyframes cdmbRayos{to{transform:translate(-50%,-50%) rotate(360deg)}} @keyframes cdmbGlitter{0%{background-position:0 0,0 0}100%{background-position:60px 60px,-60px 30px}} @keyframes cdmbFocoA{0%,49%{opacity:1;box-shadow:0 0 6px 2px rgba(255,236,170,.9),0 0 14px 4px rgba(243,214,138,.55)}50%,100%{opacity:.35;box-shadow:0 0 2px rgba(243,214,138,.3)}} @keyframes cdmbFocoB{0%,49%{opacity:.35;box-shadow:0 0 2px rgba(243,214,138,.3)}50%,100%{opacity:1;box-shadow:0 0 6px 2px rgba(255,236,170,.9),0 0 14px 4px rgba(243,214,138,.55)}} .cdmb-velo{overflow:hidden} .cdmb-rayos{position:absolute;left:50%;top:52%;width:240vmax;height:240vmax;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,rgba(243,214,138,.13) 0deg 7deg,rgba(243,214,138,0) 7deg 20deg);-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 0,rgba(0,0,0,.85) 12%,rgba(0,0,0,0) 34%);mask-image:radial-gradient(circle at 50% 50%,#000 0,rgba(0,0,0,.85) 12%,rgba(0,0,0,0) 34%);animation:cdmbRayos 90s linear infinite;pointer-events:none} .cdmb-glitter{position:absolute;inset:0;padding:26px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'60'%20height%3D'60'%3E%3Cg%20fill%3D'%23f3d68a'%3E%3Ccircle%20cx%3D'6'%20cy%3D'8'%20r%3D'1.2'%2F%3E%3Ccircle%20cx%3D'22'%20cy%3D'4'%20r%3D'.8'%20fill%3D'%23fff6d8'%2F%3E%3Ccircle%20cx%3D'38'%20cy%3D'12'%20r%3D'1.4'%2F%3E%3Ccircle%20cx%3D'52'%20cy%3D'6'%20r%3D'.9'%20fill%3D'%23fff6d8'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'26'%20r%3D'1'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'30'%20r%3D'1.6'%20fill%3D'%23fff6d8'%2F%3E%3Ccircle%20cx%3D'48'%20cy%3D'24'%20r%3D'1.1'%2F%3E%3Ccircle%20cx%3D'4'%20cy%3D'44'%20r%3D'1.3'%20fill%3D'%23fff6d8'%2F%3E%3Ccircle%20cx%3D'20'%20cy%3D'50'%20r%3D'.9'%2F%3E%3Ccircle%20cx%3D'36'%20cy%3D'46'%20r%3D'1.2'%2F%3E%3Ccircle%20cx%3D'56'%20cy%3D'42'%20r%3D'1.5'%20fill%3D'%23fff6d8'%2F%3E%3Ccircle%20cx%3D'28'%20cy%3D'58'%20r%3D'.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'60'%20height%3D'60'%3E%3Cg%20fill%3D'%23f3d68a'%3E%3Ccircle%20cx%3D'6'%20cy%3D'8'%20r%3D'1.2'%2F%3E%3Ccircle%20cx%3D'22'%20cy%3D'4'%20r%3D'.8'%20fill%3D'%23fff6d8'%2F%3E%3Ccircle%20cx%3D'38'%20cy%3D'12'%20r%3D'1.4'%2F%3E%3Ccircle%20cx%3D'52'%20cy%3D'6'%20r%3D'.9'%20fill%3D'%23fff6d8'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'26'%20r%3D'1'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'30'%20r%3D'1.6'%20fill%3D'%23fff6d8'%2F%3E%3Ccircle%20cx%3D'48'%20cy%3D'24'%20r%3D'1.1'%2F%3E%3Ccircle%20cx%3D'4'%20cy%3D'44'%20r%3D'1.3'%20fill%3D'%23fff6d8'%2F%3E%3Ccircle%20cx%3D'20'%20cy%3D'50'%20r%3D'.9'%2F%3E%3Ccircle%20cx%3D'36'%20cy%3D'46'%20r%3D'1.2'%2F%3E%3Ccircle%20cx%3D'56'%20cy%3D'42'%20r%3D'1.5'%20fill%3D'%23fff6d8'%2F%3E%3Ccircle%20cx%3D'28'%20cy%3D'58'%20r%3D'.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),linear-gradient(135deg,rgba(201,154,58,.55),rgba(243,214,138,.75) 50%,rgba(201,154,58,.55));background-size:60px 60px,90px 90px,auto;animation:cdmbGlitter 6s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);box-shadow:inset 0 0 0 1px rgba(255,246,216,.4)} .cdmb-focos{position:absolute;inset:0;pointer-events:none} .cdmb-focos i{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fffbe8,#f3d68a 55%,#c99a3a);animation:cdmbFocoA 1.1s steps(1) infinite} .cdmb-focos i.b{animation-name:cdmbFocoB} @media (max-width:767.98px){.cdmb-glitter{padding:18px}.cdmb-focos i{width:8px;height:8px;margin:-4px 0 0 -4px}} @media (prefers-reduced-motion:reduce){.cdmb-rayos,.cdmb-glitter,.cdmb-focos i{animation:none!important}} /* bienvenida: cubre la carga en compu, marco dorado champana con destellos, personajes al frente con la mano en el borde, chispas y cohetes */ @keyframes cdmbBrilla{0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(0)}50%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(45deg)}} @keyframes cdmbEstela{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 20px)) scale(.2)}} @keyframes cdmbFuego{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 30px)) scale(.3)}} @keyframes cdmbSube{from{transform:translate(-50%,0);opacity:1}to{transform:translate(-50%,-120px);opacity:.9}} html.cdmb-pre body::after{content:"";position:fixed;inset:0;z-index:1029;background:radial-gradient(60% 60% at 50% 52%,#16285c 0%,#0a1438 55%,#050b1f 100%);pointer-events:none} html.cdmb-pre .cdmb-velo,html.cdmb-abierta .cdmb-velo{background:radial-gradient(60% 60% at 50% 52%,rgba(22,40,92,.55) 0%,rgba(10,20,56,.75) 55%,rgba(5,11,31,.9) 100%)!important} .cdmb-glitter{padding:14px!important;background:linear-gradient(135deg,#f3e5c8 0%,#d8b155 50%,#b5892c 100%)!important;animation:none!important;box-shadow:none!important} .cdmb-glitter::after{content:"";position:absolute;inset:4px;border:1px solid rgba(11,22,38,.4);pointer-events:none} .cdmb-focos i{width:16px!important;height:16px!important;margin:0!important;border-radius:0!important;background:#fff6d8!important;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 5px #fff1c4);box-shadow:none!important;animation:cdmbBrilla 2.4s ease-in-out infinite!important;opacity:0} .cdmb-focos i:nth-child(3n){animation-delay:.8s!important;width:22px!important;height:22px!important} .cdmb-focos i:nth-child(3n+1){animation-delay:1.6s!important} .cdmb-focos i:nth-child(2n){display:none!important} .cdmb-estela,.cdmb-fuego{position:fixed;width:6px;height:6px;border-radius:50%;pointer-events:none;box-shadow:0 0 6px currentColor;animation:cdmbEstela .9s ease-out forwards} .cdmb-fuego{width:7px;height:7px;animation:cdmbFuego 1.2s cubic-bezier(.15,.7,.3,1) forwards} .cdmb-cohete{position:fixed;width:4px;height:22px;border-radius:4px;background:linear-gradient(#fff6d8,rgba(243,214,138,0));pointer-events:none;animation:cdmbSube .38s ease-out forwards} .cdmn-lados{z-index:1045!important} @media (prefers-reduced-motion:reduce){.cdmb-focos i,.cdmb-estela,.cdmb-fuego,.cdmb-cohete{animation:none!important}.cdmb-focos i{opacity:.8}} /* personajes: el difuminado de abajo empieza despues de las manos (las manos se ven solidas) */ .cdmn-lado2{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 90%,transparent 100%)!important;mask-image:linear-gradient(180deg,#000 0%,#000 90%,transparent 100%)!important} /* ventana del juego: mecanica de un toque, climax y victoria */ @keyframes cdmnEspBrilla{0%,100%{transform:translate3d(0,0,0) scale(1);box-shadow:0 4px 8px rgba(0,0,0,.55),0 0 0 1.5px rgba(243,214,138,.7),0 0 10px rgba(243,214,138,.5)}50%{transform:translate3d(0,-2px,0) scale(1.12);box-shadow:0 8px 14px rgba(0,0,0,.6),0 0 0 2.5px #fff1c4,0 0 26px rgba(243,214,138,.95)}} @keyframes cdmnChisEsp{0%,100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.3)}50%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1) rotate(45deg)}} @keyframes cdmnVuela{to{transform:translate3d(var(--sx),var(--sy),0) scale(.2) rotate(40deg);opacity:0}} @keyframes cdmnParti{0%{opacity:1;transform:translate3d(-50%,-50%,0) rotate(0) scale(1)}80%{opacity:1}100%{opacity:0;transform:translate3d(calc(-50% + var(--dx)),calc(-50% + var(--dy) + 40px),0) rotate(var(--r)) scale(.6)}} @keyframes cdmnFlash{0%{opacity:.95;transform:translate3d(-50%,-50%,0) scale(.2)}100%{opacity:0;transform:translate3d(-50%,-50%,0) scale(5)}} @keyframes cdmnVictoria{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.08)}100%{opacity:1;transform:scale(1)}} @keyframes cdmnEstrellaV{0%{transform:scale(0) rotate(-40deg)}60%{transform:scale(1.35) rotate(10deg)}100%{transform:scale(1) rotate(0)}} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-untoque .cdmmp-bar{display:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-aviso{display:block;margin:0 0 8px;font:700 12.5px Raleway,sans-serif;color:#f3d68a;letter-spacing:.02em;text-align:center} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-untoque .cdmmp-tab{cursor:pointer;touch-action:manipulation} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-untoque .cdmmp-c:not(.cdmn-esp){animation:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-untoque .cdmmp-c.cdmn-esp{position:relative;z-index:2;animation:cdmnEspBrilla 1.8s ease-in-out infinite!important;will-change:transform} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-untoque .cdmmp-c.cdmn-esp img{width:86%!important;height:86%!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-untoque .cdmmp-c.cdmn-esp::after{content:"";position:absolute;right:-4px;top:-4px;width:14px;height:14px;background:#fff6d8;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 4px #f3d68a);animation:cdmnChisEsp 1.2s ease-in-out infinite} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-untoque .cdmmp-c.cdmn-esp + .cdmmp-c.cdmn-esp::after{animation-delay:.6s;right:auto;left:-4px;top:auto;bottom:-4px} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-untoque.exploto .cdmmp-c{animation:cdmnVuela .45s cubic-bezier(.3,.6,.4,1) forwards!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-untoque.exploto .cdmn-aviso,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-untoque.exploto .cdmn-etq{opacity:0;transition:opacity .2s} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-clímax{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:visible} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-clímax i{position:absolute;width:8px;height:12px;border-radius:2px;will-change:transform;animation:cdmnParti 1.25s cubic-bezier(.15,.7,.3,1) forwards} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-clímax i.estrella{width:12px;height:12px;border-radius:0;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-clímax i.copo{width:auto;height:auto;font-size:16px;color:#fff;text-shadow:0 0 6px #fff} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-flash{position:absolute;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(255,250,230,1),rgba(243,214,138,.6) 40%,rgba(243,214,138,0) 70%);animation:cdmnFlash .6s ease-out forwards} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-victoria{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 18px;text-align:center;animation:cdmnVictoria .3s cubic-bezier(.2,.8,.3,1.3) both} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-victoria b{font-family:Cinzel,'Times New Roman',serif;font-weight:700;font-size:26px;line-height:1.1;background:linear-gradient(180deg,#fff6d8,#f3d68a 45%,#c99a3a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-transform:uppercase} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-victoria span{font:500 14px/1.45 Raleway,sans-serif;color:#f6ecd6;max-width:340px;text-wrap:balance} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-v-est i{display:inline-block;font-style:normal;font-size:30px;color:#dfb44c;text-shadow:0 0 14px rgba(243,214,138,.9);margin:0 3px;animation:cdmnEstrellaV .45s cubic-bezier(.2,.8,.3,1.3) backwards} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-v-est i:nth-child(2){animation-delay:.1s} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-v-est i:nth-child(3){animation-delay:.2s} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-cortina{position:absolute;inset:-4px;z-index:8;border-radius:28px;background:radial-gradient(60% 60% at 50% 45%,#16285c,#050b1f);opacity:0;transition:opacity .5s ease-in-out;pointer-events:none} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-cortina.on{opacity:1} @media (max-width:767.98px){html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-victoria b{font-size:21px}html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-victoria span{font-size:13px}} @media (prefers-reduced-motion:reduce){html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-untoque .cdmmp-c.cdmn-esp,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-untoque .cdmmp-c.cdmn-esp::after{animation:none!important}} /* ventana normal del juego (compu): Santa fuera de la tarjeta a la izquierda, sin taparse con el texto; mas compacta en pantallas bajitas */ @media (min-width:768px){html body .cdmn:not(.cdmn-bienvenida) .cdmn-panel.cdmn-carta .cdmn-t::after{display:none!important}html body .cdmn:not(.cdmn-bienvenida) .cdmn-panel.cdmn-carta .cdmn-t{padding-right:0!important}} .cdmn-lados.solo-santa .der{display:none!important} @media (max-width:991.98px){.cdmn-lados.solo-santa{display:none!important}} @media (min-width:768px) and (max-height:880px){ html body .cdmn:not(.cdmn-bienvenida) .cdmn-panel.cdmn-carta .cdmn-chips{display:none!important} html body .cdmn:not(.cdmn-bienvenida) .cdmn-panel.cdmn-carta .cdmn-mp{margin:6px 0 8px!important} html body .cdmn:not(.cdmn-bienvenida) .cdmn-panel.cdmn-carta .cdmmp-tab{gap:4px!important;padding:5px!important} html body .cdmn:not(.cdmn-bienvenida) .cdmn-panel.cdmn-carta .cdmn-p{margin-bottom:6px!important} } /* bienvenida: marco de diamantina intensa (reemplaza el dorado liso) */ @keyframes cdmbDiam{0%{background-position:0 0,0 0,0 0,0 0}100%{background-position:48px 48px,-70px 35px,0 0,200% 0}} @keyframes cdmbBarre{0%{transform:translateX(-30%)}100%{transform:translateX(130%)}} html body .cdmb-velo .cdmb-glitter{padding:22px!important;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'48'%20height%3D'48'%3E%3Cg%20fill%3D'%23fff6d8'%3E%3Ccircle%20cx%3D'4'%20cy%3D'6'%20r%3D'1.6'%2F%3E%3Ccircle%20cx%3D'15'%20cy%3D'3'%20r%3D'1'%2F%3E%3Ccircle%20cx%3D'27'%20cy%3D'9'%20r%3D'2'%2F%3E%3Ccircle%20cx%3D'40'%20cy%3D'4'%20r%3D'1.2'%2F%3E%3Ccircle%20cx%3D'9'%20cy%3D'19'%20r%3D'1.3'%2F%3E%3Ccircle%20cx%3D'22'%20cy%3D'23'%20r%3D'2.2'%2F%3E%3Ccircle%20cx%3D'36'%20cy%3D'17'%20r%3D'1.4'%2F%3E%3Ccircle%20cx%3D'45'%20cy%3D'28'%20r%3D'1.8'%2F%3E%3Ccircle%20cx%3D'3'%20cy%3D'33'%20r%3D'2'%2F%3E%3Ccircle%20cx%3D'16'%20cy%3D'38'%20r%3D'1.1'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'35'%20r%3D'1.7'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'44'%20r%3D'1.3'%2F%3E%3Ccircle%20cx%3D'11'%20cy%3D'46'%20r%3D'1.6'%2F%3E%3Ccircle%20cx%3D'25'%20cy%3D'45'%20r%3D'1'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'70'%20height%3D'70'%3E%3Cg%20fill%3D'%23ffffff'%3E%3Ccircle%20cx%3D'10'%20cy%3D'12'%20r%3D'1.2'%2F%3E%3Ccircle%20cx%3D'52'%20cy%3D'8'%20r%3D'1.6'%2F%3E%3Ccircle%20cx%3D'34'%20cy%3D'30'%20r%3D'1'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'40'%20r%3D'1.3'%2F%3E%3Ccircle%20cx%3D'20'%20cy%3D'55'%20r%3D'1.7'%2F%3E%3Ccircle%20cx%3D'46'%20cy%3D'62'%20r%3D'1.1'%2F%3E%3C%2Fg%3E%3Cg%20fill%3D'%23f3d68a'%3E%3Cpath%20d%3D'M30%206l1.2%203.6L35%2011l-3.8%201.4L30%2016l-1.2-3.6L25%2011l3.8-1.4z'%2F%3E%3Cpath%20d%3D'M60%2054l1%203%203%201-3%201-1%203-1-3-3-1%203-1z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),linear-gradient(135deg,#a9772a 0%,#f3d68a 22%,#c99a3a 45%,#fff1c4 62%,#b5892c 80%,#f3d68a 100%),linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 100%)!important;background-size:48px 48px,70px 70px,100% 100%,40% 100%!important;background-repeat:repeat,repeat,no-repeat,no-repeat!important;animation:cdmbDiam 5s linear infinite!important;filter:drop-shadow(0 0 10px rgba(243,214,138,.75)) drop-shadow(0 0 22px rgba(243,214,138,.35))!important;box-shadow:inset 0 0 0 1px rgba(255,246,216,.6)!important} html body .cdmb-velo .cdmb-glitter::after{inset:4px!important;border:1px solid rgba(11,22,38,.35)!important} html body .cdmb-velo .cdmb-glitter::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.75) 50%,rgba(255,255,255,0) 60%);background-size:100% 100%;mix-blend-mode:screen;animation:cdmbBarre 3.2s ease-in-out infinite;pointer-events:none} html body .cdmb-velo .cdmb-focos i{filter:drop-shadow(0 0 7px #fff1c4) drop-shadow(0 0 14px rgba(243,214,138,.8))!important} @media (max-width:767.98px){html body .cdmb-velo .cdmb-glitter{padding:15px!important}} @media (prefers-reduced-motion:reduce){html body .cdmb-velo .cdmb-glitter,html body .cdmb-velo .cdmb-glitter::before{animation:none!important}} /* bienvenida en celular: cabe en la pantalla, tamanos de celular, sin el dibujo viejo del encabezado */ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-cuerpo::before,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-cuerpo::after,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5)::before,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5)::after,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-t::before,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-t::after{display:none!important;content:none!important} @media (max-width:767.98px){ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5){padding:52px 16px 16px!important;width:min(370px,calc(100vw - 24px))!important;top:50%!important;transform:translate(-50%,calc(-50% + 18px))!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-k{font-size:9.5px!important;letter-spacing:.26em!important;margin:2px auto 6px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-t{font-size:23px!important;line-height:1.1!important;margin:0 0 8px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-p{font-size:13.5px!important;line-height:1.45!important;margin:0 auto 10px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-aviso{font-size:12px!important;margin:0 0 6px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-mp{margin:0 0 12px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-rs .cdmmp-tab{gap:5px!important;padding:6px 6px 20px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-etq{font-size:8.5px!important;bottom:4px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-jugar{min-height:48px!important;font-size:13.5px!important;white-space:nowrap!important;padding:0 12px!important;gap:6px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-jugar span{white-space:nowrap!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-no{margin:10px auto 0!important;font-size:13px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-x{width:32px!important;height:32px!important;top:10px!important;right:10px!important} } @media (max-width:767.98px) and (max-height:660px){ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5){padding-top:46px!important;padding-bottom:12px!important;transform:translate(-50%,calc(-50% + 16px))!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-t{font-size:20px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-p{font-size:12.5px!important;margin-bottom:6px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-rs .cdmmp-tab{gap:4px!important;padding:5px 5px 18px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-mp{margin-bottom:8px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-jugar{min-height:44px!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-no{margin-top:6px!important} } /* bienvenida: sin franja dorada; solo brillos sobre las orillas con un resplandor claro difuminado */ html body .cdmb-velo .cdmb-glitter.cdmb-glitter{padding:44px!important;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'48'%20height%3D'48'%3E%3Cg%20fill%3D'%23fff6d8'%3E%3Ccircle%20cx%3D'4'%20cy%3D'6'%20r%3D'1.6'%2F%3E%3Ccircle%20cx%3D'15'%20cy%3D'3'%20r%3D'1'%2F%3E%3Ccircle%20cx%3D'27'%20cy%3D'9'%20r%3D'2'%2F%3E%3Ccircle%20cx%3D'40'%20cy%3D'4'%20r%3D'1.2'%2F%3E%3Ccircle%20cx%3D'9'%20cy%3D'19'%20r%3D'1.3'%2F%3E%3Ccircle%20cx%3D'22'%20cy%3D'23'%20r%3D'2.2'%2F%3E%3Ccircle%20cx%3D'36'%20cy%3D'17'%20r%3D'1.4'%2F%3E%3Ccircle%20cx%3D'45'%20cy%3D'28'%20r%3D'1.8'%2F%3E%3Ccircle%20cx%3D'3'%20cy%3D'33'%20r%3D'2'%2F%3E%3Ccircle%20cx%3D'16'%20cy%3D'38'%20r%3D'1.1'%2F%3E%3Ccircle%20cx%3D'30'%20cy%3D'35'%20r%3D'1.7'%2F%3E%3Ccircle%20cx%3D'42'%20cy%3D'44'%20r%3D'1.3'%2F%3E%3Ccircle%20cx%3D'11'%20cy%3D'46'%20r%3D'1.6'%2F%3E%3Ccircle%20cx%3D'25'%20cy%3D'45'%20r%3D'1'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'70'%20height%3D'70'%3E%3Cg%20fill%3D'%23ffffff'%3E%3Ccircle%20cx%3D'10'%20cy%3D'12'%20r%3D'1.2'%2F%3E%3Ccircle%20cx%3D'52'%20cy%3D'8'%20r%3D'1.6'%2F%3E%3Ccircle%20cx%3D'34'%20cy%3D'30'%20r%3D'1'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'40'%20r%3D'1.3'%2F%3E%3Ccircle%20cx%3D'20'%20cy%3D'55'%20r%3D'1.7'%2F%3E%3Ccircle%20cx%3D'46'%20cy%3D'62'%20r%3D'1.1'%2F%3E%3C%2Fg%3E%3Cg%20fill%3D'%23f3d68a'%3E%3Cpath%20d%3D'M30%206l1.2%203.6L35%2011l-3.8%201.4L30%2016l-1.2-3.6L25%2011l3.8-1.4z'%2F%3E%3Cpath%20d%3D'M60%2054l1%203%203%201-3%201-1%203-1-3-3-1%203-1z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;background-size:48px 48px,70px 70px!important;background-repeat:repeat,repeat!important;animation:cdmbDiam2 6s linear infinite!important;filter:drop-shadow(0 0 4px rgba(255,246,216,.9))!important;box-shadow:none!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)} @keyframes cdmbDiam2{0%{background-position:0 0,0 0}100%{background-position:48px 48px,-70px 35px}} html body .cdmb-velo .cdmb-glitter.cdmb-glitter::before{display:none!important} html body .cdmb-velo .cdmb-glitter.cdmb-glitter::after{display:none!important} html body .cdmb-velo::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px 18px rgba(255,240,200,.16),inset 0 0 30px 4px rgba(255,250,235,.22)} @media (max-width:767.98px){html body .cdmb-velo .cdmb-glitter.cdmb-glitter{padding:26px!important}html body .cdmb-velo::after{box-shadow:inset 0 0 50px 10px rgba(255,240,200,.16),inset 0 0 18px 3px rgba(255,250,235,.22)}} @media (prefers-reduced-motion:reduce){html body .cdmb-velo .cdmb-glitter.cdmb-glitter{animation:none!important}} /* bienvenida: sin franja ni estrellas en las orillas; lucecitas que suben como en el juego */ @keyframes cdmbSube{0%{transform:translate3d(0,0,0);opacity:0}10%{opacity:1}50%{transform:translate3d(var(--vaiven),-55vh,0)}90%{opacity:.9}100%{transform:translate3d(0,-112vh,0);opacity:0}} html body .cdmb-velo .cdmb-glitter,html body .cdmb-velo .cdmb-focos{display:none!important} .cdmb-brillos{position:absolute;inset:0;pointer-events:none;overflow:hidden} .cdmb-brillos i{position:absolute;bottom:-14px;border-radius:50%;background:radial-gradient(circle,#fff6d2 0%,#e8c977 45%,rgba(232,201,119,0) 70%);opacity:0;animation-name:cdmbSube;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform,opacity;filter:drop-shadow(0 0 4px rgba(255,236,170,.7))} @media (prefers-reduced-motion:reduce){.cdmb-brillos i{animation:none!important;opacity:.6;bottom:auto;top:calc(var(--y,50) * 1%)}} /* bienvenida: lluvia de brillos desde las orillas hacia adentro */ @keyframes cdmbLluvia{0%{transform:translate3d(-50%,-50%,0) scale(.6);opacity:0}15%{opacity:1}70%{opacity:.85}100%{transform:translate3d(calc(-50% + var(--dx)),calc(-50% + var(--dy)),0) scale(.25);opacity:0}} html body .cdmb-velo .cdmb-brillos i{position:absolute!important;bottom:auto!important;border-radius:50%;background:radial-gradient(circle,#fffbe8 0%,#f3d68a 40%,rgba(243,214,138,0) 70%)!important;animation-name:cdmbLluvia!important;animation-timing-function:cubic-bezier(.25,.6,.35,1)!important;animation-iteration-count:infinite!important;filter:drop-shadow(0 0 5px rgba(255,240,190,.85))!important} html body .cdmb-velo .cdmb-brillos i.est{border-radius:0;background:#fff6d8!important;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);width:12px!important;height:12px!important} /* bienvenida: lluvia que entra suave; personajes sin sombra; medalla como la esfera del favicon */ @keyframes cdmbLluvia2{0%{transform:translate3d(-50%,-50%,0) scale(.4);opacity:0}30%{opacity:.95}70%{opacity:.7}100%{transform:translate3d(calc(-50% + var(--dx)),calc(-50% + var(--dy)),0) scale(.2);opacity:0}} @keyframes cdmnEsferaFlota{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}} html body .cdmb-velo .cdmb-brillos i{animation-name:cdmbLluvia2!important} .cdmn-lado2{filter:none!important} .cdmn-lado2.hola{filter:brightness(1.05)!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-medalla{width:98px!important;height:98px!important;top:-50px!important;background:url("/web/image/24537/boton-esfera-c.webp") center / contain no-repeat!important;box-shadow:none!important;border-radius:50%!important;filter:drop-shadow(0 10px 16px rgba(0,0,0,.45)) drop-shadow(0 0 16px rgba(120,160,255,.35))!important;animation:cdmnMedalla .7s cubic-bezier(.2,.8,.3,1.3) both,cdmnEsferaFlota 4s ease-in-out .8s infinite!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-medalla::before,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-medalla i{display:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-medalla::after{content:"";position:absolute;left:24%;top:16%;width:30%;height:18%;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.55),rgba(255,255,255,0) 70%);transform:rotate(-25deg);pointer-events:none} @media (max-width:767.98px){html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-medalla{width:80px!important;height:80px!important;top:-42px!important}} /* bienvenida: esfera de la C con borde dorado */ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-medalla{box-shadow:0 0 0 2.5px #dfb44c,0 0 0 6px rgba(10,20,56,.95),0 0 0 7.5px rgba(223,180,76,.6),0 0 24px rgba(243,214,138,.5)!important;background-size:112%!important;background-color:#0a1438!important} /* carrito vacio: tarjetas de colecciones sin barra azul (foto completa con el nombre encima) */ html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-col.cdmv-col{position:relative!important;display:block!important;height:220px!important;padding:0!important;overflow:hidden!important;background:#0a1438!important;border:0!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-col.cdmv-col .cdmv-foto{position:absolute!important;inset:0!important;height:auto!important;width:auto!important;transition:transform .5s ease!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-col.cdmv-col::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 42%,rgba(0,0,0,.28) 64%,rgba(0,0,0,.72) 100%);pointer-events:none;z-index:1} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-col.cdmv-col b,html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-col.cdmv-col i{position:absolute!important;left:18px!important;right:14px!important;z-index:2!important;background:none!important;text-shadow:0 2px 8px rgba(0,0,0,.6)!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-col.cdmv-col b{bottom:38px!important;color:#fff!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-col.cdmv-col i{bottom:16px!important} html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-col.cdmv-col:hover .cdmv-foto{transform:scale(1.05)!important} @media (max-width:991.98px){html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-col.cdmv-col{height:190px!important}html body.cdm-carrito-vacio.cdm-carrito-vacio .cdmv-cols .cdmv-col .cdmv-foto{height:auto!important}} /* bienvenida: tablero con esquinas redondeadas; boton "Tienda" legible en celular */ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-mp .cdmmp-tab,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-rs .cdmmp-tab{border-radius:16px!important;overflow:hidden!important;-webkit-mask-image:-webkit-radial-gradient(white,black)} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-rs .cdmmp-tab::before{border-radius:16px} @media (max-width:991.98px){ html body .cdmn.cdmn-bienvenida.abierto:not(#cdmz1):not(#cdmz2):not(#cdmz3){transform:none!important;scale:none!important;opacity:1!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmz1):not(#cdmz2):not(#cdmz3) .cdmn-bt:not(#cdmz4):not(#cdmz5):not(#cdmz6):not(#cdmz7){height:44px!important;max-width:200px!important;min-width:0!important;padding:0 18px 0 56px!important;left:0!important;font-size:15px!important;transform:none!important;scale:none!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmz1):not(#cdmz2):not(#cdmz3) .cdmn-bt:not(#cdmz4):not(#cdmz5):not(#cdmz6):not(#cdmz7)::after{font:800 15px/1 Raleway,sans-serif!important;opacity:1!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmz1):not(#cdmz2):not(#cdmz3) .cdmn-bt:not(#cdmz4):not(#cdmz5):not(#cdmz6):not(#cdmz7)::before{width:50px!important;height:50px!important;margin-top:-25px!important} } /* bienvenida: lluvia de brillos mas intensa */ @keyframes cdmbLluvia3{0%{transform:translate3d(-50%,-50%,0) scale(.5);opacity:0}22%{opacity:1}65%{opacity:.9}100%{transform:translate3d(calc(-50% + var(--dx)),calc(-50% + var(--dy)),0) scale(.25);opacity:0}} html body .cdmb-velo .cdmb-brillos i{animation-name:cdmbLluvia3!important;background:radial-gradient(circle,#ffffff 0%,#fff1c4 30%,#f3d68a 55%,rgba(243,214,138,0) 72%)!important;filter:drop-shadow(0 0 6px rgba(255,244,210,.95)) drop-shadow(0 0 14px rgba(243,214,138,.7))!important} html body .cdmb-velo .cdmb-brillos i.est{width:15px!important;height:15px!important;background:#fffbe8!important} html body .cdmb-velo::after{box-shadow:inset 0 0 110px 22px rgba(255,240,200,.2),inset 0 0 36px 6px rgba(255,250,235,.28)!important} @media (max-width:767.98px){html body .cdmb-velo .cdmb-brillos i.est{width:12px!important;height:12px!important}html body .cdmb-velo::after{box-shadow:inset 0 0 60px 12px rgba(255,240,200,.2),inset 0 0 22px 4px rgba(255,250,235,.28)!important}} /* bienvenida: partida normal; al ganar se oculta el aviso de la mini partida y entra "Nivel 1 superado" */ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-mp.cdmn-gano .cdmmp-fin{display:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-mp.cdmn-gano .cdmmp-tab{opacity:.15;transition:opacity .3s ease} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-mp .cdmmp-bar{display:flex!important} /* bienvenida: orillas llenas de brillos que titilan */ @keyframes cdmbTitilaO{0%,100%{opacity:.15;transform:translate3d(-50%,-50%,0) scale(.6)}50%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.15)}} .cdmb-orilla{position:absolute;inset:0;pointer-events:none;overflow:hidden} .cdmb-orilla i{position:absolute;border-radius:50%;background:radial-gradient(circle,#ffffff 0%,#fff1c4 35%,rgba(243,214,138,0) 72%);animation-name:cdmbTitilaO;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform,opacity} .cdmb-orilla i.est{border-radius:0;background:#fffbe8;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 5px rgba(255,241,196,.95))} @media (prefers-reduced-motion:reduce){.cdmb-orilla i{animation:none!important;opacity:.7}} /* bienvenida: transicion fluida de la victoria a la pantalla de arranque del juego (misma C y mismo fondo) */ @keyframes cdmnPasoC{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.92}50%{transform:translate(-50%,-50%) scale(1.06);opacity:1}} .cdmn-pasoC{position:fixed;inset:0;z-index:2147483000;background:radial-gradient(circle at 50% 47%,#1f3a7e 0%,#112250 36%,#0a1638 68%,#050b1f 100%);opacity:0;transition:opacity .6s ease;pointer-events:none} .cdmn-pasoC.on{opacity:1} .cdmn-pasoC .h{position:absolute;left:50%;top:47%;width:min(80vmin,520px);height:min(80vmin,520px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(232,201,119,.32) 0%,rgba(232,201,119,0) 65%)} .cdmn-pasoC .c{position:absolute;left:50%;top:47%;width:min(26vmin,170px);height:min(26vmin,170px);transform:translate(-50%,-50%);background:url("/web/image/22055") center / contain no-repeat;filter:drop-shadow(0 0 18px rgba(243,214,138,.55));animation:cdmnPasoC 1.4s ease-in-out infinite} /* bienvenida: anula el desplazamiento viejo (translate/scale/margin) que la subia en celular */ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8){translate:none!important;scale:none!important;rotate:none!important;margin:0!important;bottom:auto!important} @media (max-width:767.98px){html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8){left:50%!important;right:auto!important}} /* bienvenida: bomba dorada (premio visual) */ @keyframes cdmnBombaLate{0%,100%{transform:translate3d(0,0,0) scale(1);box-shadow:0 4px 8px rgba(0,0,0,.55),0 0 0 1.5px rgba(243,214,138,.75),0 0 12px rgba(243,214,138,.5)}50%{transform:translate3d(0,-3px,0) scale(1.13);box-shadow:0 8px 14px rgba(0,0,0,.6),0 0 0 2.5px #fff1c4,0 0 28px rgba(243,214,138,.95)}} @keyframes cdmnBombaPum{0%{transform:scale(1)}40%{transform:scale(1.5);opacity:1}100%{transform:scale(.2);opacity:0}} @keyframes cdmnSacude{0%,100%{transform:translate3d(0,0,0)}20%{transform:translate3d(-3px,1px,0) rotate(-3deg)}40%{transform:translate3d(3px,-1px,0) rotate(3deg)}60%{transform:translate3d(-2px,0,0)}80%{transform:translate3d(2px,0,0)}} @keyframes cdmnBombaTxt{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}25%{opacity:1;transform:translate(-50%,-80%) scale(1.1)}80%{opacity:1}100%{opacity:0;transform:translate(-50%,-140%) scale(1)}} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmmp-c.cdmn-bomba{position:relative;z-index:2;animation:cdmnBombaLate 1.6s ease-in-out infinite!important;cursor:pointer} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmmp-c.cdmn-bomba img{width:88%!important;height:88%!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmmp-c.cdmn-bomba::after{content:"";position:absolute;right:-4px;top:-4px;width:14px;height:14px;background:#fff6d8;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 4px #f3d68a);animation:cdmnChisEsp 1.2s ease-in-out infinite} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmmp-c.cdmn-bomba-pum{animation:cdmnBombaPum .5s ease forwards!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmmp-c.cdmn-sacude{animation:cdmnSacude .45s ease!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-bomba-txt{position:absolute;z-index:7;white-space:nowrap;font-family:Cinzel,'Times New Roman',serif;font-weight:700;font-size:22px;color:#fff6d8;text-shadow:0 0 12px rgba(243,214,138,.95),0 2px 6px rgba(0,0,0,.6);animation:cdmnBombaTxt 1.3s ease forwards;pointer-events:none} @media (prefers-reduced-motion:reduce){html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmmp-c.cdmn-bomba,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmmp-c.cdmn-sacude{animation:none!important}} /* bienvenida: los brillos no se apagan (fondo azul fijo mientras esta abierta; brillos ligeros) */ html.cdmb-abierta body::after{content:""!important;display:block!important;position:fixed!important;inset:0!important;z-index:1029!important;background:radial-gradient(60% 60% at 50% 52%,#16285c 0%,#0a1438 55%,#050b1f 100%)!important;pointer-events:none!important;opacity:1!important} @keyframes cdmbTitilaO2{0%,100%{opacity:.18}50%{opacity:1}} .cdmb-orilla i{will-change:auto!important;transform:none!important;margin:-3px 0 0 -3px;animation-name:cdmbTitilaO2!important} .cdmb-orilla i.est{margin:-5px 0 0 -5px} .cdmb-brillos i{will-change:auto!important} /* bienvenida: durante la victoria no se puede cerrar ni tocar nada */ html.cdmn-ganando .cdmb-velo,html.cdmn-ganando .cdmn .cdmn-bt,html.cdmn-ganando .cdmn .cdmn-x,html.cdmn-ganando .cdmn .cdmn-no,html.cdmn-ganando .cdmn .cdmn-jugar{pointer-events:none!important} html.cdmn-ganando .cdmn .cdmn-x,html.cdmn-ganando .cdmn .cdmn-no{opacity:0!important;transition:opacity .25s ease} /* bienvenida: sin puntitos dentro de la tarjeta; borde con brillos que titilan */ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5){background:radial-gradient(80% 50% at 50% 0%,rgba(223,180,76,.16),rgba(223,180,76,0) 70%),linear-gradient(180deg,#0e1b44 0%,#081236 60%,#050b1f 100%)!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-cuerpo,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-juego{background:none!important;background-image:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-chispas{display:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-borde-brillos{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:visible} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-borde-brillos i{position:absolute;margin:-3px 0 0 -3px;border-radius:50%;background:radial-gradient(circle,#ffffff 0%,#fff1c4 35%,rgba(243,214,138,0) 72%);animation:cdmbTitilaO2 2s ease-in-out infinite} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-borde-brillos i.est{margin:-5px 0 0 -5px;border-radius:0;background:#fffbe8;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 5px rgba(255,241,196,.95))} @media (prefers-reduced-motion:reduce){html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5) .cdmn-borde-brillos i{animation:none!important;opacity:.7}} /* bienvenida: el boton de abajo se ve claramente como boton de tienda */ html body .cdmn.cdmn-bienvenida.abierto:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3):not(#cdmt4) .cdmn-bt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3):not(#cdmt4)::before{display:none!important;content:none!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3):not(#cdmt4) .cdmn-bt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3):not(#cdmt4){border:1.5px solid #dfb44c!important;border-radius:999px!important;box-shadow:0 10px 24px -10px rgba(0,0,0,.55),0 0 0 4px rgba(243,214,138,.18)!important;animation:none!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3):not(#cdmt4) .cdmn-bt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3):not(#cdmt4)::after{color:#0a1438!important;-webkit-text-fill-color:#0a1438!important;text-shadow:none!important} @media (min-width:992px){ html body .cdmn.cdmn-bienvenida.abierto:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3):not(#cdmt4) .cdmn-bt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3):not(#cdmt4){background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'40'%20height%3D'40'%20viewBox%3D'0%200%2040%2040'%3E%3Ccircle%20cx%3D'20'%20cy%3D'20'%20r%3D'17'%20fill%3D'%230a1438'%2F%3E%3Cg%20fill%3D'none'%20stroke%3D'%23f3d68a'%20stroke-width%3D'1.9'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M13.5%2016.5h13l-1%2010.5h-11z'%2F%3E%3Cpath%20d%3D'M17%2016.5v-1.8a3%203%200%200%201%206%200v1.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),linear-gradient(180deg,#fffaf0 0%,#f6e7c4 100%)!important;background-repeat:no-repeat,repeat!important;background-size:40px 40px,auto!important;background-position:calc(100% - 8px) 50%,0 0!important;padding:0 58px 0 24px!important;min-height:52px!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3):not(#cdmt4) .cdmn-bt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3):not(#cdmt4)::after{content:"Ir a la tienda"!important;font:700 16px Cinzel,'Times New Roman',serif!important;letter-spacing:.03em!important} } @media (max-width:991.98px){ html body .cdmn.cdmn-bienvenida.abierto:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3):not(#cdmt4) .cdmn-bt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3):not(#cdmt4){background:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%230a1438'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%208h14l-1%2012H6z'%2F%3E%3Cpath%20d%3D'M9%208V6a3%203%200%200%201%206%200v2'%2F%3E%3C%2Fsvg%3E") 14px 50% / 18px 18px no-repeat,linear-gradient(180deg,#fffaf0 0%,#f6e7c4 100%)!important;padding:0 16px 0 40px!important;height:44px!important;max-width:200px!important;left:0!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3):not(#cdmt4) .cdmn-bt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3):not(#cdmt4)::after{content:"Tienda"!important;font:800 15px/1 Raleway,sans-serif!important;opacity:1!important} } /* bienvenida: Santa y Nuez se mueven poquito al pasar el cursor (no se separan de la tarjeta) */ @keyframes cdmnHolaN2{0%,100%{transform:rotate(0) translateY(0)}35%{transform:rotate(-2deg) translateY(-3px)}70%{transform:rotate(1deg) translateY(-1px)}} @keyframes cdmnHolaS2{0%,100%{transform:rotate(0) translateY(0)}35%{transform:rotate(2deg) translateY(-3px)}70%{transform:rotate(-1deg) translateY(-1px)}} .cdmn-lado2.izq.hola{animation:cdmnHolaN2 .6s ease-in-out!important} .cdmn-lado2.der.hola{animation:cdmnHolaS2 .6s ease-in-out!important} .cdmn-lado2.izq{transform-origin:100% 85%!important} .cdmn-lado2.der{transform-origin:0% 85%!important} /* mini partida: bomba navidena dentro del juego (rayos dorados, todas las piezas del mismo tipo revientan, el tablero tiembla) */ @keyframes cdmmpBombaLate{0%,100%{transform:translate3d(0,0,0) scale(1);box-shadow:0 4px 8px rgba(0,0,0,.55),0 0 0 1.5px rgba(243,214,138,.75),0 0 12px rgba(243,214,138,.5)}50%{transform:translate3d(0,-3px,0) scale(1.12);box-shadow:0 8px 14px rgba(0,0,0,.6),0 0 0 2.5px #fff1c4,0 0 28px rgba(243,214,138,.95)}} @keyframes cdmmpRayo{0%{clip-path:inset(0 100% 0 0);opacity:1}55%{clip-path:inset(0 0 0 0);opacity:1}100%{clip-path:inset(0 0 0 0);opacity:.85}} @keyframes cdmmpTiembla{0%,100%{transform:translate3d(0,0,0)}15%{transform:translate3d(-5px,2px,0)}30%{transform:translate3d(5px,-2px,0)}45%{transform:translate3d(-4px,1px,0)}60%{transform:translate3d(3px,-1px,0)}80%{transform:translate3d(-2px,0,0)}} @keyframes cdmmpBombaTxt{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}25%{opacity:1;transform:translate(-50%,-70%) scale(1.1)}85%{opacity:1}100%{opacity:0;transform:translate(-50%,-120%) scale(1)}} .cdmmp .cdmmp-tab{position:relative} .cdmmp .cdmmp-c.cdmmp-bomba{position:relative;z-index:2;animation:cdmmpBombaLate 1.6s ease-in-out infinite;cursor:pointer} .cdmmp .cdmmp-c.cdmmp-bomba img{width:88%!important;height:88%!important} .cdmmp .cdmmp-c.cdmmp-bomba-on{animation:none;transform:scale(1.25);box-shadow:0 0 0 3px #fff6d8,0 0 34px rgba(255,236,170,1)!important;z-index:6} .cdmmp .cdmmp-rayos{position:absolute;inset:0;pointer-events:none;z-index:5} .cdmmp .cdmmp-rayos i{position:absolute;height:4px;margin-top:-2px;transform-origin:0 50%;border-radius:4px;background:linear-gradient(90deg,#ffffff,#fff1c4 25%,#f3d68a 70%,rgba(243,214,138,.4));box-shadow:0 0 8px #f3d68a,0 0 18px rgba(243,214,138,.75);animation:cdmmpRayo .45s ease-out both} .cdmmp .cdmmp-c.cdmmp-tocado{transform:scale(1.14);box-shadow:0 0 0 2px #fff1c4,0 0 20px rgba(243,214,138,.95)!important;background:rgba(243,214,138,.25)!important;transition:transform .15s ease} .cdmmp .cdmmp-tab.cdmmp-tiembla{animation:cdmmpTiembla .5s ease} .cdmmp .cdmmp-bomba-txt{position:absolute;left:50%;top:50%;z-index:7;white-space:nowrap;font-family:Cinzel,'Times New Roman',serif;font-weight:700;font-size:22px;color:#fff6d8;text-shadow:0 0 12px rgba(243,214,138,.95),0 2px 6px rgba(0,0,0,.65);animation:cdmmpBombaTxt 1.4s ease forwards;pointer-events:none} @media (prefers-reduced-motion:reduce){.cdmmp .cdmmp-c.cdmmp-bomba,.cdmmp .cdmmp-tab.cdmmp-tiembla{animation:none!important}} /* bienvenida: sin puntitos dentro de la tarjeta; borde de la tarjeta con las estrellitas de antes */ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-juego::before,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-juego::after,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-mp::before,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-mp::after{display:none!important;content:none!important;background:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-borde-brillos{display:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-chispas{display:block!important} /* bienvenida: brillos de las orillas y lluvia por encima de los rayos; menos brillos en el borde de la tarjeta */ html body .cdmb-velo .cdmb-rayos{z-index:0!important} html body .cdmb-velo .cdmb-orilla,html body .cdmb-velo .cdmb-brillos{z-index:3!important} @keyframes cdmbTitilaO3{0%,100%{opacity:.35}50%{opacity:1}} @media (max-width:767.98px){ html body .cdmb-velo .cdmb-orilla i{animation-name:cdmbTitilaO3!important;min-width:3px;min-height:3px;filter:drop-shadow(0 0 3px rgba(255,244,210,.9))} html body .cdmb-velo .cdmb-orilla i:not(.est){transform:scale(1.35)!important} } html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-chispas i:nth-child(2n){display:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-chispas i{transform:scale(.7);opacity:.7} /* bienvenida: al ganar se detiene lo pesado del fondo para que la transicion sea fluida (sobre todo en celular) */ html.cdmn-ganando .cdmb-velo{-webkit-backdrop-filter:none!important;backdrop-filter:none!important} html.cdmn-ganando .cdmb-velo .cdmb-orilla,html.cdmn-ganando .cdmb-velo .cdmb-brillos,html.cdmn-ganando .cdmb-velo .cdmb-rayos,html.cdmn-ganando .cdmn-lados{opacity:0!important;transition:opacity .3s ease!important} html.cdmn-ganando .cdmb-velo .cdmb-orilla i,html.cdmn-ganando .cdmb-velo .cdmb-brillos i,html.cdmn-ganando .cdmb-velo .cdmb-rayos,html.cdmn-ganando .cdmn .cdmn-chispas i,html.cdmn-ganando .cdmn .cdmn-medalla{animation-play-state:paused!important} html.cdmn-ganando .cdmn-pasoC .c{will-change:transform} @media (max-width:767.98px){html.cdmn-ganando .cdmn .cdmn-panel.cdmn-carta .cdmn-flash{width:90px;height:90px}} /* mini partida: la bomba sin lineas de rayos (se queda el brillo, el temblor y la explosion) */ .cdmmp .cdmmp-rayos i{display:none!important} /* bienvenida: entrada propia, corta y con el concepto (sin retrasos viejos); titulo visible en Safari */ @keyframes cdmnEntBaja{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}} @keyframes cdmnEntSube{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}} @keyframes cdmnEntTitulo{0%{opacity:0;transform:scale(.92);filter:brightness(2.2)}60%{opacity:1;filter:brightness(1.4)}100%{opacity:1;transform:none;filter:none}} @keyframes cdmnEntPieza{0%{opacity:0;transform:translateY(-22px) scale(.85)}70%{opacity:1;transform:translateY(3px) scale(1.03)}100%{opacity:1;transform:none}} @keyframes cdmnEntBoton{0%{opacity:0;transform:translateY(14px) scale(.96)}100%{opacity:1;transform:none}} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-cuerpo,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-cuerpo > *,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-juego,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-mp{animation:none;transition-delay:0s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-k{animation:cdmnEntBaja .35s ease .08s both!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-t{animation:cdmnEntTitulo .5s ease .15s both!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-p{animation:cdmnEntSube .4s ease .25s both!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-bar{animation:cdmnEntSube .35s ease .32s both!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c{animation:cdmnEntPieza .42s cubic-bezier(.2,.8,.3,1.2) both!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c.cdmmp-bomba{animation:cdmnEntPieza .42s cubic-bezier(.2,.8,.3,1.2) both,cdmmpBombaLate 1.6s ease-in-out 1.1s infinite!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:nth-child(1){animation-delay:0.350s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:nth-child(2){animation-delay:0.385s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:nth-child(3){animation-delay:0.420s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:nth-child(4){animation-delay:0.455s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:nth-child(5){animation-delay:0.490s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:nth-child(6){animation-delay:0.430s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:nth-child(7){animation-delay:0.465s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:nth-child(8){animation-delay:0.500s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:nth-child(9){animation-delay:0.535s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:nth-child(10){animation-delay:0.570s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:nth-child(11){animation-delay:0.510s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:nth-child(12){animation-delay:0.545s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:nth-child(13){animation-delay:0.580s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:nth-child(14){animation-delay:0.615s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:nth-child(15){animation-delay:0.650s!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-etq{animation:cdmnEntSube .3s ease .7s both!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-jugar{animation:cdmnEntBoton .4s ease .7s both,cdmbPulso 1.8s ease-in-out 1.4s infinite!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-no{animation:cdmnEntSube .3s ease .8s both!important} @media (max-width:767.98px){ html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-t{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#f3d68a!important;-webkit-text-fill-color:#f3d68a!important;text-shadow:0 2px 10px rgba(223,180,76,.35)!important} } @media (prefers-reduced-motion:reduce){html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-k,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-t,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-p,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-bar,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-jugar,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-no,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-etq{animation:none!important;opacity:1!important}} /* bienvenida: fondo del tablero azul con luz suave y casillas claras (las piezas cafes se ven) */ html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-rs .cdmmp-tab,html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-mp .cdmmp-tab{background:radial-gradient(120% 90% at 50% 0%,#2c4a9a 0%,#1b2f6b 55%,#13245a 100%)!important;box-shadow:inset 0 0 0 1px rgba(223,180,76,.45),inset 0 10px 24px rgba(255,255,255,.06)!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-rs .cdmmp-tab::before{display:none!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-mp .cdmmp-c{background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.12))!important;box-shadow:0 4px 8px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(255,255,255,.12)!important} html body .cdmn.cdmn-bienvenida:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-etq{color:rgba(243,214,138,.95)!important} /* bienvenida: la entrada nunca esconde el contenido (todo visible desde el primer instante; solo se mueve) */ @keyframes cdmnEntBaja2{from{transform:translateY(-8px)}to{transform:none}} @keyframes cdmnEntSube2{from{transform:translateY(10px)}to{transform:none}} @keyframes cdmnEntTitulo2{0%{filter:brightness(1.9);transform:scale(.97)}100%{filter:none;transform:none}} @keyframes cdmnEntPieza2{0%{transform:translateY(-16px) scale(.9)}70%{transform:translateY(2px) scale(1.03)}100%{transform:none}} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-k,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-t,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-p,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-bar,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-jugar,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-no,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-etq{opacity:1!important;animation-fill-mode:none!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-k{animation-name:cdmnEntBaja2!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-t{animation-name:cdmnEntTitulo2!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-p,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-bar,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-no,html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-etq{animation-name:cdmnEntSube2!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c:not(.cdmmp-bomba){animation-name:cdmnEntPieza2!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmmp-tab .cdmmp-c.cdmmp-bomba{animation:cdmnEntPieza2 .42s cubic-bezier(.2,.8,.3,1.2),cdmmpBombaLate 1.6s ease-in-out .9s infinite!important} html body .cdmn.cdmn-bienvenida.abierto:not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw9) .cdmn-panel.cdmn-carta.cdmn-con-mp:not(#cdmw4):not(#cdmw5):not(#cdmw8) .cdmn-jugar{animation:cdmnEntSube2 .4s ease .5s,cdmbPulso 1.8s ease-in-out 1.2s infinite!important} /* bienvenida: brillos en lienzo (reemplazan a las piezas sueltas de orillas y lluvia) */ html body .cdmb-velo .cdmb-orilla,html body .cdmb-velo .cdmb-brillos{display:none!important} html body .cdmb-velo .cdmb-lienzo{position:absolute;left:0;top:0;z-index:3;pointer-events:none} html.cdmn-ganando .cdmb-velo .cdmb-lienzo{opacity:0;transition:opacity .3s ease} /* bienvenida: el lienzo de brillos en su propia capa, encima del fondo oscurecido y debajo de la tarjeta */ html body > canvas.cdmb-lienzo{position:fixed!important;left:0!important;top:0!important;z-index:1036!important;pointer-events:none!important;opacity:1;transition:opacity .3s ease} html.cdmn-ganando body > canvas.cdmb-lienzo{opacity:0!important} /* bienvenida: brillos de las orillas como capas fijas al frente del fondo (compatibles con iPhone) */ @keyframes cdmbBrA{0%,100%{opacity:1}50%{opacity:.25}} @keyframes cdmbBrB{0%,100%{opacity:.25}50%{opacity:1}} @keyframes cdmbBrC{0%,100%{opacity:.6}33%{opacity:1}66%{opacity:.2}} .cdmb-brillo-capa{position:fixed;inset:0;z-index:1037;pointer-events:none;background-repeat:no-repeat;opacity:0;transition:opacity .4s ease} .cdmb-brillo-capa.a{background-image:radial-gradient(circle 10.7px at 56.08% 2.09%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.3px,rgba(243,214,138,.45) 4.9px,rgba(243,214,138,0) 10.7px),radial-gradient(circle 14.8px at 98.33% 50.64%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.1px,rgba(243,214,138,.45) 6.8px,rgba(243,214,138,0) 14.8px),radial-gradient(circle 7.4px at 41.08% 96.87%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.4px),radial-gradient(circle 5.1px at 3.97% 7.66%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.1px),radial-gradient(circle 6.2px at 15.80% 4.17%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.2px),radial-gradient(circle 8.2px at 99.78% 5.01%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.8px,rgba(243,214,138,0) 8.2px),radial-gradient(circle 4.9px at 44.42% 99.90%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 4.9px),radial-gradient(circle 5.3px at 1.48% 55.03%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.3px),radial-gradient(circle 5.1px at 98.56% 0.20%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.1px),radial-gradient(circle 7.4px at 97.35% 33.04%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.4px),radial-gradient(circle 15.1px at 35.01% 99.00%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.2px,rgba(243,214,138,.45) 7.0px,rgba(243,214,138,0) 15.1px),radial-gradient(circle 5.1px at 0.43% 88.41%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.1px),radial-gradient(circle 6.9px at 40.17% 3.29%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.2px,rgba(243,214,138,0) 6.9px),radial-gradient(circle 4.5px at 99.88% 22.39%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.5px),radial-gradient(circle 6.9px at 41.23% 99.99%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.2px,rgba(243,214,138,0) 6.9px),radial-gradient(circle 6.2px at 9.04% 32.49%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.2px),radial-gradient(circle 6.0px at 83.84% 1.63%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.8px,rgba(243,214,138,0) 6.0px),radial-gradient(circle 4.7px at 99.47% 23.67%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.7px),radial-gradient(circle 8.2px at 76.67% 99.44%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.8px,rgba(243,214,138,0) 8.2px),radial-gradient(circle 6.8px at 8.46% 86.04%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.1px,rgba(243,214,138,0) 6.8px),radial-gradient(circle 5.6px at 2.41% 2.73%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.6px),radial-gradient(circle 7.2px at 99.66% 39.36%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.2px),radial-gradient(circle 11.4px at 95.64% 99.45%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.4px,rgba(243,214,138,.45) 5.3px,rgba(243,214,138,0) 11.4px),radial-gradient(circle 15.5px at 3.08% 44.11%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.3px,rgba(243,214,138,.45) 7.2px,rgba(243,214,138,0) 15.5px),radial-gradient(circle 6.1px at 87.23% 1.78%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.8px,rgba(243,214,138,0) 6.1px),radial-gradient(circle 5.3px at 99.90% 79.32%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.3px),radial-gradient(circle 7.1px at 15.44% 100.00%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.1px),radial-gradient(circle 7.6px at 4.01% 86.96%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.5px,rgba(243,214,138,0) 7.6px),radial-gradient(circle 9.2px at 3.74% 0.20%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.0px,rgba(243,214,138,.45) 4.3px,rgba(243,214,138,0) 9.2px),radial-gradient(circle 4.8px at 97.45% 83.07%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.8px),radial-gradient(circle 6.2px at 5.20% 97.88%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.2px),radial-gradient(circle 5.4px at 0.02% 35.57%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.4px),radial-gradient(circle 4.2px at 13.66% 5.96%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 1.9px,rgba(243,214,138,0) 4.2px),radial-gradient(circle 4.6px at 96.46% 8.64%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.6px),radial-gradient(circle 14.0px at 41.47% 98.03%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.0px,rgba(243,214,138,.45) 6.5px,rgba(243,214,138,0) 14.0px),radial-gradient(circle 8.0px at 1.74% 73.89%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.0px),radial-gradient(circle 5.7px at 63.92% 4.81%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.7px),radial-gradient(circle 9.5px at 99.96% 88.11%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.0px,rgba(243,214,138,.45) 4.4px,rgba(243,214,138,0) 9.5px),radial-gradient(circle 13.0px at 30.40% 99.75%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.8px,rgba(243,214,138,.45) 6.0px,rgba(243,214,138,0) 13.0px),radial-gradient(circle 7.9px at 1.64% 37.72%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 7.9px),radial-gradient(circle 14.9px at 42.16% 2.45%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.2px,rgba(243,214,138,.45) 6.9px,rgba(243,214,138,0) 14.9px),radial-gradient(circle 7.0px at 95.96% 49.88%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.2px,rgba(243,214,138,0) 7.0px),radial-gradient(circle 5.9px at 96.71% 98.20%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.7px,rgba(243,214,138,0) 5.9px),radial-gradient(circle 8.0px at 2.15% 70.28%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.0px),radial-gradient(circle 7.6px at 98.99% 2.63%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.5px,rgba(243,214,138,0) 7.6px),radial-gradient(circle 6.5px at 98.36% 7.55%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.0px,rgba(243,214,138,0) 6.5px),radial-gradient(circle 7.4px at 39.14% 96.09%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.4px),radial-gradient(circle 7.2px at 2.20% 44.40%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.2px),radial-gradient(circle 8.3px at 36.90% 0.01%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.8px,rgba(243,214,138,.45) 3.8px,rgba(243,214,138,0) 8.3px),radial-gradient(circle 4.9px at 96.01% 15.41%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.9px),radial-gradient(circle 4.2px at 52.77% 99.71%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.2px),radial-gradient(circle 11.6px at 9.13% 51.44%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.5px,rgba(243,214,138,.45) 5.4px,rgba(243,214,138,0) 11.6px),radial-gradient(circle 7.2px at 65.76% 0.24%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.2px),radial-gradient(circle 5.8px at 99.26% 90.77%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.7px,rgba(243,214,138,0) 5.8px),radial-gradient(circle 5.9px at 17.84% 93.36%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.7px,rgba(243,214,138,0) 5.9px),radial-gradient(circle 10.2px at 7.82% 56.84%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.1px,rgba(243,214,138,.45) 4.7px,rgba(243,214,138,0) 10.2px),radial-gradient(circle 6.3px at 25.06% 2.03%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.3px),radial-gradient(circle 13.9px at 99.12% 2.75%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.9px,rgba(243,214,138,.45) 6.4px,rgba(243,214,138,0) 13.9px),radial-gradient(circle 4.6px at 55.33% 98.22%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.6px),radial-gradient(circle 4.3px at 1.37% 22.32%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.3px),radial-gradient(circle 4.3px at 72.85% 0.11%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.3px),radial-gradient(circle 5.1px at 97.46% 27.90%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.1px),radial-gradient(circle 6.8px at 49.21% 94.96%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.1px,rgba(243,214,138,0) 6.8px),radial-gradient(circle 8.1px at 7.68% 94.80%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.1px),radial-gradient(circle 10.5px at 41.21% 6.16%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.2px,rgba(243,214,138,.45) 4.8px,rgba(243,214,138,0) 10.5px),radial-gradient(circle 8.2px at 99.88% 72.39%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.8px,rgba(243,214,138,0) 8.2px),radial-gradient(circle 4.8px at 35.27% 99.41%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.8px),radial-gradient(circle 7.1px at 8.33% 61.92%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.1px),radial-gradient(circle 13.7px at 58.54% 0.59%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.9px,rgba(243,214,138,.45) 6.3px,rgba(243,214,138,0) 13.7px),radial-gradient(circle 5.6px at 90.82% 60.92%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.6px),radial-gradient(circle 11.6px at 56.71% 97.25%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.5px,rgba(243,214,138,.45) 5.4px,rgba(243,214,138,0) 11.6px),radial-gradient(circle 6.4px at 6.57% 74.32%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.4px),radial-gradient(circle 10.0px at 38.42% 3.37%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.1px,rgba(243,214,138,.45) 4.6px,rgba(243,214,138,0) 10.0px),radial-gradient(circle 8.0px at 98.83% 92.24%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.0px),radial-gradient(circle 4.5px at 86.39% 98.27%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.5px),radial-gradient(circle 5.2px at 7.71% 34.45%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.2px),radial-gradient(circle 8.2px at 35.18% 0.01%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.8px,rgba(243,214,138,0) 8.2px),radial-gradient(circle 4.4px at 93.63% 61.43%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.4px),radial-gradient(circle 5.4px at 15.66% 98.16%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.4px),radial-gradient(circle 5.1px at 0.44% 52.19%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 5.1px),radial-gradient(circle 4.5px at 66.09% 3.09%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.5px),radial-gradient(circle 4.2px at 100.00% 48.72%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 1.9px,rgba(243,214,138,0) 4.2px),radial-gradient(circle 11.1px at 9.94% 96.51%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.3px,rgba(243,214,138,.45) 5.1px,rgba(243,214,138,0) 11.1px),radial-gradient(circle 7.8px at 1.58% 67.05%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.6px,rgba(243,214,138,0) 7.8px),radial-gradient(circle 8.3px at 0.30% 0.20%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.8px,rgba(243,214,138,.45) 3.8px,rgba(243,214,138,0) 8.3px),radial-gradient(circle 8.0px at 93.04% 75.10%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.0px),radial-gradient(circle 4.4px at 30.98% 100.00%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.4px),radial-gradient(circle 8.1px at 3.62% 37.06%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.1px),radial-gradient(circle 7.1px at 14.34% 3.20%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.1px),radial-gradient(circle 11.2px at 100.00% 24.53%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.4px,rgba(243,214,138,.45) 5.2px,rgba(243,214,138,0) 11.2px),radial-gradient(circle 6.4px at 25.68% 99.98%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.4px),radial-gradient(circle 11.4px at 2.45% 94.31%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.4px,rgba(243,214,138,.45) 5.3px,rgba(243,214,138,0) 11.4px),radial-gradient(circle 5.5px at 14.38% 0.04%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.5px),radial-gradient(circle 11.8px at 99.92% 32.81%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.5px,rgba(243,214,138,.45) 5.4px,rgba(243,214,138,0) 11.8px),radial-gradient(circle 6.3px at 81.69% 99.23%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.3px),radial-gradient(circle 7.2px at 7.75% 67.20%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.2px),radial-gradient(circle 5.2px at 25.13% 1.85%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.2px),radial-gradient(circle 7.8px at 96.57% 43.15%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.6px,rgba(243,214,138,0) 7.8px),radial-gradient(circle 5.1px at 49.64% 99.93%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.1px),radial-gradient(circle 7.2px at 5.79% 69.30%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.2px),radial-gradient(circle 4.4px at 45.35% 0.07%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.4px),radial-gradient(circle 12.0px at 98.69% 28.38%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.5px,rgba(243,214,138,.45) 5.6px,rgba(243,214,138,0) 12.0px),radial-gradient(circle 12.3px at 31.99% 95.07%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.6px,rgba(243,214,138,.45) 5.7px,rgba(243,214,138,0) 12.3px),radial-gradient(circle 14.2px at 1.67% 54.95%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.0px,rgba(243,214,138,.45) 6.6px,rgba(243,214,138,0) 14.2px),radial-gradient(circle 4.5px at 70.08% 1.55%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.5px),radial-gradient(circle 5.1px at 90.73% 79.87%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.1px),radial-gradient(circle 7.0px at 38.63% 99.28%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.2px,rgba(243,214,138,0) 7.0px),radial-gradient(circle 7.4px at 7.31% 41.42%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.4px),radial-gradient(circle 6.6px at 79.60% 0.20%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.1px,rgba(243,214,138,0) 6.6px),radial-gradient(circle 12.0px at 99.04% 63.05%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.5px,rgba(243,214,138,.45) 5.5px,rgba(243,214,138,0) 12.0px),radial-gradient(circle 5.2px at 9.05% 98.81%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.2px),radial-gradient(circle 5.2px at 0.00% 97.84%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.2px),radial-gradient(circle 7.2px at 94.87% 0.43%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.2px),radial-gradient(circle 4.6px at 96.34% 39.64%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.6px),radial-gradient(circle 7.8px at 1.27% 99.88%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.6px,rgba(243,214,138,0) 7.8px),radial-gradient(circle 10.3px at 3.93% 0.77%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.2px,rgba(243,214,138,.45) 4.7px,rgba(243,214,138,0) 10.3px),radial-gradient(circle 9.3px at 99.86% 0.68%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.0px,rgba(243,214,138,.45) 4.3px,rgba(243,214,138,0) 9.3px),radial-gradient(circle 4.7px at 99.62% 56.56%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.7px),radial-gradient(circle 12.3px at 47.41% 99.51%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.6px,rgba(243,214,138,.45) 5.7px,rgba(243,214,138,0) 12.3px),radial-gradient(circle 7.0px at 0.00% 56.38%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.0px),radial-gradient(circle 6.9px at 30.36% 8.92%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.2px,rgba(243,214,138,0) 6.9px),radial-gradient(circle 11.2px at 95.37% 1.46%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.4px,rgba(243,214,138,.45) 5.2px,rgba(243,214,138,0) 11.2px),radial-gradient(circle 7.4px at 75.86% 97.77%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.4px),radial-gradient(circle 4.9px at 9.31% 89.35%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 4.9px),radial-gradient(circle 5.6px at 29.58% 4.20%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.6px),radial-gradient(circle 8.0px at 98.75% 24.97%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.0px),radial-gradient(circle 5.5px at 0.18% 91.07%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.5px),radial-gradient(circle 5.0px at 6.61% 98.45%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 5.0px),radial-gradient(circle 7.5px at 70.37% 0.96%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.5px,rgba(243,214,138,0) 7.5px),radial-gradient(circle 7.3px at 97.19% 29.54%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.3px),radial-gradient(circle 6.6px at 74.72% 93.27%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.1px,rgba(243,214,138,0) 6.6px),radial-gradient(circle 4.6px at 0.01% 78.74%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.6px),radial-gradient(circle 4.8px at 44.08% 1.89%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.8px),radial-gradient(circle 4.9px at 98.94% 25.06%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.9px),radial-gradient(circle 6.2px at 16.74% 99.85%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.2px),radial-gradient(circle 4.9px at 0.93% 10.48%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 4.9px),radial-gradient(circle 12.9px at 16.15% 0.03%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.7px,rgba(243,214,138,.45) 6.0px,rgba(243,214,138,0) 12.9px),radial-gradient(circle 13.0px at 99.14% 51.04%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.8px,rgba(243,214,138,.45) 6.0px,rgba(243,214,138,0) 13.0px),radial-gradient(circle 6.2px at 95.39% 93.18%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.2px),radial-gradient(circle 6.4px at 3.65% 14.64%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.4px),radial-gradient(circle 9.9px at 48.29% 0.47%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.1px,rgba(243,214,138,.45) 4.6px,rgba(243,214,138,0) 9.9px),radial-gradient(circle 7.4px at 96.29% 65.49%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.4px),radial-gradient(circle 6.9px at 87.21% 95.25%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.2px,rgba(243,214,138,0) 6.9px),radial-gradient(circle 7.2px at 2.97% 75.18%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.2px),radial-gradient(circle 7.1px at 87.44% 1.31%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.1px),radial-gradient(circle 13.2px at 90.46% 0.51%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.8px,rgba(243,214,138,.45) 6.1px,rgba(243,214,138,0) 13.2px),radial-gradient(circle 4.4px at 98.37% 90.50%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.4px),radial-gradient(circle 8.0px at 5.88% 27.91%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.0px),radial-gradient(circle 4.7px at 21.23% 0.06%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.7px),radial-gradient(circle 7.5px at 99.91% 84.51%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.5px,rgba(243,214,138,0) 7.5px);animation:cdmbBrA 2.2s ease-in-out infinite} .cdmb-brillo-capa.b{background-image:radial-gradient(circle 5.8px at 62.26% 1.70%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.7px,rgba(243,214,138,0) 5.8px),radial-gradient(circle 6.5px at 99.84% 2.50%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.0px,rgba(243,214,138,0) 6.5px),radial-gradient(circle 4.8px at 97.88% 92.69%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.8px),radial-gradient(circle 6.4px at 1.56% 73.10%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.0px,rgba(243,214,138,0) 6.4px),radial-gradient(circle 6.0px at 71.36% 0.75%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.8px,rgba(243,214,138,0) 6.0px),radial-gradient(circle 4.3px at 93.46% 43.29%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.3px),radial-gradient(circle 8.2px at 2.46% 99.99%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.8px,rgba(243,214,138,0) 8.2px),radial-gradient(circle 7.6px at 0.78% 47.63%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.5px,rgba(243,214,138,0) 7.6px),radial-gradient(circle 5.6px at 51.66% 2.40%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.6px),radial-gradient(circle 5.7px at 91.10% 17.00%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.7px),radial-gradient(circle 5.8px at 97.98% 93.20%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.7px,rgba(243,214,138,0) 5.8px),radial-gradient(circle 7.1px at 3.59% 89.66%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.1px),radial-gradient(circle 5.8px at 83.39% 6.45%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.7px,rgba(243,214,138,0) 5.8px),radial-gradient(circle 14.4px at 97.32% 89.06%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.1px,rgba(243,214,138,.45) 6.7px,rgba(243,214,138,0) 14.4px),radial-gradient(circle 14.5px at 23.95% 93.76%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.1px,rgba(243,214,138,.45) 6.7px,rgba(243,214,138,0) 14.5px),radial-gradient(circle 7.2px at 0.81% 68.31%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.2px),radial-gradient(circle 7.3px at 87.56% 0.08%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.3px),radial-gradient(circle 11.4px at 95.04% 21.21%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.4px,rgba(243,214,138,.45) 5.3px,rgba(243,214,138,0) 11.4px),radial-gradient(circle 4.2px at 38.40% 99.91%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.2px),radial-gradient(circle 7.9px at 0.27% 60.12%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.6px,rgba(243,214,138,0) 7.9px),radial-gradient(circle 8.1px at 48.10% 0.02%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.1px),radial-gradient(circle 8.0px at 92.53% 60.35%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.0px),radial-gradient(circle 14.7px at 73.43% 98.20%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.1px,rgba(243,214,138,.45) 6.8px,rgba(243,214,138,0) 14.7px),radial-gradient(circle 5.4px at 1.78% 71.28%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.4px),radial-gradient(circle 4.8px at 0.82% 0.54%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.8px),radial-gradient(circle 5.7px at 97.03% 94.15%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.7px),radial-gradient(circle 4.3px at 57.43% 96.77%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.3px),radial-gradient(circle 5.5px at 8.94% 26.48%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.5px),radial-gradient(circle 9.4px at 88.94% 0.33%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.0px,rgba(243,214,138,.45) 4.3px,rgba(243,214,138,0) 9.4px),radial-gradient(circle 7.7px at 99.85% 73.21%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.6px,rgba(243,214,138,0) 7.7px),radial-gradient(circle 4.7px at 3.98% 96.76%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.7px),radial-gradient(circle 6.6px at 0.01% 24.47%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.0px,rgba(243,214,138,0) 6.6px),radial-gradient(circle 11.8px at 85.28% 5.66%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.5px,rgba(243,214,138,.45) 5.4px,rgba(243,214,138,0) 11.8px),radial-gradient(circle 5.1px at 92.50% 0.00%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.1px),radial-gradient(circle 6.8px at 67.40% 95.34%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.1px,rgba(243,214,138,0) 6.8px),radial-gradient(circle 5.7px at 0.13% 60.32%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.7px),radial-gradient(circle 5.4px at 81.21% 1.74%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.4px),radial-gradient(circle 7.8px at 92.10% 84.41%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.6px,rgba(243,214,138,0) 7.8px),radial-gradient(circle 5.9px at 64.98% 91.90%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.7px,rgba(243,214,138,0) 5.9px),radial-gradient(circle 8.3px at 9.76% 14.27%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.8px,rgba(243,214,138,.45) 3.8px,rgba(243,214,138,0) 8.3px),radial-gradient(circle 15.3px at 42.17% 0.58%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.2px,rgba(243,214,138,.45) 7.1px,rgba(243,214,138,0) 15.3px),radial-gradient(circle 5.0px at 94.62% 65.94%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 5.0px),radial-gradient(circle 8.3px at 65.85% 99.83%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.8px,rgba(243,214,138,0) 8.3px),radial-gradient(circle 6.5px at 2.21% 7.33%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.0px,rgba(243,214,138,0) 6.5px),radial-gradient(circle 5.8px at 29.87% 0.94%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.7px,rgba(243,214,138,0) 5.8px),radial-gradient(circle 8.1px at 96.51% 2.62%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.1px),radial-gradient(circle 5.7px at 46.56% 99.52%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.7px),radial-gradient(circle 6.9px at 0.91% 23.42%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.2px,rgba(243,214,138,0) 6.9px),radial-gradient(circle 6.3px at 91.23% 0.01%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.3px),radial-gradient(circle 9.2px at 99.76% 26.53%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.9px,rgba(243,214,138,.45) 4.2px,rgba(243,214,138,0) 9.2px),radial-gradient(circle 6.9px at 13.27% 98.64%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.2px,rgba(243,214,138,0) 6.9px),radial-gradient(circle 5.8px at 0.07% 98.37%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.7px,rgba(243,214,138,0) 5.8px),radial-gradient(circle 4.9px at 13.92% 9.31%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 4.9px),radial-gradient(circle 9.5px at 99.67% 66.09%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.0px,rgba(243,214,138,.45) 4.4px,rgba(243,214,138,0) 9.5px),radial-gradient(circle 10.7px at 90.69% 98.24%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.3px,rgba(243,214,138,.45) 4.9px,rgba(243,214,138,0) 10.7px),radial-gradient(circle 6.3px at 0.56% 75.37%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.3px),radial-gradient(circle 12.7px at 48.53% 1.56%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.7px,rgba(243,214,138,.45) 5.8px,rgba(243,214,138,0) 12.7px),radial-gradient(circle 7.1px at 94.39% 34.86%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.1px),radial-gradient(circle 7.2px at 77.57% 94.55%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.2px),radial-gradient(circle 7.4px at 4.85% 27.27%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.4px),radial-gradient(circle 6.2px at 97.55% 4.76%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.2px),radial-gradient(circle 12.0px at 99.94% 87.17%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.5px,rgba(243,214,138,.45) 5.5px,rgba(243,214,138,0) 12.0px),radial-gradient(circle 5.8px at 68.97% 94.67%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.7px,rgba(243,214,138,0) 5.8px),radial-gradient(circle 5.1px at 9.03% 45.43%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 5.1px),radial-gradient(circle 5.6px at 70.85% 9.08%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.6px),radial-gradient(circle 9.8px at 99.74% 40.31%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.1px,rgba(243,214,138,.45) 4.5px,rgba(243,214,138,0) 9.8px),radial-gradient(circle 6.6px at 45.15% 99.83%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.0px,rgba(243,214,138,0) 6.6px),radial-gradient(circle 9.8px at 0.00% 95.27%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.1px,rgba(243,214,138,.45) 4.5px,rgba(243,214,138,0) 9.8px),radial-gradient(circle 6.5px at 7.93% 4.60%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.0px,rgba(243,214,138,0) 6.5px),radial-gradient(circle 5.1px at 90.16% 63.40%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.1px),radial-gradient(circle 5.7px at 27.09% 92.15%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.7px),radial-gradient(circle 5.9px at 9.05% 38.53%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.7px,rgba(243,214,138,0) 5.9px),radial-gradient(circle 14.7px at 66.83% 0.10%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.1px,rgba(243,214,138,.45) 6.8px,rgba(243,214,138,0) 14.7px),radial-gradient(circle 14.5px at 99.24% 32.99%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.1px,rgba(243,214,138,.45) 6.7px,rgba(243,214,138,0) 14.5px),radial-gradient(circle 5.6px at 98.75% 96.55%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.6px),radial-gradient(circle 4.6px at 0.34% 22.11%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.6px),radial-gradient(circle 10.1px at 79.64% 8.11%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.1px,rgba(243,214,138,.45) 4.7px,rgba(243,214,138,0) 10.1px),radial-gradient(circle 4.2px at 99.00% 55.26%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.2px),radial-gradient(circle 6.9px at 95.91% 91.31%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.2px,rgba(243,214,138,0) 6.9px),radial-gradient(circle 15.5px at 1.06% 33.68%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.3px,rgba(243,214,138,.45) 7.1px,rgba(243,214,138,0) 15.5px),radial-gradient(circle 4.5px at 74.74% 6.59%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.5px),radial-gradient(circle 4.8px at 90.92% 54.90%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.8px),radial-gradient(circle 8.3px at 61.81% 99.13%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.8px,rgba(243,214,138,.45) 3.8px,rgba(243,214,138,0) 8.3px),radial-gradient(circle 5.2px at 4.71% 23.86%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.2px),radial-gradient(circle 5.4px at 65.74% 8.70%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.4px),radial-gradient(circle 7.8px at 97.97% 30.67%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.6px,rgba(243,214,138,0) 7.8px),radial-gradient(circle 4.7px at 69.26% 95.89%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.7px),radial-gradient(circle 13.9px at 2.69% 95.10%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.9px,rgba(243,214,138,.45) 6.4px,rgba(243,214,138,0) 13.9px),radial-gradient(circle 5.2px at 6.94% 2.09%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.2px),radial-gradient(circle 6.0px at 98.91% 77.63%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.8px,rgba(243,214,138,0) 6.0px),radial-gradient(circle 4.7px at 9.64% 98.20%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.7px),radial-gradient(circle 7.6px at 0.00% 57.28%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.5px,rgba(243,214,138,0) 7.6px),radial-gradient(circle 7.5px at 15.63% 1.91%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.5px,rgba(243,214,138,0) 7.5px),radial-gradient(circle 10.2px at 99.13% 76.03%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.2px,rgba(243,214,138,.45) 4.7px,rgba(243,214,138,0) 10.2px),radial-gradient(circle 10.7px at 48.37% 95.06%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.3px,rgba(243,214,138,.45) 4.9px,rgba(243,214,138,0) 10.7px),radial-gradient(circle 8.0px at 3.88% 49.92%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.0px),radial-gradient(circle 6.2px at 60.95% 6.62%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.2px),radial-gradient(circle 4.9px at 99.35% 46.86%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 4.9px),radial-gradient(circle 6.0px at 47.18% 97.09%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.8px,rgba(243,214,138,0) 6.0px),radial-gradient(circle 7.4px at 3.57% 31.04%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.4px),radial-gradient(circle 5.5px at 19.43% 1.11%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.5px),radial-gradient(circle 4.3px at 92.11% 74.07%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.3px),radial-gradient(circle 13.6px at 52.99% 98.77%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.9px,rgba(243,214,138,.45) 6.3px,rgba(243,214,138,0) 13.6px),radial-gradient(circle 11.0px at 3.68% 32.74%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.3px,rgba(243,214,138,.45) 5.1px,rgba(243,214,138,0) 11.0px),radial-gradient(circle 5.7px at 97.26% 0.70%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.7px),radial-gradient(circle 7.9px at 94.30% 93.46%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 7.9px),radial-gradient(circle 7.4px at 53.45% 94.65%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.4px),radial-gradient(circle 4.7px at 1.66% 83.40%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.7px),radial-gradient(circle 4.5px at 19.11% 1.81%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.5px),radial-gradient(circle 12.2px at 98.75% 48.24%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.6px,rgba(243,214,138,.45) 5.6px,rgba(243,214,138,0) 12.2px),radial-gradient(circle 8.1px at 99.18% 90.19%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.1px),radial-gradient(circle 7.9px at 0.08% 96.62%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.6px,rgba(243,214,138,0) 7.9px),radial-gradient(circle 4.2px at 83.77% 0.32%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 1.9px,rgba(243,214,138,0) 4.2px),radial-gradient(circle 6.2px at 96.57% 11.25%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.2px),radial-gradient(circle 8.3px at 92.64% 98.76%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.8px,rgba(243,214,138,.45) 3.8px,rgba(243,214,138,0) 8.3px),radial-gradient(circle 4.4px at 7.60% 26.71%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.4px),radial-gradient(circle 6.1px at 86.29% 9.56%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.8px,rgba(243,214,138,0) 6.1px),radial-gradient(circle 4.4px at 90.83% 73.85%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.4px),radial-gradient(circle 5.4px at 43.72% 99.97%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.4px),radial-gradient(circle 6.3px at 5.34% 90.95%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.3px),radial-gradient(circle 14.0px at 6.91% 2.16%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.0px,rgba(243,214,138,.45) 6.5px,rgba(243,214,138,0) 14.0px),radial-gradient(circle 11.6px at 98.26% 1.47%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.5px,rgba(243,214,138,.45) 5.4px,rgba(243,214,138,0) 11.6px),radial-gradient(circle 5.4px at 91.92% 96.78%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.4px),radial-gradient(circle 7.3px at 4.09% 58.49%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.3px),radial-gradient(circle 8.3px at 66.63% 4.28%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.8px,rgba(243,214,138,.45) 3.8px,rgba(243,214,138,0) 8.3px),radial-gradient(circle 6.1px at 99.76% 55.84%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.8px,rgba(243,214,138,0) 6.1px),radial-gradient(circle 7.1px at 95.26% 99.89%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.1px),radial-gradient(circle 7.4px at 1.54% 5.86%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.4px),radial-gradient(circle 7.2px at 49.40% 0.23%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.2px),radial-gradient(circle 5.3px at 97.26% 83.87%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.3px),radial-gradient(circle 11.9px at 85.84% 98.94%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.5px,rgba(243,214,138,.45) 5.5px,rgba(243,214,138,0) 11.9px),radial-gradient(circle 7.3px at 0.46% 39.25%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.3px),radial-gradient(circle 4.8px at 91.01% 3.39%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.8px),radial-gradient(circle 6.6px at 99.86% 73.22%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.1px,rgba(243,214,138,0) 6.6px),radial-gradient(circle 4.8px at 92.06% 99.98%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.8px),radial-gradient(circle 4.2px at 9.21% 83.33%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 1.9px,rgba(243,214,138,0) 4.2px),radial-gradient(circle 8.1px at 34.68% 1.70%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.1px),radial-gradient(circle 6.8px at 99.43% 74.50%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.1px,rgba(243,214,138,0) 6.8px),radial-gradient(circle 6.1px at 27.50% 99.40%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.8px,rgba(243,214,138,0) 6.1px),radial-gradient(circle 4.8px at 8.63% 36.87%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.8px),radial-gradient(circle 7.8px at 53.24% 2.82%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.6px,rgba(243,214,138,0) 7.8px),radial-gradient(circle 5.2px at 99.63% 90.19%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.2px),radial-gradient(circle 14.7px at 46.48% 99.42%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.1px,rgba(243,214,138,.45) 6.8px,rgba(243,214,138,0) 14.7px),radial-gradient(circle 12.3px at 3.18% 94.95%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.6px,rgba(243,214,138,.45) 5.7px,rgba(243,214,138,0) 12.3px),radial-gradient(circle 8.2px at 38.06% 1.85%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.8px,rgba(243,214,138,0) 8.2px),radial-gradient(circle 7.4px at 99.88% 30.15%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.4px),radial-gradient(circle 5.0px at 66.28% 99.99%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 5.0px),radial-gradient(circle 5.6px at 4.13% 37.79%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.6px),radial-gradient(circle 12.5px at 54.57% 0.22%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.7px,rgba(243,214,138,.45) 5.8px,rgba(243,214,138,0) 12.5px),radial-gradient(circle 6.9px at 97.36% 33.91%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.2px,rgba(243,214,138,0) 6.9px);animation:cdmbBrB 2.2s ease-in-out infinite} .cdmb-brillo-capa.c{background-image:radial-gradient(circle 5.9px at 2.81% 2.83%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.7px,rgba(243,214,138,0) 5.9px),radial-gradient(circle 7.1px at 96.15% 79.67%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.1px),radial-gradient(circle 6.6px at 47.48% 98.96%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.0px,rgba(243,214,138,0) 6.6px),radial-gradient(circle 4.5px at 2.14% 82.78%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.5px),radial-gradient(circle 7.1px at 69.52% 4.80%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.3px,rgba(243,214,138,0) 7.1px),radial-gradient(circle 6.1px at 98.56% 54.62%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.8px,rgba(243,214,138,0) 6.1px),radial-gradient(circle 5.1px at 70.17% 99.39%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.1px),radial-gradient(circle 4.7px at 2.43% 22.34%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.7px),radial-gradient(circle 5.4px at 46.94% 5.57%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.4px),radial-gradient(circle 6.6px at 96.95% 31.62%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.0px,rgba(243,214,138,0) 6.6px),radial-gradient(circle 6.7px at 4.78% 94.82%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.1px,rgba(243,214,138,0) 6.7px),radial-gradient(circle 7.4px at 0.04% 91.11%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.4px),radial-gradient(circle 7.4px at 33.82% 0.03%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.4px),radial-gradient(circle 7.6px at 99.99% 83.52%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.5px,rgba(243,214,138,0) 7.6px),radial-gradient(circle 6.4px at 53.80% 100.00%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.0px,rgba(243,214,138,0) 6.4px),radial-gradient(circle 6.3px at 1.42% 43.42%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.3px),radial-gradient(circle 6.1px at 25.22% 0.02%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.8px,rgba(243,214,138,0) 6.1px),radial-gradient(circle 10.9px at 99.45% 1.68%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.3px,rgba(243,214,138,.45) 5.0px,rgba(243,214,138,0) 10.9px),radial-gradient(circle 5.9px at 27.10% 99.44%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.7px,rgba(243,214,138,0) 5.9px),radial-gradient(circle 4.9px at 2.20% 96.56%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 4.9px),radial-gradient(circle 6.8px at 1.40% 1.91%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.2px,rgba(243,214,138,0) 6.8px),radial-gradient(circle 4.8px at 99.22% 51.52%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.8px),radial-gradient(circle 6.8px at 64.18% 100.00%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.1px,rgba(243,214,138,0) 6.8px),radial-gradient(circle 5.4px at 0.73% 19.65%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.4px),radial-gradient(circle 12.0px at 83.34% 0.32%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.5px,rgba(243,214,138,.45) 5.5px,rgba(243,214,138,0) 12.0px),radial-gradient(circle 6.2px at 99.45% 94.78%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.8px,rgba(243,214,138,0) 6.2px),radial-gradient(circle 8.0px at 23.08% 98.40%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.0px),radial-gradient(circle 7.9px at 3.52% 89.24%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.6px,rgba(243,214,138,0) 7.9px),radial-gradient(circle 5.9px at 55.00% 8.51%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.7px,rgba(243,214,138,0) 5.9px),radial-gradient(circle 4.9px at 97.55% 78.36%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.9px),radial-gradient(circle 5.0px at 35.89% 99.64%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 5.0px),radial-gradient(circle 4.5px at 4.06% 11.51%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.5px),radial-gradient(circle 13.8px at 52.16% 0.48%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.9px,rgba(243,214,138,.45) 6.4px,rgba(243,214,138,0) 13.8px),radial-gradient(circle 4.3px at 95.82% 89.93%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.3px),radial-gradient(circle 10.1px at 30.99% 99.87%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.1px,rgba(243,214,138,.45) 4.7px,rgba(243,214,138,0) 10.1px),radial-gradient(circle 5.1px at 0.56% 11.15%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.1px),radial-gradient(circle 4.4px at 18.06% 3.77%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.4px),radial-gradient(circle 5.4px at 100.00% 80.11%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.4px),radial-gradient(circle 5.7px at 21.99% 99.52%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.7px),radial-gradient(circle 8.0px at 6.07% 86.92%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.0px),radial-gradient(circle 10.4px at 25.51% 9.57%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.2px,rgba(243,214,138,.45) 4.8px,rgba(243,214,138,0) 10.4px),radial-gradient(circle 7.5px at 92.77% 51.35%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.5px,rgba(243,214,138,0) 7.5px),radial-gradient(circle 5.5px at 63.19% 93.82%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.5px),radial-gradient(circle 6.2px at 4.25% 33.88%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.2px),radial-gradient(circle 5.0px at 65.89% 5.64%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 5.0px),radial-gradient(circle 14.8px at 99.14% 13.53%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 3.1px,rgba(243,214,138,.45) 6.9px,rgba(243,214,138,0) 14.8px),radial-gradient(circle 7.8px at 71.88% 94.16%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.6px,rgba(243,214,138,0) 7.8px),radial-gradient(circle 5.1px at 3.76% 32.28%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.1px),radial-gradient(circle 5.4px at 4.62% 0.01%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.5px,rgba(243,214,138,0) 5.4px),radial-gradient(circle 8.3px at 90.81% 6.17%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.8px,rgba(243,214,138,0) 8.3px),radial-gradient(circle 6.5px at 17.20% 99.86%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.0px,rgba(243,214,138,0) 6.5px),radial-gradient(circle 5.2px at 3.26% 3.11%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.4px,rgba(243,214,138,0) 5.2px),radial-gradient(circle 6.3px at 3.43% 7.60%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.3px),radial-gradient(circle 7.7px at 91.31% 87.29%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.5px,rgba(243,214,138,0) 7.7px),radial-gradient(circle 5.7px at 75.68% 95.70%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.7px),radial-gradient(circle 4.6px at 0.32% 30.32%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.6px),radial-gradient(circle 7.3px at 9.24% 4.53%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.3px),radial-gradient(circle 5.6px at 91.13% 88.99%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.6px),radial-gradient(circle 6.0px at 53.51% 96.61%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.8px,rgba(243,214,138,0) 6.0px),radial-gradient(circle 8.2px at 0.05% 49.71%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.8px,rgba(243,214,138,0) 8.2px),radial-gradient(circle 7.7px at 9.70% 0.02%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.6px,rgba(243,214,138,0) 7.7px),radial-gradient(circle 4.9px at 94.62% 39.65%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 4.9px),radial-gradient(circle 4.8px at 75.36% 94.33%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.8px),radial-gradient(circle 6.4px at 4.58% 4.49%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.4px),radial-gradient(circle 4.2px at 55.43% 0.73%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 1.9px,rgba(243,214,138,0) 4.2px),radial-gradient(circle 8.1px at 98.51% 52.87%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.7px,rgba(243,214,138,.45) 3.7px,rgba(243,214,138,0) 8.1px),radial-gradient(circle 4.4px at 40.02% 97.61%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.1px,rgba(243,214,138,0) 4.4px),radial-gradient(circle 6.5px at 8.48% 67.50%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.0px,rgba(243,214,138,0) 6.5px),radial-gradient(circle 4.4px at 48.89% 4.55%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.4px),radial-gradient(circle 4.7px at 99.72% 82.96%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.7px),radial-gradient(circle 6.4px at 42.54% 99.33%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.4px),radial-gradient(circle 4.7px at 0.58% 30.10%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.0px,rgba(243,214,138,.45) 2.2px,rgba(243,214,138,0) 4.7px),radial-gradient(circle 5.7px at 99.97% 1.24%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.7px),radial-gradient(circle 6.5px at 99.98% 47.20%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.0px,rgba(243,214,138,0) 6.5px),radial-gradient(circle 7.5px at 63.16% 93.69%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.5px,rgba(243,214,138,0) 7.5px),radial-gradient(circle 6.0px at 5.53% 57.72%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.8px,rgba(243,214,138,0) 6.0px),radial-gradient(circle 11.4px at 48.17% 8.13%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 2.4px,rgba(243,214,138,.45) 5.3px,rgba(243,214,138,0) 11.4px),radial-gradient(circle 7.5px at 90.47% 14.74%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.5px,rgba(243,214,138,0) 7.5px),radial-gradient(circle 4.4px at 22.88% 90.16%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.4px),radial-gradient(circle 6.4px at 2.15% 12.09%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.4px,rgba(243,214,138,.45) 3.0px,rgba(243,214,138,0) 6.4px),radial-gradient(circle 7.3px at 51.51% 1.66%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.4px,rgba(243,214,138,0) 7.3px),radial-gradient(circle 7.7px at 94.84% 62.11%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.6px,rgba(243,214,138,0) 7.7px),radial-gradient(circle 7.5px at 5.65% 97.91%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.5px,rgba(243,214,138,0) 7.5px),radial-gradient(circle 5.6px at 7.32% 40.12%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.2px,rgba(243,214,138,.45) 2.6px,rgba(243,214,138,0) 5.6px),radial-gradient(circle 6.2px at 42.09% 4.18%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.3px,rgba(243,214,138,.45) 2.9px,rgba(243,214,138,0) 6.2px),radial-gradient(circle 7.5px at 97.21% 95.50%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.6px,rgba(243,214,138,.45) 3.5px,rgba(243,214,138,0) 7.5px),radial-gradient(circle 5.1px at 47.26% 91.60%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 5.1px),radial-gradient(circle 6.9px at 1.78% 29.47%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.5px,rgba(243,214,138,.45) 3.2px,rgba(243,214,138,0) 6.9px),radial-gradient(circle 5.1px at 48.31% 1.11%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 1.1px,rgba(243,214,138,.45) 2.3px,rgba(243,214,138,0) 5.1px),radial-gradient(circle 4.4px at 99.41% 39.58%,rgba(255,255,255,1) 0,rgba(255,246,214,.95) 0.9px,rgba(243,214,138,.45) 2.0px,rgba(243,214,138,0) 4.4px);animation:cdmbBrC 3.1s ease-in-out infinite} html.cdmb-abierta .cdmb-brillo-capa{opacity:1} html.cdmn-ganando .cdmb-brillo-capa{opacity:0!important;animation:none!important} html body > canvas.cdmb-lienzo{display:none!important} @media (prefers-reduced-motion:reduce){.cdmb-brillo-capa{animation:none!important}} /* bienvenida: brillos de las orillas como imagenes reales al frente (iPhone y compu) */ .cdmb-brillo-capa{background-image:none!important;background-repeat:no-repeat!important;background-size:100% 100%!important;-webkit-transform:translateZ(0);transform:translateZ(0)} .cdmb-brillo-capa.c{display:none!important} @media (max-width:767.98px){ .cdmb-brillo-capa.a{background-image:url("/web/image/25012/brillos-orilla-cel-a2.webp")!important} .cdmb-brillo-capa.b{background-image:url("/web/image/25013/brillos-orilla-cel-b2.webp")!important} html body .cdmb-velo{-webkit-backdrop-filter:none!important;backdrop-filter:none!important} } @media (min-width:768px){ .cdmb-brillo-capa.a{background-image:url("/web/image/25014/brillos-orilla-compu-a2.webp")!important} .cdmb-brillo-capa.b{background-image:url("/web/image/25015/brillos-orilla-compu-b2.webp")!important} } /* bienvenida: fuera los brillos anteriores; marco de brillos v2 dentro de la capa de la tarjeta */ .cdmb-brillo-capa,html body > canvas.cdmb-lienzo,html body .cdmb-velo .cdmb-orilla,html body .cdmb-velo .cdmb-brillos{display:none!important} @keyframes cdmbM2a{0%,100%{opacity:1}50%{opacity:.2}} @keyframes cdmbM2b{0%,100%{opacity:.2}50%{opacity:1}} html body .cdmn.cdmn-bienvenida > .cdmb-marco2{position:fixed!important;left:0!important;top:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:-1!important;pointer-events:none!important;margin:0!important;padding:0!important;transform:none!important} html body .cdmn.cdmn-bienvenida > .cdmb-marco2 img{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:fill!important;display:block!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important} html body .cdmn.cdmn-bienvenida > .cdmb-marco2 img.a{animation:cdmbM2a 2.2s ease-in-out infinite} html body .cdmn.cdmn-bienvenida > .cdmb-marco2 img.b{animation:cdmbM2b 2.2s ease-in-out infinite} html.cdmn-ganando body .cdmn.cdmn-bienvenida > .cdmb-marco2{opacity:0!important;transition:opacity .3s ease} @media (prefers-reduced-motion:reduce){html body .cdmn.cdmn-bienvenida > .cdmb-marco2 img{animation:none!important;opacity:.8}} /* bienvenida: cruz de cierre bonita arriba a la derecha */ .cdmb-cerrar{position:fixed;top:calc(env(safe-area-inset-top,0px) + 14px);right:14px;z-index:1050;width:46px;height:46px;padding:0;border-radius:50%;border:1.5px solid rgba(223,180,76,.9);background:radial-gradient(circle at 35% 30%,rgba(43,70,150,.95),rgba(10,20,56,.95));box-shadow:0 0 0 4px rgba(223,180,76,.15),0 10px 22px -8px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.18);cursor:pointer;opacity:0;transform:scale(.7) rotate(-45deg);transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.3,1.3)} .cdmb-cerrar.on{opacity:1;transform:none} .cdmb-cerrar i,.cdmb-cerrar::before{content:"";position:absolute;left:50%;top:50%;width:18px;height:1.8px;margin:-.9px 0 0 -9px;border-radius:2px;background:linear-gradient(90deg,#f3d68a,#fff6d8,#f3d68a);transform:rotate(45deg)} .cdmb-cerrar i{transform:rotate(-45deg)} .cdmb-cerrar:hover{transform:rotate(90deg)} .cdmb-cerrar.gira{transform:rotate(180deg) scale(.85);opacity:.4} html.cdmn-ganando .cdmb-cerrar{display:none!important} @media (min-width:768px){.cdmb-cerrar{top:24px;right:28px;width:52px;height:52px}} /* ===== BOTON DEL JUEGO EN CELULAR v3 (desde cero): sin animaciones viejas; entrada, destello y saludo cada 5 s; al bajar se recoge y asoma media carita ===== */ @keyframes cdmj3Entra{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}} @keyframes cdmj3Destello{0%,78%{background-position:-160% 0,0 0}100%{background-position:260% 0,0 0}} @keyframes cdmj3Saluda{0%,80%,100%{transform:none}84%{transform:rotate(-9deg)}88%{transform:rotate(7deg)}92%{transform:rotate(-4deg)}96%{transform:rotate(2deg)}} @media (max-width:991.98px){ html body .cdmn:not(.cdmn-bienvenida):not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5){left:auto!important;right:14px!important;width:auto!important;transform:none!important;translate:none!important;scale:none!important;rotate:none!important;opacity:1!important;animation:none!important;transition:none!important;filter:none!important} html body .cdmn:not(.cdmn-bienvenida):not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5) .cdmn-bt:not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5){position:relative!important;left:0!important;top:auto!important;display:inline-flex!important;align-items:center!important;height:50px!important;min-height:50px!important;min-width:0!important;max-width:200px!important;padding:0 18px 0 60px!important;margin:0!important;border-radius:999px!important;border:1.5px solid #fff6d8!important;background:linear-gradient(110deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.6) 50%,rgba(255,255,255,0) 65%) -160% 0 / 60% 100% no-repeat,linear-gradient(180deg,#f8e19a 0%,#dfb44c 55%,#c4952f 100%) 0 0 / 100% 100% no-repeat!important;box-shadow:0 10px 22px -8px rgba(120,85,20,.6),inset 0 1px 0 rgba(255,255,255,.6)!important;overflow:visible!important;rotate:none!important;scale:none!important;translate:none!important;transform:none!important;opacity:1!important;filter:none!important;animation:cdmj3Entra .5s ease-out both,cdmj3Destello 5s ease-in-out 1.5s infinite!important;transition:left .35s ease 0s,max-width .25s ease .3s,padding .25s ease .3s,background-color .2s ease .3s,border-color .2s ease .3s,box-shadow .2s ease .3s!important} html body .cdmn:not(.cdmn-bienvenida):not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5) .cdmn-bt:not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5)::before{position:absolute!important;left:-4px!important;top:50%!important;margin-top:-28px!important;width:56px!important;height:56px!important;border-radius:50%!important;background-size:cover!important;background-position:center!important;box-shadow:0 0 0 2.5px #fff,0 0 0 4.5px #dfb44c,0 6px 14px rgba(0,0,0,.3)!important;transform-origin:50% 85%!important;rotate:none!important;scale:none!important;translate:none!important;opacity:1!important;filter:none!important;animation:cdmj3Saluda 5s ease-in-out 1.5s infinite!important;transition:none!important} html body .cdmn:not(.cdmn-bienvenida):not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5) .cdmn-bt:not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5)::after{content:"¡Juega!"!important;position:static!important;color:#0b1626!important;-webkit-text-fill-color:#0b1626!important;font:800 16px/1 Raleway,sans-serif!important;letter-spacing:.01em!important;white-space:nowrap!important;text-shadow:0 1px 0 rgba(255,255,255,.35)!important;opacity:1!important;animation:none!important;transform:none!important;background:none!important;transition:opacity .2s ease .35s!important} html body .cdmn:not(.cdmn-bienvenida):not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5).esconde:not(.abierto) .cdmn-bt:not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5){left:40px!important;max-width:50px!important;padding:0!important;background:transparent!important;border-color:transparent!important;box-shadow:none!important;animation:none!important;transition:max-width .25s ease 0s,padding .25s ease 0s,background-color .15s ease,border-color .15s ease,box-shadow .15s ease,left .35s ease .25s!important} html body .cdmn:not(.cdmn-bienvenida):not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5).esconde:not(.abierto) .cdmn-bt:not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5)::after{opacity:0!important;transition:opacity .15s ease 0s!important} html body .cdmn:not(.cdmn-bienvenida):not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5).esconde:not(.abierto) .cdmn-bt:not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5)::before{animation:cdmj3Saluda 5s ease-in-out infinite!important} } @media (max-width:991.98px) and (prefers-reduced-motion:reduce){html body .cdmn:not(.cdmn-bienvenida):not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5) .cdmn-bt:not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5),html body .cdmn:not(.cdmn-bienvenida):not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5) .cdmn-bt:not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5)::before{animation:none!important}} /* bienvenida: zona de toque del boton Tienda */ .cdmb-tienda-toque{position:fixed;z-index:1060;display:block;background:transparent;border-radius:999px;-webkit-tap-highlight-color:rgba(223,180,76,.25);cursor:pointer} html.cdmn-ganando .cdmb-tienda-toque{display:none!important} /* ===== ESCRIBENOS CELULAR v2 (desde cero): una sola hoja, limpia; compu no se toca ===== */ @media (max-width:991.98px){ html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) #wrapwrap > main{padding:86px 0 40px!important;min-height:0!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-cab{display:block!important;max-width:none!important;margin:0 auto 18px!important;padding:0 22px!important;text-align:center!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-cab .cdmc-k{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;font:800 10.5px Raleway,sans-serif!important;letter-spacing:.3em!important;color:#b8902f!important;margin:0 0 6px!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-cab .cdmc-k::before,html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-cab .cdmc-k::after{content:""!important;display:block!important;width:34px!important;height:1px!important;background:linear-gradient(90deg,rgba(201,162,74,0),rgba(201,162,74,.8))!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-cab .cdmc-k::after{background:linear-gradient(90deg,rgba(201,162,74,.8),rgba(201,162,74,0))!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-cab h1{font-family:Cinzel,'Times New Roman',serif!important;font-size:28px!important;line-height:1.12!important;color:#0a1438!important;margin:0 0 8px!important;text-wrap:balance} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-cab p{font:500 14px/1.5 Raleway,sans-serif!important;color:#3a4566!important;margin:0 auto!important;max-width:330px!important;text-wrap:balance} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-grid{display:flex!important;flex-direction:column!important;gap:14px!important;width:auto!important;max-width:none!important;margin:0 14px!important;padding:0!important;left:auto!important;transform:none!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta{position:relative!important;display:block!important;width:auto!important;min-height:0!important;margin:0!important;padding:24px 20px 22px!important;border-radius:22px!important;box-shadow:0 24px 50px -30px rgba(10,20,56,.45),0 0 0 1px rgba(201,162,74,.28)!important;overflow:visible!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-matasellos{display:none!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-timbre{position:absolute!important;top:16px!important;right:16px!important;left:auto!important;bottom:auto!important;width:50px!important;height:68px!important;margin:0!important;transform:rotate(4deg)!important;z-index:2!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-saludo{display:block!important;font-family:'Dancing Script',cursive!important;font-size:31px!important;line-height:1.1!important;color:#0a1438!important;margin:2px 62px 16px 0!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-p.cdmc-p-filas{display:block!important;margin:0!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-fila{display:flex!important;flex-direction:column!important;gap:3px!important;margin:0 0 14px!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-et{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:17px!important;font-weight:500!important;font-style:italic!important;color:#1f2a48!important;line-height:1.2!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-fila .cdmc-l,html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-fila .cdmc-caja,html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-fila .cdmc-caja .row,html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-fila .cdmc-caja [class*="col"]{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;flex:none!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-caja label,html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-caja .s_website_form_label{display:none!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-fila input{display:block!important;width:100%!important;max-width:100%!important;height:42px!important;padding:0 2px!important;border:0!important;border-bottom:1.5px solid rgba(201,162,74,.6)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-family:Cinzel,'Times New Roman',serif!important;font-size:16px!important;color:#0a1438!important;-webkit-text-fill-color:#0a1438!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-fila input::placeholder{font-family:Raleway,sans-serif!important;font-size:14px!important;color:#9aa1b6!important;-webkit-text-fill-color:#9aa1b6!important;text-transform:none!important;letter-spacing:0!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-fila input:focus{outline:none!important;border-bottom-color:#c99a3a!important;box-shadow:0 6px 10px -10px rgba(201,154,58,.9)!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-motivo{position:relative!important;display:block!important;width:100%!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-motivo .cdmc-opc{position:absolute!important;left:0!important;right:0!important;top:calc(100% + 6px)!important;width:auto!important;min-width:0!important;z-index:20!important;border-radius:14px!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-motivo .cdmc-opc *{font-size:15px!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-motivo .cdmc-opc .cdmc-opc-t,html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-motivo .cdmc-opc > span:first-child{font-size:12px!important;letter-spacing:.18em!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-hoja{display:block!important;margin:2px 0 14px!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-hoja textarea{display:block!important;width:100%!important;min-height:150px!important;height:150px!important;padding:6px 2px!important;border:0!important;background:transparent repeating-linear-gradient(transparent 0,transparent 33px,rgba(201,162,74,.35) 33px,rgba(201,162,74,.35) 34px)!important;line-height:34px!important;font-family:Cinzel,'Times New Roman',serif!important;font-size:15px!important;color:#0a1438!important;resize:none!important;box-shadow:none!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-hoja textarea::placeholder{font-family:Raleway,sans-serif!important;font-size:14px!important;color:#9aa1b6!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-pie{display:block!important;margin:8px 0 0!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-bt,html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-bt .s_website_form_send{display:flex!important;width:100%!important;max-width:100%!important;margin:0!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-bt .s_website_form_send{align-items:center!important;justify-content:center!important;min-height:56px!important;padding:0 18px 0 74px!important;position:relative!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-carta .cdmc-bt .s_website_form_send .cdmc-lacre{left:-2px!important;width:60px!important;height:60px!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-lado.cdmc-lado{display:flex!important;flex-direction:column!important;gap:10px!important;height:auto!important;width:auto!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-franja-show{border-radius:18px!important;padding:14px 16px!important} html body.cdm-carta-on.cdmc-movil:not(#cdme0):not(#cdme1):not(#cdme2):not(#cdme3) .cdmc-franja-juego{border-radius:18px!important;min-height:56px!important} } /* ===== ESCRIBENOS CELULAR v2.1: sin bloque gris, campos en pareja, menos scroll ===== */ @media (max-width:991.98px){ html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) #wrapwrap > main .oe_structure,html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) #wrapwrap > main .s_text_block,html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) #wrapwrap > main section{background:transparent!important;background-color:transparent!important;background-image:none!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) #wrapwrap > main{padding:80px 0 22px!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) #wrapwrap > main .s_text_block{padding-top:0!important;padding-bottom:0!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-cab{margin-bottom:14px!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-cab h1{font-size:26px!important;margin-bottom:6px!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-cab p{font-size:13.5px!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-carta{padding:20px 18px 18px!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-carta .cdmc-saludo{font-size:28px!important;margin:0 60px 10px 0!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-carta .cdmc-timbre{top:14px!important;right:14px!important;width:44px!important;height:60px!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-carta .cdmc-p.cdmc-p-filas{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:14px!important;row-gap:10px!important;margin:0 0 10px!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-carta .cdmc-fila{margin:0!important;min-width:0!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-carta .cdmc-fila:has(.cdmc-motivo){grid-column:1 / -1!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-carta .cdmc-et{font-size:15.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-carta .cdmc-fila input{height:38px!important;font-size:15px!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-carta .cdmc-hoja{margin:0 0 10px!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-carta .cdmc-hoja textarea{min-height:120px!important;height:120px!important;line-height:30px!important;background:transparent repeating-linear-gradient(transparent 0,transparent 29px,rgba(201,162,74,.35) 29px,rgba(201,162,74,.35) 30px)!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-carta .cdmc-pie{margin-top:4px!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-carta .cdmc-bt .s_website_form_send{min-height:52px!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-grid{gap:10px!important} html body.cdm-carta-on.cdmc-movil:not(#cdmf0):not(#cdmf1):not(#cdmf2):not(#cdmf3):not(#cdmf4) .cdmc-franja-show{padding:12px 14px!important} } /* ===== CELULAR: fondo invernal pegado al contenido (no capa fija; Safari de iPhone la pintaba encima del pie); sin espacio vacio arriba; sin burbuja vieja ===== */ @media (max-width:991.98px){ html body.cdm-carta-on:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3)::before,html body.cdm-carrito-vacio:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3)::before,html body:has(main .cdm-lg-wrap):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3)::before,html body.cdm-gracias-on:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3)::before,html body.cdm-carta-on:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3)::after,html body.cdm-carrito-vacio:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3)::after,html body:has(main .cdm-lg-wrap):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3)::after,html body.cdm-gracias-on:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3)::after{display:none!important;content:none!important} html body.cdm-carta-on:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3) #wrapwrap > main,html body.cdm-carrito-vacio:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3) #wrapwrap > main,html body:has(main .cdm-lg-wrap):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3) #wrapwrap > main,html body.cdm-gracias-on:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3) #wrapwrap > main{background:linear-gradient(rgba(255,255,255,.42),rgba(255,255,255,.42)),url("/web/image/24596/fondo-invierno-celular.webp") center top / cover no-repeat,#eef2f8!important;position:relative!important} html body.cdm-carta-on.cdmc-movil:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4):not(#cdmg5) #wrapwrap > main{padding-top:18px!important;padding-bottom:56px!important} html body .cdmn .cdmn-chat{display:none!important} } /* ===== CELULAR: sin burbuja vieja del juego en ninguna pagina; sin franja oscura entre contenido y pie ===== */ @media (max-width:991.98px){ html body .cdmn-chat:not(#cdmh0):not(#cdmh1):not(#cdmh2):not(#cdmh3){display:none!important} html body.cdm-carta-on:not(#cdmh0):not(#cdmh1):not(#cdmh2):not(#cdmh3) #wrapwrap > footer,html body.cdm-carrito-vacio:not(#cdmh0):not(#cdmh1):not(#cdmh2):not(#cdmh3) #wrapwrap > footer,html body:has(main .cdm-lg-wrap):not(#cdmh0):not(#cdmh1):not(#cdmh2):not(#cdmh3) #wrapwrap > footer,html body.cdm-gracias-on:not(#cdmh0):not(#cdmh1):not(#cdmh2):not(#cdmh3) #wrapwrap > footer{margin-top:0!important} } /* ===== CELULAR: el pie se monta 30 px sobre el fondo invernal (sus esquinas redondeadas ya no muestran el fondo oscuro) ===== */ @media (max-width:991.98px){ html body.cdm-carta-on:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4) #wrapwrap > main,html body.cdm-carrito-vacio:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4) #wrapwrap > main,html body:has(main .cdm-lg-wrap):not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4) #wrapwrap > main,html body.cdm-gracias-on:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4) #wrapwrap > main{padding-bottom:84px!important} html body.cdm-carta-on:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4) #wrapwrap > footer,html body.cdm-carrito-vacio:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4) #wrapwrap > footer,html body:has(main .cdm-lg-wrap):not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4) #wrapwrap > footer,html body.cdm-gracias-on:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4) #wrapwrap > footer{position:relative!important;z-index:2!important;margin-top:-30px!important} } /* ===== PRODUCTO: foto en fondo blanco con acabado de vidrio sutil (tipo Mac) ===== */ html body #product_detail:not(#cdmp0):not(#cdmp1):not(#cdmp2):not(#cdmp3) .o_wsale_product_images,html body #product_detail:not(#cdmp0):not(#cdmp1):not(#cdmp2):not(#cdmp3) .o_carousel_product_outer,html body #product_detail:not(#cdmp0):not(#cdmp1):not(#cdmp2):not(#cdmp3) #o-carousel-product .carousel-inner,html body #product_detail:not(#cdmp0):not(#cdmp1):not(#cdmp2):not(#cdmp3) #o-carousel-product .carousel-item,html body #product_detail:not(#cdmp0):not(#cdmp1):not(#cdmp2):not(#cdmp3) #o-carousel-product .o_product_detail_img_wrapper,html body #product_detail:not(#cdmp0):not(#cdmp1):not(#cdmp2):not(#cdmp3) #o-carousel-product .position-relative{background:transparent!important;background-image:none!important} html body #product_detail:not(#cdmp0):not(#cdmp1):not(#cdmp2):not(#cdmp3) #o-carousel-product{background:#ffffff!important;background-image:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(250,251,253,1) 100%)!important;border:1px solid rgba(10,20,56,.07)!important;border-radius:22px!important;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 24px 46px -30px rgba(10,20,56,.28),0 2px 6px -2px rgba(10,20,56,.06)!important;overflow:hidden!important} html body #product_detail:not(#cdmp0):not(#cdmp1):not(#cdmp2):not(#cdmp3) #o-carousel-product .o_product_detail_img_wrapper{border-radius:0!important} html body #product_detail:not(#cdmp0):not(#cdmp1):not(#cdmp2):not(#cdmp3) .o_carousel_product_indicators img,html body #product_detail:not(#cdmp0):not(#cdmp1):not(#cdmp2):not(#cdmp3) .carousel-indicators img,html body #product_detail:not(#cdmp0):not(#cdmp1):not(#cdmp2):not(#cdmp3) .o_carousel_product_indicators li{background:#fff!important} /* ===== MENU CELULAR: sin animaciones viejas; entrada nueva fluida (ventana de cristal que se abre desde el boton) ===== */ @keyframes cdmMenuAbre{0%{opacity:0;transform:translate(-10px,-12px) scale(.96)}100%{opacity:1;transform:none}} @keyframes cdmMenuSube{0%{transform:translateY(12px)}100%{transform:none}} @media (max-width:991.98px){ html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5),html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5) *,html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5) *::before,html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5) *::after{animation:none!important;transition:none!important} html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5){transform:none!important;translate:none!important;top:calc(env(safe-area-inset-top,0px) + 10px)!important;bottom:10px!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;height:auto!important;max-height:none!important;overflow-y:auto!important;transform-origin:22px 22px!important} html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).showing,html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show{animation:cdmMenuAbre .4s cubic-bezier(.2,.8,.2,1) both!important} html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show .cdm-m-item,html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).showing .cdm-m-item{animation:cdmMenuSube .45s cubic-bezier(.2,.8,.2,1) both!important} html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show .cdm-m-item:nth-of-type(1),html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).showing .cdm-m-item:nth-of-type(1){animation-delay:0.095s!important} html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show .cdm-m-item:nth-of-type(2),html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).showing .cdm-m-item:nth-of-type(2){animation-delay:0.130s!important} html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show .cdm-m-item:nth-of-type(3),html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).showing .cdm-m-item:nth-of-type(3){animation-delay:0.165s!important} html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show .cdm-m-item:nth-of-type(4),html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).showing .cdm-m-item:nth-of-type(4){animation-delay:0.200s!important} html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show .cdm-m-item:nth-of-type(5),html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).showing .cdm-m-item:nth-of-type(5){animation-delay:0.235s!important} html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show .cdm-m-item:nth-of-type(6),html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).showing .cdm-m-item:nth-of-type(6){animation-delay:0.270s!important} html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show .cdm-m-item:nth-of-type(7),html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).showing .cdm-m-item:nth-of-type(7){animation-delay:0.305s!important} html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show .cdm-m-item:nth-of-type(8),html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).showing .cdm-m-item:nth-of-type(8){animation-delay:0.340s!important} html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show .cdm-m-item:nth-of-type(9),html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).showing .cdm-m-item:nth-of-type(9){animation-delay:0.375s!important} html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show .cdm-m-item:nth-of-type(10),html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).showing .cdm-m-item:nth-of-type(10){animation-delay:0.410s!important} html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show .cdm-m-item:nth-of-type(11),html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).showing .cdm-m-item:nth-of-type(11){animation-delay:0.445s!important} html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show .cdm-m-item:nth-of-type(12),html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).showing .cdm-m-item:nth-of-type(12){animation-delay:0.480s!important} html body .offcanvas-backdrop.fade{transition:opacity .3s ease!important} } @media (max-width:991.98px) and (prefers-reduced-motion:reduce){html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).showing,html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show,html body #top_menu_collapse_mobile:not(#cdmm0):not(#cdmm1):not(#cdmm2):not(#cdmm3):not(#cdmm4):not(#cdmm5).show .cdm-m-item{animation:none!important}} /* ===== PRODUCTO EN CELULAR, UNA SOLA FOTO: fondo blanco liso (sin efecto de vidrio) ===== */ @media (max-width:991.98px){html body #product_detail:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) #o-carousel-product:not(:has(.carousel-item + .carousel-item)){background:#ffffff!important;background-image:none!important;border:0!important;box-shadow:none!important}} /* ===== CELULAR: el pie sin margen arriba (sin franja) en todo el sitio ===== */ @media (max-width:991.98px){html body #wrapwrap > footer:not(#cdmr0):not(#cdmr1):not(#cdmr2){margin-top:0!important}} /* ===== PRODUCTO EN CELULAR: visor de fotos propio ===== */ html.cdmv-on,html.cdmv-on body{overflow:hidden!important;touch-action:none} .cdmv{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;pointer-events:auto} .cdmv-fondo{position:absolute;inset:0;background:#ffffff;opacity:0;transition:opacity .28s ease} .cdmv.on .cdmv-fondo{opacity:1} .cdmv.sale .cdmv-fondo{opacity:0!important;transition:opacity .28s ease} .cdmv-barra{position:relative;z-index:2;display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top,0px) + 10px) 14px 10px 20px;opacity:0;transform:translateY(-8px);transition:opacity .25s ease .08s,transform .25s ease .08s} .cdmv.on .cdmv-barra{opacity:1;transform:none} .cdmv.sale .cdmv-barra{opacity:0;transition-delay:0s} .cdmv-nombre{flex:1;min-width:0;font:600 13px/1.2 Cinzel,'Times New Roman',serif;letter-spacing:.06em;color:#0a1438;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cdmv-cerrar{position:relative;flex:none;width:44px;height:44px;border:0;border-radius:50%;background:#0a1438;box-shadow:0 8px 18px -8px rgba(10,20,56,.55);cursor:pointer} .cdmv-cerrar i,.cdmv-cerrar::before{content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;margin:-1px 0 0 -8px;border-radius:2px;background:#fff;transform:rotate(45deg)} .cdmv-cerrar i{transform:rotate(-45deg)} .cdmv-escena{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none} .cdmv-img{max-width:100vw;max-height:calc(100% - 20px);width:auto;height:auto;object-fit:contain;transform-origin:center center;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none} .cdmv-pie{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0 calc(env(safe-area-inset-bottom,0px) + 18px);min-height:24px;opacity:0;transition:opacity .25s ease .1s} .cdmv.on .cdmv-pie{opacity:1} .cdmv-cont{font:700 12px Raleway,sans-serif;letter-spacing:.14em;color:#6a7392} .cdmv-puntos{display:flex;gap:6px} .cdmv-puntos i{width:6px;height:6px;border-radius:50%;background:rgba(10,20,56,.18)} .cdmv-puntos i.on{background:#c99a3a;width:18px;border-radius:4px} .cdmv-ayuda{position:absolute;z-index:3;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 64px);transform:translateX(-50%) translateY(6px);padding:9px 16px;border-radius:999px;background:rgba(10,20,56,.86);color:#fff;font:600 12.5px Raleway,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease} .cdmv.con-ayuda .cdmv-ayuda{opacity:1;transform:translateX(-50%)} @media (min-width:992px){.cdmv{display:none!important}} /* visor de fotos v2: tiempos de la barra y el pie acompasados con la foto */ .cdmv-fondo{transition:opacity .34s ease!important} .cdmv-barra{transition:opacity .26s ease .12s,transform .3s cubic-bezier(.22,.9,.24,1) .12s!important} .cdmv-pie{transition:opacity .26s ease .16s!important} .cdmv.sale .cdmv-barra,.cdmv.sale .cdmv-pie{transition:opacity .16s ease 0s!important;opacity:0!important} .cdmv-img{backface-visibility:hidden;-webkit-backface-visibility:hidden} /* Acceso: aviso compacto y elegante; "Usar otra cuenta" discreto */ html body form .alert.alert-danger.cdm-aviso,html body p.alert.alert-danger.cdm-aviso{display:flex!important;flex-direction:column!important;gap:3px!important;margin:6px 0 4px!important;padding:12px 14px 12px 44px!important;position:relative!important;border:1px solid rgba(201,154,58,.35)!important;border-left:4px solid #c99a3a!important;border-radius:14px!important;background:#fffaf0!important;color:#3a3326!important;font:500 14px/1.45 Raleway,sans-serif!important;text-align:left!important;box-shadow:0 8px 18px -14px rgba(10,20,56,.35)!important} html body .alert.cdm-aviso::before{content:"!";position:absolute;left:14px;top:13px;width:20px;height:20px;border-radius:50%;background:#c99a3a;color:#fff;font:800 13px/20px Raleway,sans-serif;text-align:center} html body .alert.cdm-aviso b{font-weight:800;color:#0a1438} html body .alert.cdm-aviso a{color:#0a1438!important;font-weight:700;text-decoration:underline} html body .cdm-otra-cuenta{font:600 12.5px Raleway,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#6a7392!important;text-decoration:underline!important;background:none!important;border:0!important;padding:0!important} /* ===== INICIO CELULAR v3: Instagram con el cascanueces atras del telefono y degradado continuo hasta el pie; sin comentarios encima del feed ===== */ @media (max-width:991.98px){ html body #wrap section.s_instagram_page:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5){background-color:#020b21!important;background-image:linear-gradient(180deg,rgba(11,22,58,0) 0%,rgba(11,22,58,.10) 34%,rgba(9,18,50,.78) 56%,#060f2c 70%,#020b21 100%),url("/web/image/22091-b17bb886/_%20(1).webp"),linear-gradient(180deg,#112250 0%,#0a1638 60%,#020b21 100%)!important;background-repeat:no-repeat!important;background-size:100% 100%,auto 640px,100% 100%!important;background-position:0 0,50% 0,0 0!important;padding-top:34px!important;padding-bottom:52px!important;margin-top:0!important;overflow:hidden!important} html body #wrap section.s_instagram_page:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5) .cdm-ig3,html body #wrap section.s_instagram_page:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5) .ig4-escena{margin-top:0!important;transform:none!important;translate:none!important} html body #wrap section.s_instagram_page:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5) .ig4-escena{position:relative!important;z-index:3!important} html body #wrap section.s_instagram_page:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5) .ig4-vivo,html body #wrap section.s_instagram_page:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5) .cdm-com,html body #wrap section.s_instagram_page:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5) .ig4-com{display:none!important} html body #wrap section.s_instagram_page:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5) .ig4-tel{box-shadow:0 30px 60px -20px rgba(0,0,0,.75),0 0 0 1.5px rgba(255,255,255,.08),0 0 46px rgba(223,180,76,.16)!important} html body #wrap section.s_instagram_page:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5) .cdm-ig3-texto{margin-top:26px!important} } /* ===== INICIO CELULAR: logotipo "Create your Christmas · Piece by Piece" ===== */ @media (max-width:991.98px){ html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2){padding:38px 0 6px!important} html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) h2{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;margin:0 0 6px!important;font:800 11px/1 Raleway,sans-serif!important;letter-spacing:.34em!important;color:#b8902f!important;text-transform:uppercase!important} html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) h2::before,html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) h2::after{content:"";display:block;width:28px;height:1px;background:linear-gradient(90deg,rgba(201,154,58,0),rgba(201,154,58,.85))} html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) h2::after{background:linear-gradient(90deg,rgba(201,154,58,.85),rgba(201,154,58,0))} html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) .cdm-pbp-l{display:flex!important;align-items:baseline!important;justify-content:center!important;gap:8px!important;margin:0!important;line-height:1!important;white-space:nowrap!important} html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) .cdm-pbp-l .pz{font-family:Cinzel,'Times New Roman',serif!important;font-size:36px!important;font-weight:600!important;letter-spacing:.02em!important;color:#0a1438!important} html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) .cdm-pbp-l .by{font-family:'Dancing Script',cursive!important;font-size:32px!important;font-weight:600!important;color:#c99a3a!important;transform:translateY(2px);display:inline-block} html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) .cdm-pbp-orn{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px auto 0;color:#c99a3a;font-size:10px;line-height:1} html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) .cdm-pbp-orn::before,html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) .cdm-pbp-orn::after{content:"";width:46px;height:1px;background:rgba(10,20,56,.18)} html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) .cdm-pbp-orn{font-size:0} html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) .cdm-pbp-orn::before{box-shadow:none} html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) + section{padding-top:18px!important} } html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) .cdm-pbp-orn{position:relative} html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) .cdm-pbp-orn i{display:none} @media (max-width:991.98px){html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) .cdm-pbp-orn{height:12px}html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) .cdm-pbp-orn::before{margin-right:22px}html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) .cdm-pbp-orn::after{margin-left:0}html body #wrap section.s_title.d-lg-none.cdm-pbp:not(#cdmz0):not(#cdmz1):not(#cdmz2) .cdm-pbp-orn{background:radial-gradient(circle,#c99a3a 0 2.5px,transparent 3px) center/12px 12px no-repeat}} /* ===== CARRITO: confirmacion propia al agregar (celular: hoja desde abajo; compu: tarjeta a la derecha) y vuelo al carrito ===== */ @keyframes cdmcOk{to{stroke-dashoffset:0}} @keyframes cdmcTiempo{from{transform:scaleX(1)}to{transform:scaleX(0)}} @keyframes cdmcRebota{0%{transform:scale(1)}30%{transform:scale(1.35) rotate(-8deg)}55%{transform:scale(.9) rotate(4deg)}80%{transform:scale(1.08)}100%{transform:scale(1)}} .cdmc-vuelo{position:fixed;z-index:2147483600;width:64px;height:64px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 10px 26px rgba(10,20,56,.35),0 0 0 3px #f3d68a;pointer-events:none} .cdmc-rebota{animation:cdmcRebota .65s cubic-bezier(.3,1.4,.5,1)!important;transform-origin:center} .cdmc-aviso{position:fixed;z-index:2147483500;background:#fff;color:#0a1438;font-family:Raleway,sans-serif;box-shadow:0 30px 60px -20px rgba(10,20,56,.45),0 0 0 1px rgba(201,154,58,.25);overflow:hidden} .cdmc-aviso.movil{left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);border-radius:24px;padding:10px 16px 16px;transform:translateY(calc(100% + 30px));transition:transform .5s cubic-bezier(.2,1.25,.35,1)} .cdmc-aviso.compu{top:96px;right:24px;width:370px;border-radius:20px;padding:18px 18px 18px;transform:translateX(calc(100% + 40px));opacity:0;transition:transform .5s cubic-bezier(.2,1.15,.35,1),opacity .3s ease} .cdmc-aviso.on{transform:none;opacity:1} .cdmc-aviso.movil.sale{transform:translateY(calc(100% + 30px));transition:transform .32s ease-in} .cdmc-aviso.compu.sale{transform:translateX(40px);opacity:0;transition:transform .3s ease-in,opacity .3s ease-in} .cdmc-asa{display:block;width:40px;height:4px;border-radius:4px;background:rgba(10,20,56,.15);margin:0 auto 10px} .cdmc-x{position:absolute;top:12px;right:12px;width:30px;height:30px;border:0;border-radius:50%;background:rgba(10,20,56,.06);cursor:pointer} .cdmc-x::before,.cdmc-x::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.6px;margin:-.8px 0 0 -6px;background:#0a1438;transform:rotate(45deg)} .cdmc-x::after{transform:rotate(-45deg)} .cdmc-top{display:flex;align-items:center;gap:10px;margin-bottom:12px} .cdmc-top b{display:block;font:700 15px/1.2 Raleway,sans-serif;color:#0a1438} .cdmc-sub{display:block;font:500 12px Raleway,sans-serif;color:#6a7392;margin-top:2px} .cdmc-ok{flex:none;width:34px;height:34px} .cdmc-ok circle{fill:#fff8e6;stroke:#c99a3a;stroke-width:2} .cdmc-ok path{fill:none;stroke:#c99a3a;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24} .cdmc-aviso.on .cdmc-ok path{animation:cdmcOk .45s ease-out .25s forwards} .cdmc-prod{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:#f7f8fb} .cdmc-prod img{flex:none;width:58px;height:58px;object-fit:contain;border-radius:12px;background:#fff} .cdmc-info{min-width:0;display:flex;flex-direction:column;gap:3px} .cdmc-n{font:600 13.5px/1.25 Raleway,sans-serif;color:#0a1438;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .cdmc-p{font:800 13.5px Raleway,sans-serif;color:#b8902f} .cdmc-bts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px} .cdmc-seguir,.cdmc-ver{display:flex;align-items:center;justify-content:center;height:46px;border-radius:999px;font:700 14px Raleway,sans-serif;text-decoration:none!important;cursor:pointer} .cdmc-seguir{border:1.5px solid rgba(10,20,56,.2);background:#fff;color:#0a1438} .cdmc-ver{border:0;background:linear-gradient(180deg,#1b2a66,#0a1438);color:#fff!important;box-shadow:0 8px 18px -8px rgba(10,20,56,.6)} .cdmc-tiempo{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(201,154,58,.15)} .cdmc-tiempo i{display:block;height:100%;background:linear-gradient(90deg,#f3d68a,#c99a3a);transform-origin:left;animation:cdmcTiempo linear forwards} .cdmc-aviso.pausa .cdmc-tiempo i{animation-play-state:paused} @media (prefers-reduced-motion:reduce){.cdmc-aviso,.cdmc-aviso *{transition:none!important;animation:none!important}.cdmc-ok path{stroke-dashoffset:0}} /* ===== INICIO CELULAR v4: Instagram con el telefono montado sobre el cascanueces (medido), telefono mas ancho, mismo fondo sin rectangulo ===== */ @media (max-width:991.98px){ html body #wrap section.s_instagram_page:not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5):not(#cdmj6):not(#cdmj7):not(#cdmj8){--ov:0px;position:relative!important;z-index:3!important;background-color:transparent!important;background-image:radial-gradient(1.2px 1.2px at 18px 22px,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 64px 90px,rgba(255,255,255,0.6),transparent),radial-gradient(1.4px 1.4px at 110px 40px,rgba(255,255,255,0.9),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,0.5),transparent),radial-gradient(1px 1px at 30px 150px,rgba(255,255,255,0.7),transparent),radial-gradient(1.3px 1.3px at 90px 170px,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 140px 10px,rgba(255,255,255,0.6),transparent),radial-gradient(1.2px 1.2px at 180px 70px,rgba(255,255,255,0.7),transparent),linear-gradient(180deg,rgba(3,24,49,0) 0,rgba(3,24,49,0) var(--ov),rgb(3,24,49) calc(var(--ov) + 2px),#06163a 55%,#020b21 100%)!important;background-size:200px 200px,200px 200px,200px 200px,200px 200px,200px 200px,200px 200px,200px 200px,200px 200px,100% 100%!important;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,no-repeat!important;background-position:0 var(--ov),0 var(--ov),0 var(--ov),0 var(--ov),0 var(--ov),0 var(--ov),0 var(--ov),0 var(--ov),0 0!important;padding-top:0!important} html body #wrap section.s_instagram_page:not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5):not(#cdmj6):not(#cdmj7):not(#cdmj8) .ig4-tel{width:min(360px,calc(100vw - 32px))!important;height:auto!important;max-width:none!important} html body #wrap section.s_instagram_page:not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5):not(#cdmj6):not(#cdmj7):not(#cdmj8) .ig4-pant{width:auto!important;height:auto!important} html body #wrap section.s_instagram_page:not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5):not(#cdmj6):not(#cdmj7):not(#cdmj8) .ig4-pant > *{width:auto!important;max-width:none!important} html body #wrap section.s_instagram_page:not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5):not(#cdmj6):not(#cdmj7):not(#cdmj8) .ig4-grid{width:auto!important;height:auto!important} html body #wrap section.s_instagram_page:not(#cdmj0):not(#cdmj1):not(#cdmj2):not(#cdmj3):not(#cdmj4):not(#cdmj5):not(#cdmj6):not(#cdmj7):not(#cdmj8) .ig4-grid > *{aspect-ratio:1/1;height:auto!important} } /* ===== CARRITO CELULAR: resumen del pedido rediseñado ===== */ @keyframes cdmrFlecha{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}} @media (max-width:991.98px){ html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4){border-radius:22px!important;border:1px solid rgba(201,154,58,.22)!important;background:#fff!important;box-shadow:0 22px 44px -30px rgba(10,20,56,.45)!important;overflow:hidden!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) > .card-body{padding:18px 18px 16px!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) > .card-body::before{content:"Resumen de tu pedido";display:block;font:600 15px/1.2 Cinzel,'Times New Roman',serif;letter-spacing:.04em;color:#0a1438;margin:0 0 12px} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .o_cart_total{border-top:0!important;padding-top:0!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .o_cart_total table{margin:0!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .o_cart_total tr > td{padding:6px 0!important;border:0!important;font:500 14px/1.35 Raleway,sans-serif!important;color:#5b6380!important;vertical-align:middle!important;background:none!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .o_cart_total tr > td.text-end,html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .o_cart_total tr > td:last-child{color:#0a1438!important;font-weight:700!important;text-align:right!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .o_cart_total tr.cdm-fila-envio .cdm-envio-nota{display:inline-block!important;white-space:nowrap!important;font:italic 500 12px Raleway,sans-serif!important;color:#8a93ad!important;width:auto!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .o_cart_total tr.border-top{border:0!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .o_cart_total tr.border-top > td{padding-top:14px!important;border-top:1.5px dashed rgba(201,154,58,.55)!important;font:800 16px Raleway,sans-serif!important;color:#0a1438!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .o_cart_total tr.border-top > td:last-child,html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .o_cart_total tr.border-top > td:last-child *{font-size:22px!important;font-weight:800!important;color:#0a1438!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .o_cart_total tr.oe_website_sale_gift_card:not(:has(input,a,button,form,select)){display:none!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .o_cart_total tr.cdm-cupon-fila > td{padding:10px 0 2px!important;text-align:center!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .cdm-cupon-link{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;max-width:none!important;height:42px!important;margin:0!important;padding:0 12px!important;border:1.5px dashed rgba(201,154,58,.7)!important;border-radius:999px!important;background:#fffaf0!important;font:700 13px Raleway,sans-serif!important;color:#0a1438!important;text-decoration:none!important;white-space:nowrap!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .cdm-cupon-link::before{content:"";width:16px;height:16px;flex:none;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c99a3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4l-7.2 7.2a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E")} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) a.btn.btn-primary{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;height:54px!important;margin-top:14px!important;border:0!important;border-radius:999px!important;background:linear-gradient(180deg,#1f2f70,#0a1438)!important;box-shadow:0 12px 24px -12px rgba(10,20,56,.7)!important;font:700 16px Raleway,sans-serif!important;color:#fff!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .cdm-confianza-car{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:16px 0 4px!important;padding-top:14px!important;border-top:1px solid rgba(10,20,56,.08)!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .cdm-confianza-car > *{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;text-align:center!important;font:600 11px/1.25 Raleway,sans-serif!important;color:#5b6380!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) a.mt-2.text-center,html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) a[href="/shop"].text-center{display:block!important;margin-top:12px!important;font:600 13px Raleway,sans-serif!important;color:#6a7392!important} } @media (max-width:991.98px) and (prefers-reduced-motion:no-preference){html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) a.btn.btn-primary::after{display:inline-block;animation:cdmrFlecha 1.8s ease-in-out infinite}} @media (max-width:991.98px){ html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5) .o_cart_total{width:auto!important;margin:0!important;padding-left:0!important;padding-right:0!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5) .o_cart_total table{width:100%!important;max-width:100%!important;margin:0!important;table-layout:auto!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5) .o_cart_total tr.cdm-cupon-fila{display:block!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5) .o_cart_total tr.cdm-cupon-fila > td{display:block!important;width:100%!important} } @media (max-width:991.98px){ html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5):not(#cdmr6) .o_cart_total table,html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5):not(#cdmr6) .o_cart_total tbody{display:block!important;width:100%!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5):not(#cdmr6) .o_cart_total tr:not(.cdm-cupon-fila):not(.cdm-cupon-oculto):not(.oe_website_sale_gift_card):not(:has(form)){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5):not(#cdmr6) .o_cart_total tr:not(.cdm-cupon-fila):not(.cdm-cupon-oculto):not(.oe_website_sale_gift_card):not(:has(form)) > td{display:block!important;width:auto!important;min-width:0!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5):not(#cdmr6) .o_cart_total tr:not(.cdm-cupon-fila):not(.cdm-cupon-oculto):not(.oe_website_sale_gift_card):not(:has(form)) > td:first-child{flex:1 1 auto!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5):not(#cdmr6) .o_cart_total tr:not(.cdm-cupon-fila):not(.cdm-cupon-oculto):not(.oe_website_sale_gift_card):not(:has(form)) > td:last-child{flex:0 0 auto!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5):not(#cdmr6) .o_cart_total tr.cdm-cupon-fila > td:first-child{display:block!important;width:100%!important} } @media (max-width:991.98px){ html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5):not(#cdmr6) .o_cart_total tr.cdm-cupon-oculto{display:none!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5):not(#cdmr6) .o_cart_total tr.oe_website_sale_gift_card:not(:has(input:not([type="hidden"]),a,button,select)){display:none!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5):not(#cdmr6) .o_cart_total tr:has(form):not(.cdm-cupon-oculto){display:block!important;padding-top:8px!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5):not(#cdmr6) .o_cart_total tr:has(form):not(.cdm-cupon-oculto) > td{display:block!important;width:100%!important;padding:0!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5):not(#cdmr6) .o_cart_total tr:has(form) .input-group{display:flex!important;gap:8px!important;flex-wrap:nowrap!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5):not(#cdmr6) .o_cart_total tr:has(form) .input-group .form-control{height:44px!important;border-radius:999px!important;border:1.5px solid rgba(10,20,56,.18)!important;padding:0 16px!important;font:600 14px Raleway,sans-serif!important;flex:1!important;min-width:0!important} html body .o_total_card.card:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4):not(#cdmr5):not(#cdmr6) .o_cart_total tr:has(form) .input-group .btn{height:44px!important;border-radius:999px!important;padding:0 18px!important;background:#0a1438!important;color:#fff!important;border:0!important;font:700 13.5px Raleway,sans-serif!important} } /* ===== FAVORITOS: corazon con chispas y vuelo, aviso, y pagina de favoritos (celular: lista; compu: cuadricula) ===== */ @keyframes cdmfLate{0%{transform:scale(1)}30%{transform:scale(1.35)}55%{transform:scale(.9)}80%{transform:scale(1.08)}100%{transform:scale(1)}} @keyframes cdmwSube{from{transform:translateY(16px)}to{transform:none}} @keyframes cdmwCrece{from{transform:translateY(12px) scale(.96)}to{transform:none}} @keyframes cdmwLatido{0%,100%{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(1)}45%{transform:scale(1.08)}} .cdmf-chispa{position:fixed;z-index:2147483600;width:7px;height:7px;border-radius:50%;pointer-events:none} .cdmf-vuelo{position:fixed;z-index:2147483600;width:28px;height:28px;pointer-events:none;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e0245e' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E");filter:drop-shadow(0 4px 8px rgba(224,36,94,.45))} .o_add_wishlist.cdmf-late,.o_add_wishlist_dyn.cdmf-late{animation:cdmfLate .6s cubic-bezier(.3,1.4,.5,1)} .o_add_wishlist.cdmf-ya i,.o_add_wishlist.cdmf-ya .fa,.o_add_wishlist_dyn.cdmf-ya i{color:#e0245e!important} .cdmf-aviso .cdmf-ok{flex:none;width:34px;height:34px;border-radius:50%;background:#fff0f4 no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e0245e' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E");box-shadow:0 0 0 2px rgba(224,36,94,.25)} .cdmf-aviso.on .cdmf-ok{animation:cdmwLatido 1.2s ease .2s} /* pagina */ html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3){padding-top:24px!important;padding-bottom:48px!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmw-cab{text-align:center;margin:0 auto 22px;max-width:640px} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmw-k{margin:0 0 6px;font:800 11px Raleway,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#b8902f} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmw-t{margin:0;font:600 30px/1.1 Cinzel,'Times New Roman',serif;color:#0a1438} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmw-n{margin:6px 0 14px;font:600 13px Raleway,sans-serif;color:#6a7392} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmw-todo{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 26px;border:0;border-radius:999px;background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);color:#0b1626;font:800 14px Raleway,sans-serif;box-shadow:0 10px 22px -10px rgba(120,85,20,.6);cursor:pointer} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmw-todo:disabled{opacity:.75} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wishlist_table{display:grid!important;gap:14px!important;height:auto!important;margin:0!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item{position:relative!important;height:auto!important;background:#fff!important;border-radius:20px!important;border:1px solid rgba(201,154,58,.2)!important;box-shadow:0 16px 34px -26px rgba(10,20,56,.4)!important;overflow:hidden!important;animation:cdmwSube .45s cubic-bezier(.2,.8,.2,1) calc(var(--i,0) * 70ms) both} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item form{height:auto!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wsale_products_item_title,html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wsale_products_item_title a,html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wsale_products_item_title span{font:600 14px/1.3 Raleway,sans-serif!important;color:#0a1438!important;text-transform:none!important;letter-spacing:0!important;margin:0!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wish_price,html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wish_price span{font:800 15px Raleway,sans-serif!important;color:#b8902f!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wsale_product_btn_primary{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:42px!important;border:0!important;border-radius:999px!important;background:linear-gradient(180deg,#1f2f70,#0a1438)!important;color:#fff!important;font:700 13.5px Raleway,sans-serif!important;padding:0 16px!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wish_rm{position:absolute!important;top:10px!important;right:10px!important;width:38px!important;height:38px!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fff no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e0245e' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E")!important;box-shadow:0 6px 14px -6px rgba(10,20,56,.4)!important;font-size:0!important;color:transparent!important;z-index:5!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wish_rm *{display:none!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmw-vacio{text-align:center;max-width:420px;margin:10px auto 0;padding:34px 22px;border-radius:24px;background:#fff;border:1px solid rgba(201,154,58,.22);box-shadow:0 20px 40px -30px rgba(10,20,56,.4)} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmw-corazon{display:block;width:74px;height:74px;margin:0 auto 14px;border-radius:50%;background:#fff0f4 no-repeat center/34px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c99a3a' stroke-width='1.8'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E");animation:cdmwLatido 1.6s ease-in-out .3s infinite} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmw-vacio h2{font:600 20px Cinzel,'Times New Roman',serif;color:#0a1438;margin:0 0 8px} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmw-vacio p{font:500 14px/1.5 Raleway,sans-serif;color:#5b6380;margin:0 0 18px} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmw-explorar{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 26px;border-radius:999px;background:linear-gradient(180deg,#1f2f70,#0a1438);color:#fff!important;font:700 14px Raleway,sans-serif;text-decoration:none!important} @media (max-width:991.98px){ html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wishlist_table{grid-template-columns:1fr!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item form{display:grid!important;grid-template-columns:96px 1fr!important;gap:4px 14px!important;align-items:center!important;padding:12px 56px 12px 12px!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item .oe_product_image{grid-row:1 / span 2!important;width:96px!important;height:96px!important;border-radius:16px!important;background:#f7f8fb!important;overflow:hidden!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item .oe_product_image img{width:100%!important;height:100%!important;object-fit:contain!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wsale_product_sub{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wsale_product_btn,html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wsale_product_action_row{width:100%!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wsale_product_btn_primary{width:100%!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wish_rm{top:50%!important;margin-top:-19px!important;right:10px!important} } @media (min-width:992px){ html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmw-t{font-size:38px} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wishlist_table{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))!important;gap:22px!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item{animation-name:cdmwCrece!important;transition:transform .25s ease,box-shadow .25s ease} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item:hover{transform:translateY(-4px);box-shadow:0 26px 46px -26px rgba(10,20,56,.45)!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item form{display:flex!important;flex-direction:column!important;padding:0 0 16px!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item .oe_product_image{aspect-ratio:1/1;background:#f7f8fb!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item .oe_product_image img{width:100%!important;height:100%!important;object-fit:contain!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wsale_product_information_text,html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wsale_product_sub{padding:0 16px!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wsale_product_sub{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-top:6px!important} } @media (prefers-reduced-motion:reduce){html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item,html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .cdmw-corazon{animation:none!important}} /* favoritos: liberar las filas fijas de la cuadricula de Odoo */ html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) .o_wishlist_table{grid-template-rows:none!important;grid-auto-rows:auto!important;align-items:start!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item,html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item form{height:auto!important;min-height:0!important;contain:none!important;grid-row:auto!important} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item form{grid-template-rows:auto!important} @media (max-width:991.98px){html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item form{grid-template-rows:auto auto!important}} html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item form{container-type:normal!important;container:none!important}html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item form,html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item{content-visibility:visible!important;contain-intrinsic-size:none!important}@media (min-width:992px){html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item .oe_product_image,html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item .oe_product_image_link,html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item .oe_product_image_img_wrapper{width:100%!important;max-width:100%!important;display:block!important}html body section.wishlist-section.cdmw:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3) article.o_wishlist_item .oe_product_image{overflow:hidden!important}} /* ===== BIENVENIDA: sin la cruz de dentro de la tarjeta; la cruz de arriba con el estilo del boton Tienda (marfil, borde dorado, cruz azul) ===== */ html body .cdmn.cdmn-bienvenida:not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3):not(#cdmy4):not(#cdmy5) .cdmn-panel .cdmn-x{display:none!important} html body .cdmb-cerrar:not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3){background:linear-gradient(180deg,#fffaf0 0%,#f6e7c4 100%)!important;border:1.5px solid #dfb44c!important;box-shadow:0 10px 24px -10px rgba(0,0,0,.55),0 0 0 4px rgba(243,214,138,.18)!important} html body .cdmb-cerrar:not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) i,html body .cdmb-cerrar:not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3)::before{background:#0a1438!important;height:2px!important;margin-top:-1px!important} /* ===== FAVORITOS v2: vision board por proyectos (celular y compu) ===== */ @keyframes cdmtClava{0%{transform:translateY(-18px) rotate(calc(var(--r,0deg) + 4deg)) scale(.96)}70%{transform:translateY(2px) rotate(var(--r,0deg))}100%{transform:rotate(var(--r,0deg))}} @keyframes cdmtSale{to{transform:scale(.6) rotate(-8deg);opacity:0}} @keyframes cdmtLatido{0%,100%{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(1)}45%{transform:scale(1.08)}} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) > :not(.cdmt-raiz){display:none!important} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3){padding:22px 0 56px!important;background:#f6f1e7 url("/web/image/24595/papel-textura-pareja.webp") center top/600px auto!important} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-raiz{max-width:1240px;margin:0 auto;padding:0 14px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-cab{text-align:center;margin:0 auto 16px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-k{margin:0 0 6px;font:800 11px Raleway,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#b8902f} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-t{margin:0;font:600 30px/1.1 Cinzel,'Times New Roman',serif;color:#0a1438} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-sub{margin:6px auto 0;max-width:420px;font:500 13.5px/1.45 Raleway,sans-serif;color:#5b6380;text-wrap:balance} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-guia{position:relative;margin:0 auto 16px;max-width:620px;padding:16px 18px;border-radius:20px;background:#0a1438;color:#eef0f6;box-shadow:0 18px 36px -24px rgba(10,20,56,.7)} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-guia > b{display:block;font:600 15px Cinzel,'Times New Roman',serif;color:#f3d68a;margin-bottom:10px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-guia ol{list-style:none;margin:0;padding:0;display:grid;gap:8px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-guia li{display:flex;gap:10px;align-items:flex-start;font:500 13.5px/1.4 Raleway,sans-serif} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-guia li span{flex:none;width:22px;height:22px;border-radius:50%;background:#f3d68a;color:#0a1438;font:800 12px/22px Raleway,sans-serif;text-align:center} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-guia li b{color:#fff} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-guia-bts{display:flex;gap:10px;margin-top:14px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-guia-bts button{flex:1;height:42px;border-radius:999px;border:1.5px solid rgba(243,214,138,.5);background:transparent;color:#f3d68a;font:700 13.5px Raleway,sans-serif;cursor:pointer} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-guia-bts .ok{border:0;background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);color:#0b1626} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 10px;margin:0 -14px 6px;padding-left:14px;padding-right:14px;scrollbar-width:none;-webkit-overflow-scrolling:touch} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-chips::-webkit-scrollbar{display:none} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-chip{flex:none;display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 15px;border-radius:999px;border:1.5px solid rgba(10,20,56,.14);background:#fff;color:#0a1438;font:700 13px Raleway,sans-serif;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-chip i{font-style:normal;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(10,20,56,.08);font:800 11px/20px Raleway,sans-serif;text-align:center} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-chip.on{background:#0a1438;border-color:#0a1438;color:#fff} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-chip.on i{background:#f3d68a;color:#0a1438} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-chip.nuevo{border-style:dashed;border-color:rgba(201,154,58,.75);color:#9a7425;background:#fffaf0} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-chip.ejemplo{border-color:rgba(201,154,58,.6);color:#9a7425} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-chip.ejemplo.on{background:#c99a3a;border-color:#c99a3a;color:#fff} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-resumen{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:4px 0 16px;padding:12px 16px;border-radius:18px;background:rgba(255,255,255,.85);border:1px solid rgba(201,154,58,.22)} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-resumen > div{display:flex;flex-direction:column;gap:2px;min-width:0} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-rt{font:600 16px Cinzel,'Times New Roman',serif;color:#0a1438} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-resumen span{font:600 12.5px Raleway,sans-serif;color:#6a7392} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-editar{display:flex;gap:12px;margin-top:2px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-editar button{border:0;background:none;padding:0;font:700 12px Raleway,sans-serif;color:#9a7425;text-decoration:underline;cursor:pointer} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-editar button:last-child{color:#a33a4f} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-todo{height:44px;padding:0 20px;border:0;border-radius:999px;background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);color:#0b1626;font:800 13.5px Raleway,sans-serif;box-shadow:0 10px 20px -12px rgba(120,85,20,.7);cursor:pointer} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-todo.cargando{opacity:.7} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-board{column-gap:14px;column-count:2} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-pin{position:relative;break-inside:avoid;display:block;margin:0 0 18px;padding:8px 8px 10px;border-radius:8px;background:#fff;box-shadow:0 14px 28px -18px rgba(10,20,56,.55),0 2px 4px rgba(10,20,56,.06);transform:rotate(var(--r,0deg));animation:cdmtClava .5s cubic-bezier(.2,.8,.2,1) calc(var(--i,0) * 60ms) both;transition:transform .25s ease,box-shadow .25s ease} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-pin.sale{animation:cdmtSale .28s ease-in forwards} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-clavo{position:absolute;left:50%;top:-6px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d8,#dfb44c 45%,#9a7425 100%);box-shadow:0 3px 5px rgba(0,0,0,.35);z-index:3} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-tag{position:absolute;top:12px;left:12px;z-index:3;padding:3px 9px;border-radius:999px;background:#c99a3a;color:#fff;font:800 10px Raleway,sans-serif;letter-spacing:.08em;text-transform:uppercase} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-foto{display:block;border-radius:4px;overflow:hidden;background:#f7f8fb;aspect-ratio:1/1} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-foto img{width:100%;height:100%;object-fit:contain;display:block} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-pin figcaption{display:flex;flex-direction:column;gap:2px;padding:8px 2px 0} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-n{font:600 12.5px/1.3 Raleway,sans-serif;color:#0a1438;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-p{font:800 13px Raleway,sans-serif;color:#b8902f} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-acc{display:flex;gap:6px;margin-top:8px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-b{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:999px;border:1px solid rgba(10,20,56,.12);background:#fff;cursor:pointer;padding:0} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-b svg{width:17px;height:17px;fill:none;stroke:#0a1438;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-b.quitar svg{fill:#e0245e;stroke:#e0245e} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-b.guardar{flex:1;gap:6px;border-color:rgba(224,36,94,.35);color:#e0245e;font:700 12.5px Raleway,sans-serif} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-b.guardar em{font-style:normal} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-b.guardar svg{stroke:#e0245e} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-b.guardar.ya svg{fill:#e0245e} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-vacio{text-align:center;max-width:420px;margin:10px auto;padding:30px 20px;border-radius:24px;background:#fff;border:1px solid rgba(201,154,58,.22)} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-vacio-c{display:block;width:70px;height:70px;margin:0 auto 12px;border-radius:50%;background:#fff0f4 no-repeat center/32px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c99a3a' stroke-width='1.8'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E");animation:cdmtLatido 1.6s ease-in-out .3s infinite} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-vacio b{display:block;font:600 19px Cinzel,'Times New Roman',serif;color:#0a1438;margin-bottom:6px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-vacio p{font:500 13.5px/1.5 Raleway,sans-serif;color:#5b6380;margin:0 0 16px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-vacio-bts{display:flex;gap:10px;justify-content:center;flex-wrap:wrap} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-vacio-bts button,html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-ir{height:44px;padding:0 20px;border-radius:999px;border:1.5px solid rgba(201,154,58,.6);background:#fffaf0;color:#9a7425;font:700 13.5px Raleway,sans-serif;cursor:pointer} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-vacio-bts a{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;background:linear-gradient(180deg,#1f2f70,#0a1438);color:#fff!important;font:700 13.5px Raleway,sans-serif;text-decoration:none!important} /* hoja / ventanita para tableros */ .cdmt-velo{position:fixed;inset:0;z-index:2147483300;background:rgba(10,20,56,.45);opacity:0;transition:opacity .3s ease} .cdmt-velo.on{opacity:1} .cdmt-hoja{position:fixed;z-index:2147483301;left:0;right:0;bottom:0;max-height:80vh;overflow:auto;padding:10px 18px calc(env(safe-area-inset-bottom,0px) + 18px);border-radius:24px 24px 0 0;background:#fff;transform:translateY(100%);transition:transform .38s cubic-bezier(.2,1.1,.35,1);font-family:Raleway,sans-serif} .cdmt-hoja.on{transform:none} .cdmt-asa{display:block;width:40px;height:4px;border-radius:4px;background:rgba(10,20,56,.15);margin:0 auto 12px} .cdmt-h-t{display:block;font:600 17px Cinzel,'Times New Roman',serif;color:#0a1438;margin-bottom:4px} .cdmt-h-s{font:500 13px/1.4 Raleway,sans-serif;color:#6a7392;margin:0 0 12px} .cdmt-in{display:block;width:100%;height:48px;padding:0 16px;border-radius:14px;border:1.5px solid rgba(10,20,56,.18);font:600 15px Raleway,sans-serif;color:#0a1438;outline:none;margin-bottom:10px} .cdmt-in:focus{border-color:#c99a3a;box-shadow:0 0 0 4px rgba(243,214,138,.3)} .cdmt-in.err{border-color:#e0245e} .cdmt-sug{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px} .cdmt-sug button{height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(201,154,58,.5);background:#fffaf0;color:#9a7425;font:700 12.5px Raleway,sans-serif;cursor:pointer} .cdmt-lista{display:grid;gap:8px;margin-bottom:12px} .cdmt-opc{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 16px;border-radius:14px;border:1.5px solid rgba(10,20,56,.12);background:#fff;font:700 14px Raleway,sans-serif;color:#0a1438;cursor:pointer} .cdmt-opc i{width:24px;height:24px;border-radius:50%;border:2px solid rgba(10,20,56,.2);transition:all .2s} .cdmt-opc.on{border-color:#c99a3a;background:#fffaf0} .cdmt-opc.on i{border-color:#c99a3a;background:#c99a3a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/16px no-repeat} .cdmt-crear{display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin-top:8px;border:0;border-radius:999px;background:linear-gradient(180deg,#1f2f70,#0a1438);color:#fff;font:700 15px Raleway,sans-serif;cursor:pointer} .cdmt-crear.sec{background:#fff;color:#0a1438;border:1.5px solid rgba(10,20,56,.18)} .cdmt-crear.peligro{background:#a33a4f} @media (min-width:768px){ html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-board{column-count:3} } @media (min-width:992px){ html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3){padding-top:34px!important} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-raiz{padding:0 28px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-t{font-size:42px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-sub{font-size:15px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-chips{flex-wrap:wrap;justify-content:center;overflow:visible;margin:0 0 10px;padding:4px 0 10px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-resumen{padding:14px 22px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-board{column-count:4;column-gap:24px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-pin{margin-bottom:28px;padding:10px 10px 12px} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-pin:hover{transform:rotate(0deg) translateY(-6px);box-shadow:0 26px 40px -22px rgba(10,20,56,.6)} html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-n{font-size:13.5px} .cdmt-hoja{left:50%;right:auto;bottom:auto;top:50%;width:400px;max-height:80vh;border-radius:22px;padding:22px 24px 24px;transform:translate(-50%,-46%) scale(.96);opacity:0;transition:transform .3s cubic-bezier(.2,1.1,.35,1),opacity .25s ease} .cdmt-hoja.on{transform:translate(-50%,-50%);opacity:1} .cdmt-asa{display:none} } @media (min-width:1300px){html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-board{column-count:5}} @media (prefers-reduced-motion:reduce){html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-pin,html body section.wishlist-section.cdmt:not(#cdmt0):not(#cdmt1):not(#cdmt2):not(#cdmt3) .cdmt-vacio-c{animation:none!important}} /* corazon mejorado: relleno, anillo y corazoncitos */ @keyframes cdmfAnillo{from{transform:translate(-50%,-50%) scale(.3);opacity:.9}to{transform:translate(-50%,-50%) scale(2.4);opacity:0}} @keyframes cdmfRelleno{0%{transform:scale(1)}20%{transform:scale(.78)}55%{transform:scale(1.32)}75%{transform:scale(.94)}100%{transform:scale(1)}} .cdmf-anillo{position:fixed;z-index:2147483600;width:44px;height:44px;border-radius:50%;border:2.5px solid #e0245e;pointer-events:none;animation:cdmfAnillo .55s ease-out forwards} .cdmf-mini{position:fixed;z-index:2147483600;width:11px;height:11px;pointer-events:none;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e0245e' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E")} .cdmf-mini.oro{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f3d68a' d='M12 1l2.6 8.4L23 12l-8.4 2.6L12 23l-2.6-8.4L1 12l8.4-2.6z'/%3E%3C/svg%3E")} .o_add_wishlist.cdmf-late,.o_add_wishlist_dyn.cdmf-late,.cdmt-b.guardar.ya{animation:cdmfRelleno .6s cubic-bezier(.3,1.4,.5,1)!important} /* ===== INICIO CELULAR: tarjeta del showroom en blanco (antes azul) ===== */ @media (max-width:991.98px){ html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4){background:linear-gradient(180deg,#ffffff 0%,#fbf8f1 100%)!important;border:1px solid rgba(223,180,76,.55)!important;box-shadow:0 24px 50px -24px rgba(0,0,0,.6),0 0 0 4px rgba(255,255,255,.06)!important;color:#0a1438!important} html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4),html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) p,html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) span,html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) div,html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) br{color:#3a4566!important} html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) .cdm-estado{color:#9a7425!important;background:#fff6dd!important;border-color:rgba(201,154,58,.55)!important} html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) i:not(.fa-location-arrow),html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) svg{color:#c99a3a!important;fill:currentColor} html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) .cdm-sep{color:#c99a3a!important} html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) .cdm-titulo{color:#b8902f!important} html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) b{color:#0a1438!important} html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) b + span,html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) b ~ span{color:#5b6380!important} html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) .cdm-linea{background:rgba(201,154,58,.45)!important} html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) .cdm-llegar,html body .cdm-visita:not(#cdmv0):not(#cdmv1):not(#cdmv2):not(#cdmv3):not(#cdmv4) .cdm-llegar *{color:#1a1206!important} } /* ===== FAVORITOS v3: lienzo de lino, piezas libres y grupos por proyecto ===== */ @keyframes cdmlEntra{from{transform:translateY(-10px) scale(.97)}to{transform:none}} @keyframes cdmlSale{to{transform:scale(.6) rotate(-6deg);opacity:0}} @keyframes cdmlLatido{0%,100%{transform:scale(1)}15%{transform:scale(1.12)}30%{transform:scale(1)}45%{transform:scale(1.08)}} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) > :not(.cdml-raiz){display:none!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3){padding:22px 0 56px!important;background:none!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-raiz{max-width:1400px;margin:0 auto;padding:0 14px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-cab{text-align:center;margin:0 auto 14px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-k{margin:0 0 6px;font:800 11px Raleway,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#b8902f} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-t{margin:0;font:600 30px/1.1 Cinzel,'Times New Roman',serif;color:#0a1438} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-sub{margin:6px auto 0;max-width:440px;font:500 13.5px/1.45 Raleway,sans-serif;color:#5b6380;text-wrap:balance} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-guia{margin:0 auto 14px;max-width:640px;padding:16px 18px;border-radius:20px;background:#0a1438;color:#eef0f6;box-shadow:0 18px 36px -24px rgba(10,20,56,.7)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-guia > b{display:block;font:600 15px Cinzel,'Times New Roman',serif;color:#f3d68a;margin-bottom:10px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-guia ol{list-style:none;margin:0;padding:0;display:grid;gap:8px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-guia li{display:flex;gap:10px;align-items:flex-start;font:500 13.5px/1.4 Raleway,sans-serif} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-guia li span{flex:none;width:22px;height:22px;border-radius:50%;background:#f3d68a;color:#0a1438;font:800 12px/22px Raleway,sans-serif;text-align:center} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-guia li b{color:#fff} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-guia-bts{display:flex;justify-content:flex-end;margin-top:12px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-guia-bts .ok{height:42px;padding:0 24px;border:0;border-radius:999px;background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);color:#0b1626;font:800 13.5px Raleway,sans-serif;cursor:pointer} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-barra{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0 0 10px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-cuenta{font:700 13px Raleway,sans-serif;color:#6a7392} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-bacc{display:flex;gap:8px;flex-wrap:wrap} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-nuevo,html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-sec{height:40px;padding:0 16px;border-radius:999px;font:700 13px Raleway,sans-serif;cursor:pointer} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-nuevo{border:1.5px dashed rgba(201,154,58,.8);background:#fffaf0;color:#9a7425} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-sec{border:1.5px solid rgba(10,20,56,.14);background:#fff;color:#0a1438} /* tarjeta (polaroid) */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-card{position:relative;display:block;margin:0;padding:8px 8px 10px;border-radius:8px;background:#fff;box-shadow:0 14px 26px -18px rgba(10,20,56,.55),0 2px 4px rgba(10,20,56,.06);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;animation:cdmlEntra .4s cubic-bezier(.2,.8,.2,1) both} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-card.sale{animation:cdmlSale .26s ease-in forwards} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-clavo{position:absolute;left:50%;top:-6px;width:15px;height:15px;margin-left:-7.5px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d8,#dfb44c 45%,#9a7425 100%);box-shadow:0 3px 5px rgba(0,0,0,.35);z-index:3} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-tag{position:absolute;top:12px;left:12px;z-index:3;padding:3px 9px;border-radius:999px;background:#c99a3a;color:#fff;font:800 10px Raleway,sans-serif;letter-spacing:.08em;text-transform:uppercase} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-foto{display:block;border-radius:4px;overflow:hidden;background:#f7f8fb;aspect-ratio:1/1} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-foto img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-card figcaption{display:flex;flex-direction:column;gap:2px;padding:8px 2px 0} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-n{font:600 12.5px/1.3 Raleway,sans-serif;color:#0a1438;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-p{font:800 13px Raleway,sans-serif;color:#b8902f} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-acc{display:flex;gap:6px;margin-top:8px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-b{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;border-radius:999px;border:1px solid rgba(10,20,56,.12);background:#fff;cursor:pointer;padding:0} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-b svg{width:16px;height:16px;fill:none;stroke:#0a1438;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-b.quitar svg{fill:#e0245e;stroke:#e0245e} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-b.guardar{border-color:rgba(224,36,94,.35);color:#e0245e;font:700 12.5px Raleway,sans-serif} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-b.guardar em{font-style:normal} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-b.guardar svg{stroke:#e0245e} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-b.guardar.ya svg{fill:#e0245e} /* grupos */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-g{border-radius:18px;background:rgba(255,255,255,.62);border:1.5px solid rgba(201,154,58,.35);box-shadow:0 14px 30px -24px rgba(10,20,56,.45);transition:box-shadow .2s,border-color .2s,background .2s} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-g.sobre{border-color:#c99a3a;background:rgba(255,250,236,.9);box-shadow:0 0 0 4px rgba(243,214,138,.45),0 18px 34px -22px rgba(10,20,56,.5)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-gcab{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;padding:12px 14px 8px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-gn{flex:1 1 auto;min-width:0;font:600 15px Cinzel,'Times New Roman',serif;color:#0a1438} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-gi{flex:1 1 100%;order:3;font:600 12px Raleway,sans-serif;color:#6a7392} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-gacc{display:flex;gap:6px;align-items:center} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-gacc button{height:30px;padding:0 12px;border-radius:999px;border:0;background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);color:#0b1626;font:800 11.5px Raleway,sans-serif;cursor:pointer;white-space:nowrap} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-gacc .m{width:30px;padding:0;background:#fff;border:1px solid rgba(10,20,56,.12);color:#0a1438;letter-spacing:-1px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-gacc button.cargando{opacity:.7} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-gcuerpo{padding:4px 12px 14px;display:grid;gap:14px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-gvacio{margin:0;padding:22px 10px;border:1.5px dashed rgba(201,154,58,.55);border-radius:14px;text-align:center;font:600 12.5px Raleway,sans-serif;color:#9a7425} /* tarjeta compacta dentro de un grupo */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-card.en-g{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;gap:4px 10px;align-items:center;padding:8px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-card.en-g .cdml-clavo{display:none} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-card.en-g .cdml-foto{grid-row:1 / span 2;width:72px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-card.en-g figcaption{padding:0} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-card.en-g .cdml-acc{margin:0} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-card.en-g .cdml-tag{top:4px;left:4px;font-size:8.5px;padding:2px 6px} /* arrastre */ .cdml-fantasma{position:fixed;z-index:2147483400;pointer-events:none;transform:rotate(3deg) scale(1.04);box-shadow:0 30px 50px -18px rgba(10,20,56,.6)!important;opacity:.96} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-origen{opacity:.28} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-card.cdml-listo{transform:scale(1.04);box-shadow:0 0 0 3px #f3d68a,0 18px 30px -16px rgba(10,20,56,.5)} /* vacio */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-vacio{text-align:center;max-width:420px;margin:10px auto;padding:30px 20px;border-radius:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .28 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,rgba(120,98,66,.055) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(120,98,66,.05) 0 1px,transparent 1px 4px),linear-gradient(180deg,#f3ede1,#ede5d6);border:1px solid rgba(201,154,58,.25)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-vacio-c{display:block;width:70px;height:70px;margin:0 auto 12px;border-radius:50%;background:#fff no-repeat center/32px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c99a3a' stroke-width='1.8'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E");animation:cdmlLatido 1.6s ease-in-out .3s infinite} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-vacio b{display:block;font:600 19px Cinzel,'Times New Roman',serif;color:#0a1438;margin-bottom:6px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-vacio p{font:500 13.5px/1.5 Raleway,sans-serif;color:#5b6380;margin:0 0 16px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-vacio a{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;background:linear-gradient(180deg,#1f2f70,#0a1438);color:#fff!important;font:700 13.5px Raleway,sans-serif;text-decoration:none!important} /* celular: grupos en orden sobre el lino */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-movil{display:grid;gap:14px;padding:14px;margin:0 -14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .28 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,rgba(120,98,66,.055) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(120,98,66,.05) 0 1px,transparent 1px 4px),linear-gradient(180deg,#f3ede1,#ede5d6);border-top:1px solid rgba(201,154,58,.25);border-bottom:1px solid rgba(201,154,58,.25)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-movil .cdml-gcuerpo{grid-template-columns:1fr} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-g.suelto{background:rgba(255,255,255,.4);border-style:dashed} /* compu: lienzo libre */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-lienzo{position:relative;width:100%;min-width:1100px;border-radius:24px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .38 0 0 0 0 .28 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,rgba(120,98,66,.055) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(120,98,66,.05) 0 1px,transparent 1px 4px),linear-gradient(180deg,#f3ede1,#ede5d6);border:1px solid rgba(201,154,58,.28);box-shadow:inset 0 2px 10px rgba(80,60,30,.08);overflow:hidden} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-g.lib{position:absolute;width:268px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-g.lib > .cdml-gcab{cursor:grab} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-libre{position:absolute;width:196px;cursor:grab;touch-action:none} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-libre:nth-child(3n) .cdml-card{transform:rotate(-1.4deg)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-libre:nth-child(3n+1) .cdml-card{transform:rotate(1deg)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-libre:hover .cdml-card{transform:rotate(0) translateY(-3px);box-shadow:0 24px 36px -20px rgba(10,20,56,.55)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-g.lib .cdml-card{cursor:grab} @media (min-width:992px){ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3){padding-top:32px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-raiz{padding:0 28px;overflow-x:auto} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-t{font-size:42px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-sub{font-size:15px} } @media (prefers-reduced-motion:reduce){html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-card,html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3) .cdml-vacio-c{animation:none!important}} /* ===== INICIO CELULAR v5: cascanueces se desvanece sin corte, Instagram con color solido, feed sin publicaciones grises y telefono tipo iPhone real ===== */ @media (max-width:991.98px){ html body #wrap section.s_call_to_action:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):has(+ section.s_instagram_page){position:relative!important} html body #wrap section.s_call_to_action:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):has(+ section.s_instagram_page)::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:170px;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,15,43,0) 0%,rgba(4,15,43,.55) 45%,#040f2b 100%)} html body #wrap section.s_call_to_action:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):has(+ section.s_instagram_page) > .container,html body #wrap section.s_call_to_action:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):has(+ section.s_instagram_page) > *:not(.o_we_bg_filter){position:relative;z-index:1} html body #wrap section.s_instagram_page:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4):not(#cdmk5):not(#cdmk6):not(#cdmk7):not(#cdmk8):not(#cdmk9){background-color:#040f2b!important;background-image:radial-gradient(1.2px 1.2px at 18px 22px,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 64px 90px,rgba(255,255,255,0.6),transparent),radial-gradient(1.4px 1.4px at 110px 40px,rgba(255,255,255,0.9),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,0.5),transparent),radial-gradient(1px 1px at 30px 150px,rgba(255,255,255,0.7),transparent),radial-gradient(1.3px 1.3px at 90px 170px,rgba(255,255,255,0.8),transparent),radial-gradient(1px 1px at 140px 10px,rgba(255,255,255,0.6),transparent),radial-gradient(1.2px 1.2px at 180px 70px,rgba(255,255,255,0.7),transparent),linear-gradient(180deg,#040f2b 0%,#06143a 45%,#020b21 100%)!important;background-size:200px 200px,200px 200px,200px 200px,200px 200px,200px 200px,200px 200px,200px 200px,200px 200px,100% 100%!important;background-position:0 0!important} html body #wrap section.s_instagram_page:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4):not(#cdmk5):not(#cdmk6):not(#cdmk7):not(#cdmk8):not(#cdmk9) .ig4-grid > :nth-child(n+7){display:none!important} /* telefono tipo iPhone */ html body #wrap section.s_instagram_page:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4):not(#cdmk5):not(#cdmk6):not(#cdmk7):not(#cdmk8):not(#cdmk9) .ig4-tel{position:relative!important;padding:5px!important;border-radius:54px!important;background:linear-gradient(135deg,#8b8f97 0%,#3d4048 18%,#1c1e23 50%,#3d4048 82%,#9a9ea6 100%)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25),0 0 0 1px #0d0e11,0 34px 60px -24px rgba(0,0,0,.85),0 0 50px rgba(223,180,76,.12)!important} html body #wrap section.s_instagram_page:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4):not(#cdmk5):not(#cdmk6):not(#cdmk7):not(#cdmk8):not(#cdmk9) .ig4-tel::before,html body #wrap section.s_instagram_page:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4):not(#cdmk5):not(#cdmk6):not(#cdmk7):not(#cdmk8):not(#cdmk9) .ig4-tel::after{content:"";position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#55585f,#8b8f97 50%,#3d4048)} html body #wrap section.s_instagram_page:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4):not(#cdmk5):not(#cdmk6):not(#cdmk7):not(#cdmk8):not(#cdmk9) .ig4-tel::before{left:-3px;top:118px;height:30px;box-shadow:0 46px 0 0 #6b6f77,0 104px 0 0 #6b6f77} html body #wrap section.s_instagram_page:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4):not(#cdmk5):not(#cdmk6):not(#cdmk7):not(#cdmk8):not(#cdmk9) .ig4-tel::after{right:-3px;top:170px;height:64px} html body #wrap section.s_instagram_page:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4):not(#cdmk5):not(#cdmk6):not(#cdmk7):not(#cdmk8):not(#cdmk9) .ig4-pant{border-radius:49px!important;border:5px solid #050506!important;overflow:hidden!important;background:#fff!important;position:relative!important} html body #wrap section.s_instagram_page:not(#cdmk0):not(#cdmk1):not(#cdmk2):not(#cdmk3):not(#cdmk4):not(#cdmk5):not(#cdmk6):not(#cdmk7):not(#cdmk8):not(#cdmk9) .ig4-pant::after{content:"";position:absolute;inset:0;border-radius:44px;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 28%,rgba(255,255,255,0) 72%,rgba(255,255,255,.06) 100%);z-index:9} } @media (max-width:991.98px){html body #wrap section.s_call_to_action.cdm-cta-ig:not(#cdmq0):not(#cdmq1):not(#cdmq2){position:relative!important}html body #wrap section.s_call_to_action.cdm-cta-ig:not(#cdmq0):not(#cdmq1):not(#cdmq2)::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:170px;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,15,43,0) 0%,rgba(4,15,43,.55) 45%,#040f2b 100%)}html body #wrap section.s_call_to_action.cdm-cta-ig:not(#cdmq0):not(#cdmq1):not(#cdmq2) > *:not(.o_we_bg_filter){position:relative;z-index:1}} /* ===== FAVORITOS v3.1: post-its que se mueven por todo el board (compu y celular), board mas grande y acomodado ===== */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-raiz{max-width:none!important;padding:0 12px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-cab{margin-bottom:10px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-t{font-size:26px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-sub{font-size:12.5px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-marco{overflow:auto;-webkit-overflow-scrolling:touch;border-radius:22px;border:1px solid rgba(201,154,58,.28);box-shadow:inset 0 2px 10px rgba(80,60,30,.08);min-height:calc(100vh - 230px);background:#ede5d6} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-lienzo{min-width:100%!important;min-height:calc(100vh - 232px);border:0!important;border-radius:0!important;box-shadow:none!important} /* post-its */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-card{padding:14px 10px 10px!important;border-radius:3px!important;background:var(--pi,#fff7d6)!important;box-shadow:0 1px 1px rgba(0,0,0,.04),0 12px 18px -12px rgba(60,45,20,.45)!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-card::after{content:"";position:absolute;right:0;bottom:0;width:22px;height:22px;background:linear-gradient(135deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.06) 50%,rgba(255,255,255,.55) 70%);border-radius:0 0 3px 0;pointer-events:none} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-clavo{top:-8px!important;width:62px!important;height:20px!important;margin-left:-31px!important;border-radius:2px!important;background:rgba(255,255,255,.62)!important;box-shadow:0 1px 2px rgba(0,0,0,.08)!important;transform:rotate(-3deg);backdrop-filter:blur(1px)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-foto{border-radius:4px!important;background:#fff!important;box-shadow:0 0 0 1px rgba(0,0,0,.04)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-n{font-size:12px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-p{font-size:12.5px!important;color:#8a6a1f!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-b{height:30px!important;background:rgba(255,255,255,.7)!important;border-color:rgba(0,0,0,.08)!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-libre[data-pid] .cdml-card{--pi:#fff7d6} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-libre:nth-child(5n+1) .cdml-card,html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-g .cdml-card:nth-child(5n+1){--pi:#fff4cc} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-libre:nth-child(5n+2) .cdml-card,html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-g .cdml-card:nth-child(5n+2){--pi:#fde8ea} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-libre:nth-child(5n+3) .cdml-card,html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-g .cdml-card:nth-child(5n+3){--pi:#e5f1e8} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-libre:nth-child(5n+4) .cdml-card,html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-g .cdml-card:nth-child(5n+4){--pi:#e7eefb} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-libre:nth-child(5n) .cdml-card,html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-g .cdml-card:nth-child(5n){--pi:#f5ebdc} /* etiquetas compactas dentro del grupo */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-card.en-g{padding:8px 10px 8px 8px!important;border-radius:10px 4px 4px 10px!important;grid-template-columns:56px 1fr!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-card.en-g .cdml-foto{width:56px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-card.en-g::after{display:none} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-card.en-g .cdml-clavo{display:none!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-g.lib{background:rgba(255,255,255,.55)!important;backdrop-filter:blur(2px)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-g .cdml-gcuerpo{gap:10px!important} /* celular: lienzo libre que se recorre deslizando */ @media (max-width:991.98px){ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-libre{width:150px!important;touch-action:pan-x pan-y!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-g.lib{width:220px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-g.lib > .cdml-gcab{touch-action:pan-x pan-y} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-marco{min-height:calc(100vh - 210px);margin:0 -6px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-acc{gap:4px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-b svg{width:15px!important;height:15px!important} } @media (min-width:992px){ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-raiz{padding:0 22px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-t{font-size:34px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4) .cdml-libre{width:190px!important} } /* ===== ACCESO: iconos de linea dorada sin fondo en "Tu espacio en Christmas" ===== */ html body .cdm-lg-wrap .cdm-lg-ed:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5):not(#cdmi6):not(#cdmi7) ul li > span:first-child{width:38px!important;height:38px!important;min-width:38px!important;border-radius:0!important;background-color:transparent!important;background-repeat:no-repeat!important;background-position:center!important;background-size:30px 30px!important;box-shadow:none!important;border:0!important;-webkit-mask:none!important;mask:none!important;mix-blend-mode:normal!important;filter:drop-shadow(0 0 6px rgba(233,200,115,.35))!important;outline:0!important} html body .cdm-lg-wrap .cdm-lg-ed:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5):not(#cdmi6):not(#cdmi7) ul li > span:first-child::before,html body .cdm-lg-wrap .cdm-lg-ed:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5):not(#cdmi6):not(#cdmi7) ul li > span:first-child::after{display:none!important;content:none!important} html body .cdm-lg-wrap .cdm-lg-ed:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5):not(#cdmi6):not(#cdmi7) ul li > span:first-child i{display:none!important} html body .cdm-lg-wrap .cdm-lg-ed:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5):not(#cdmi6):not(#cdmi7) ul li:nth-child(1) > span:first-child{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20stroke%3D'%23e9c873'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M16%2026.5s-9.5-5.8-12-11.6C2.1%2010.6%204.8%205.8%209.6%205.8c2.7%200%204.6%201.4%206.4%203.8%201.8-2.4%203.7-3.8%206.4-3.8%204.8%200%207.5%204.8%205.6%209.1-2.5%205.8-12%2011.6-12%2011.6z'%2F%3E%3Cpath%20d%3D'M25.5%202.5v4M23.5%204.5h4'%20stroke-width%3D'1.4'%2F%3E%3C%2Fsvg%3E")!important} html body .cdm-lg-wrap .cdm-lg-ed:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5):not(#cdmi6):not(#cdmi7) ul li:nth-child(2) > span:first-child{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20stroke%3D'%23e9c873'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M8%203.5h11.5l5%205v19l-2.6-1.6-2.6%201.6-2.6-1.6-2.6%201.6-2.6-1.6-2.6%201.6v-24z'%2F%3E%3Cpath%20d%3D'M19.5%203.5v5h5'%2F%3E%3Cpath%20d%3D'M11.5%2013h9M11.5%2017h9M11.5%2021h5.5'%2F%3E%3C%2Fsvg%3E")!important} html body .cdm-lg-wrap .cdm-lg-ed:not(#cdmi0):not(#cdmi1):not(#cdmi2):not(#cdmi3):not(#cdmi4):not(#cdmi5):not(#cdmi6):not(#cdmi7) ul li:nth-child(3) > span:first-child{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2032%2032'%20fill%3D'none'%20stroke%3D'%23e9c873'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M16%2028.5s-9-8.6-9-15.6a9%209%200%200%201%2018%200c0%207-9%2015.6-9%2015.6z'%2F%3E%3Cpath%20d%3D'M16%208.6l1.25%202.55%202.8.4-2.03%201.98.48%202.8L16%2015l-2.5%201.33.48-2.8-2.03-1.98%202.8-.4z'%20stroke-width%3D'1.2'%2F%3E%3C%2Fsvg%3E")!important} /* ===== GRACIAS POR TU PEDIDO: botones nuevos y lista de productos en tarjeta (celular y compu) ===== */ html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .cdmj-caja{overflow:visible!important;padding-bottom:24px!important} html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .cdmj-cta{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;height:50px!important;padding:0 18px!important;border-radius:999px!important;border:0!important;background:linear-gradient(180deg,#f8e19a 0%,#dfb44c 55%,#c4952f 100%)!important;color:#0b1626!important;font:800 13px/1 Raleway,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;box-shadow:0 12px 24px -12px rgba(120,85,20,.8),inset 0 1px 0 rgba(255,255,255,.6)!important;text-decoration:none!important;white-space:nowrap!important} html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .cdmj-cta::before,html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .cdmj-cta::after{display:none!important} html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .cdmj-cta:active{transform:scale(.98)} html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .g-bt{display:grid!important;gap:12px!important;margin-top:20px!important} html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .g-bt a{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;height:52px!important;padding:0 20px!important;border-radius:999px!important;font:700 14.5px/1 Raleway,sans-serif!important;letter-spacing:.02em!important;text-transform:none!important;text-decoration:none!important;transition:transform .15s ease,box-shadow .2s ease!important} html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .g-bt a.p1{background:linear-gradient(180deg,#fffaf0,#f6e7c4)!important;color:#0a1438!important;border:1.5px solid #dfb44c!important;box-shadow:0 12px 24px -14px rgba(0,0,0,.7)!important} html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .g-bt a.p1::after{content:"\2192";font-size:17px;transition:transform .2s ease} html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .g-bt a.p1:hover::after{transform:translateX(3px)} html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .g-bt a.p2{background:rgba(255,255,255,.04)!important;color:#fff!important;border:1.5px solid rgba(243,214,138,.55)!important;box-shadow:none!important} html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .g-bt a.p2::before{content:"";width:20px;height:20px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2325d366' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm0 18.2a8.2 8.2 0 0 1-4.2-1.1l-.3-.2-3 .8.8-2.9-.2-.3A8.2 8.2 0 1 1 12 20.2zm4.5-6.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.2-.4.2-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.9c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.7.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E")} html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .g-bt a:active{transform:scale(.98)} @media (min-width:992px){html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .g-bt{grid-template-columns:1fr 1fr!important}} /* productos */ html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) table.o_cart_products_table{border-collapse:separate!important;border-spacing:0!important;width:100%!important;background:#fff!important;border:1px solid rgba(201,154,58,.28)!important;border-radius:22px 22px 0 0!important;border-bottom:0!important;box-shadow:0 18px 40px -32px rgba(10,20,56,.45)!important;overflow:hidden!important;margin:0!important} html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) table.o_cart_products_table tr td{border:0!important;border-bottom:1px dashed rgba(10,20,56,.12)!important;padding:14px 10px!important;vertical-align:middle!important;background:transparent!important} html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) table.o_cart_products_table tr td:first-child{padding-left:16px!important;width:84px!important} html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) table.o_cart_products_table tr td:last-child{padding-right:16px!important;text-align:right!important;white-space:nowrap!important;font:700 15px Raleway,sans-serif!important;color:#0a1438!important} html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) table.o_cart_products_table tr td *{font-family:Raleway,sans-serif!important} html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) table.o_cart_products_table .o_cart_product_image{width:64px!important;height:64px!important;border-radius:14px!important;background:#fff!important;border:1px solid rgba(10,20,56,.08)!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important} html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) table.o_cart_products_table .o_cart_product_image img{max-width:56px!important;max-height:56px!important;object-fit:contain!important;border-radius:10px!important} html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) table.o_cart_products_table .o_cart_item_count{position:absolute!important;top:-7px!important;right:-7px!important;min-width:24px!important;height:24px!important;padding:0 6px!important;border-radius:999px!important;background:#0a1438!important;color:#fff!important;font:800 11.5px/20px Raleway,sans-serif!important;border:2px solid #f3d68a!important;box-shadow:0 4px 10px -4px rgba(10,20,56,.6)!important} html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) table.o_cart_products_table tr td:nth-child(2),html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) table.o_cart_products_table tr td:nth-child(2) *{font:600 14.5px/1.35 Raleway,sans-serif!important;color:#0a1438!important} html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) table.o_cart_products_table tr td:nth-child(2) .text-muted,html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) table.o_cart_products_table tr td:nth-child(2) small{font-size:12px!important;color:#6a7392!important} /* totales en la misma tarjeta */ html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .o_cart_total{background:#fff!important;border:1px solid rgba(201,154,58,.28)!important;border-top:0!important;border-radius:0 0 22px 22px!important;padding:14px 16px 18px!important;box-shadow:0 18px 40px -32px rgba(10,20,56,.45)!important;margin:0 0 24px!important} html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .o_cart_total table{margin:0!important;width:100%!important} html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .o_cart_total td{border:0!important;padding:5px 0!important;font:500 14px Raleway,sans-serif!important;color:#5b6380!important;background:transparent!important} html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .o_cart_total td.text-end,html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .o_cart_total td.text-end *{font:700 14.5px Raleway,sans-serif!important;color:#0a1438!important} html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .o_cart_total tr.border-top td,html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .o_cart_total tr:last-child td{border-top:2px dotted #c99a3a!important;padding-top:12px!important;font:800 18px Raleway,sans-serif!important;color:#0a1438!important} html body #wrap:has(.cdm-gracias):not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .o_cart_total tr:last-child td *{font:800 20px Raleway,sans-serif!important;color:#0a1438!important} html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .g-bt a{width:100%!important;max-width:none!important;box-sizing:border-box!important}html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .g-bt{justify-items:stretch!important;width:100%!important}html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .g-bt{grid-template-columns:1fr!important;justify-content:stretch!important}@media (min-width:992px){html body .cdm-gracias:not(#cdmg0):not(#cdmg1):not(#cdmg2):not(#cdmg3):not(#cdmg4) .g-bt{grid-template-columns:1fr 1fr!important}} /* ===== FAVORITOS v3.2: post-its blancos por defecto (color opcional), agarradera para mover en celular ===== */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdml-card{background:var(--pi,#fff)!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdml-asa{position:absolute;top:6px;right:6px;z-index:4;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.9) no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 16'%3E%3Cg fill='%230a1438'%3E%3Ccircle cx='2.5' cy='2.5' r='1.5'/%3E%3Ccircle cx='7.5' cy='2.5' r='1.5'/%3E%3Ccircle cx='2.5' cy='8' r='1.5'/%3E%3Ccircle cx='7.5' cy='8' r='1.5'/%3E%3Ccircle cx='2.5' cy='13.5' r='1.5'/%3E%3Ccircle cx='7.5' cy='13.5' r='1.5'/%3E%3C/g%3E%3C/svg%3E");box-shadow:0 2px 6px rgba(10,20,56,.18);touch-action:none!important;cursor:grab} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdml-card.en-g .cdml-asa{top:50%;margin-top:-15px;right:auto;left:-10px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdml-card.demo .cdml-asa{display:none} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdml-libre,html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdml-card,html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdml-card *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important} @media (min-width:992px){html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdml-asa{opacity:0;transition:opacity .2s}html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdml-card:hover .cdml-asa{opacity:1}} .cdml-hcol-t{font:700 12px Raleway,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#9a7425;margin:14px 0 8px} .cdml-hcol{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px} .cdml-sw{display:flex;align-items:center;gap:8px;height:42px;padding:0 10px;border-radius:12px;border:1.5px solid rgba(10,20,56,.12);background:#fff;font:700 12.5px Raleway,sans-serif;color:#0a1438;cursor:pointer} .cdml-sw i{flex:none;width:20px;height:20px;border-radius:5px;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(10,20,56,.18)} .cdml-sw.on{border-color:#c99a3a;background:#fffaf0;box-shadow:0 0 0 3px rgba(243,214,138,.35)} /* ===== FAVORITOS v4: proyectos, areas, cantidades y seleccion ===== */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdml-cab{margin-bottom:8px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-proys{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 12px 12px;margin:0 -12px 6px;scrollbar-width:none} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-proys::-webkit-scrollbar{display:none} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-pr{flex:0 0 auto;min-width:170px;max-width:240px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:12px 16px;border-radius:18px;border:1.5px solid rgba(10,20,56,.12);background:#fff;text-align:left;cursor:pointer;transition:all .2s} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-pr b{font:600 15px Cinzel,'Times New Roman',serif;color:#0a1438;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-pr span{font:600 11.5px Raleway,sans-serif;color:#6a7392;white-space:nowrap} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-pr.on{background:#0a1438;border-color:#0a1438;box-shadow:0 12px 24px -16px rgba(10,20,56,.8)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-pr.on b{color:#f3d68a}html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-pr.on span{color:#cfd6ea} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-pr.nuevo{border-style:dashed;border-color:rgba(201,154,58,.75);background:#fffaf0} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-pr.nuevo b{color:#9a7425;font-family:Raleway,sans-serif;font-weight:800;font-size:14px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:2px 0 10px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-cab-t{display:flex;flex-direction:column;gap:2px;min-width:0} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-k{font:800 10.5px Raleway,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#b8902f} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-n{margin:0!important;font:600 24px/1.15 Cinzel,'Times New Roman',serif!important;color:#0a1438!important;word-break:break-word} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-tot{font:600 13.5px Raleway,sans-serif;color:#3a4566}html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-tot b{color:#0a1438;font-weight:800} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-nota{font:500 11.5px Raleway,sans-serif;color:#7a8199} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-menu{flex:none;width:40px;padding:0!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdml-sec.on{background:#0a1438!important;color:#fff!important;border-color:#0a1438!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-fila{display:flex;align-items:center;gap:6px;margin-top:8px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-fila .cdml-acc{margin:0!important;flex:1} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-q{display:flex;align-items:center;height:32px;border-radius:999px;background:rgba(255,255,255,.85);border:1px solid rgba(10,20,56,.12);overflow:hidden} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-q button{width:30px;height:32px;border:0;background:none;font:700 17px/1 Raleway,sans-serif;color:#0a1438;cursor:pointer;padding:0} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-q span{min-width:24px;text-align:center;font:800 13px Raleway,sans-serif;color:#0a1438} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-sub{font-style:normal;font-weight:700;color:#5b6380;font-size:11.5px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdml-card.en-g .cdmp-fila{grid-column:2;margin-top:2px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdml-card.sel{box-shadow:0 0 0 3px #c99a3a,0 14px 26px -16px rgba(10,20,56,.5)!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-check{position:absolute;top:8px;left:8px;z-index:5;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid rgba(10,20,56,.25)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdml-card.sel .cdmp-check{background:#c99a3a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/15px no-repeat;border-color:#c99a3a} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-selbar{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 0;padding:12px 14px 12px 18px;border-radius:20px;background:#0a1438;color:#fff;box-shadow:0 18px 36px -16px rgba(10,20,56,.8)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-selbar div{display:flex;flex-direction:column;gap:2px;min-width:0} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-selbar b{font:800 14.5px Raleway,sans-serif;color:#f3d68a} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-selbar span{font:500 11px Raleway,sans-serif;color:#cfd6ea} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-selbar button{flex:none;height:42px;padding:0 16px;border:0;border-radius:999px;background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);color:#0b1626;font:800 13px Raleway,sans-serif;cursor:pointer} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-btn{height:44px;padding:0 20px;border-radius:999px;border:0;background:linear-gradient(180deg,#1f2f70,#0a1438);color:#fff;font:700 13.5px Raleway,sans-serif;cursor:pointer} .cdmp-lista{display:grid;gap:8px;max-height:46vh;overflow:auto;margin-bottom:6px} .cdmp-li{display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:14px;border:1.5px solid rgba(10,20,56,.1);background:#fff;text-align:left;cursor:pointer} .cdmp-li img{width:48px;height:48px;border-radius:10px;object-fit:contain;background:#f7f8fb;flex:none} .cdmp-li span{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0} .cdmp-li b{font:600 13.5px Raleway,sans-serif;color:#0a1438;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cdmp-li em{font-style:normal;font:700 12.5px Raleway,sans-serif;color:#b8902f} .cdmp-li i{flex:none;min-width:34px;height:34px;padding:0 8px;border-radius:999px;background:#0a1438;color:#fff;font:800 13px/34px Raleway,sans-serif;text-align:center;font-style:normal} .cdmp-li.on{border-color:#c99a3a;background:#fffaf0}.cdmp-li.on i{background:#c99a3a} @media (min-width:992px){html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-proys{margin:0 0 8px;padding:4px 0 12px}html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5) .cdmp-n{font-size:30px!important}} /* ===== CHECKOUT: boton "Agregar otra direccion" tipo tarjeta (celular y compu) ===== */ html body a.o_address_card_add_new:not(#cdmd0):not(#cdmd1):not(#cdmd2):not(#cdmd3):not(#cdmd4){display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;height:54px!important;margin:14px 0 4px!important;padding:0 18px!important;border-radius:18px!important;border:1.5px dashed #c99a3a!important;background:#fffaf0!important;color:#0a1438!important;font-size:0!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;box-shadow:none!important;transition:border-style .2s,background .2s,transform .15s!important} html body a.o_address_card_add_new:not(#cdmd0):not(#cdmd1):not(#cdmd2):not(#cdmd3):not(#cdmd4)::after{content:"Agregar otra direcci\00f3n";font:700 14.5px/1 Raleway,sans-serif;color:#0a1438;letter-spacing:.01em} html body a.o_address_card_add_new:not(#cdmd0):not(#cdmd1):not(#cdmd2):not(#cdmd3):not(#cdmd4) i,html body a.o_address_card_add_new:not(#cdmd0):not(#cdmd1):not(#cdmd2):not(#cdmd3):not(#cdmd4) .oi{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:28px!important;height:28px!important;margin:0!important;border-radius:50%!important;background:linear-gradient(180deg,#f3d68a,#c99a3a)!important;color:#fff!important;font-size:12px!important;box-shadow:0 4px 10px -4px rgba(150,110,30,.7)!important} html body a.o_address_card_add_new:not(#cdmd0):not(#cdmd1):not(#cdmd2):not(#cdmd3):not(#cdmd4):hover{border-style:solid!important;background:#fff6dd!important} html body a.o_address_card_add_new:not(#cdmd0):not(#cdmd1):not(#cdmd2):not(#cdmd3):not(#cdmd4):active{transform:scale(.98)} /* ===== PAGO POR TRANSFERENCIA (/payment/status): tarjeta de datos bancarios con boton Copiar (celular y compu) ===== */ html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) .wrap .container > .row{justify-content:center!important} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) .wrap .col-lg-8{max-width:640px!important;flex:0 0 100%!important} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) .wrap h1,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) .wrap .o_page_header h1{font:600 28px/1.15 Cinzel,'Times New Roman',serif!important;color:#0a1438!important;text-align:center!important;text-transform:none!important;letter-spacing:.02em!important;margin:8px 0 6px!important} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] a[href*="landing"],html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) .wrap a.o_payment_skip,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) .wrap a:has(> .fa-arrow-right){font:700 13px Raleway,sans-serif!important;color:#6a7392!important;text-decoration:none!important} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .alert{position:relative!important;margin:10px 0 16px!important;padding:26px 22px 22px!important;border-radius:24px!important;border:1px solid rgba(223,180,76,.55)!important;background:radial-gradient(120% 80% at 85% 0%,rgba(223,180,76,.16),transparent 55%),linear-gradient(180deg,#1c306c 0%,#0a1438 100%)!important;color:#eef0f6!important;box-shadow:0 24px 50px -26px rgba(10,20,56,.75)!important;overflow:hidden!important} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .alert *{color:#eef0f6!important;font-family:Raleway,sans-serif!important} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .alert > div > p:first-child,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .alert > p:first-child,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .alert h1,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .alert h2,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .alert h3,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .alert h4{font:600 17px/1.35 Cinzel,'Times New Roman',serif!important;color:#f3d68a!important;text-transform:none!important;letter-spacing:.03em!important;margin:0 0 10px!important} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .alert p,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .alert div{font-size:15px!important;line-height:1.75!important} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .alert strong,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .alert b{color:#f3d68a!important;font-weight:700!important} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .alert hr{border:0!important;border-top:1px dashed rgba(243,214,138,.45)!important;opacity:1!important;margin:16px 0!important} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) .cdmpg-v{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) .cdmpg-v span{font:700 15.5px Raleway,sans-serif!important;color:#fff!important;letter-spacing:.04em;word-break:break-all} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) .cdmpg-copiar{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(243,214,138,.6);background:rgba(243,214,138,.12);color:#f3d68a!important;font:700 12px Raleway,sans-serif!important;cursor:pointer;vertical-align:middle} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) .cdmpg-copiar.ok{background:#f3d68a;color:#0a1438!important} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .text-bg-light{background:#fff!important;border:1px solid rgba(201,154,58,.28)!important;border-radius:22px!important;padding:14px 8px!important;box-shadow:0 18px 40px -32px rgba(10,20,56,.45)!important;margin:0 0 20px!important} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .text-bg-light > *{padding:8px 14px!important} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .text-bg-light label,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .text-bg-light .text-muted,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .text-bg-light small{font:600 11.5px Raleway,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#8a90a8!important} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .text-bg-light h3,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .text-bg-light h4,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .text-bg-light h5,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .text-bg-light span,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .text-bg-light div:not(.row){color:#0a1438!important;font-family:Raleway,sans-serif!important} html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .text-bg-light h3,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .text-bg-light h4,html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .text-bg-light h5{font-weight:800!important;font-size:19px!important;margin:2px 0 0!important} @media (min-width:992px){html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) .wrap h1{font-size:36px!important}html body:has([name="o_payment_status"]):not(#cdmy0):not(#cdmy1):not(#cdmy2):not(#cdmy3) [name="o_payment_status"] > .alert{padding:32px 34px 28px!important}} /* ===== GRACIAS: regalo nuevo (Magnific, id 25032) con caida, flotacion, halo y destellos ===== */ @keyframes cdmrCae{0%{transform:translateY(-60px) scale(.85)}55%{transform:translateY(6px) scale(1.03)}75%{transform:translateY(-4px)}100%{transform:none}} @keyframes cdmrFlota{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}} @keyframes cdmrHalo{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.92)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.06)}} @keyframes cdmrBrillo{0%,100%{opacity:0;transform:scale(.4) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(45deg)}} html body .cdm-gracias:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .g-regalo{position:relative!important;width:160px!important;height:160px!important;margin:0 auto 6px!important;animation:cdmrCae .9s cubic-bezier(.3,1.3,.5,1) both!important} html body .cdm-gracias:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .g-regalo > svg,html body .cdm-gracias:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .g-regalo > *:not(.cdmr-img):not(.cdmr-b){display:none!important} html body .cdm-gracias:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .g-regalo::before{content:"";position:absolute;left:50%;top:52%;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(243,214,138,.38) 0%,rgba(243,214,138,0) 68%);animation:cdmrHalo 3.2s ease-in-out infinite;pointer-events:none} html body .cdm-gracias:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .g-regalo .cdmr-img{position:relative;display:block;width:100%;height:100%;background:url("/web/image/25032/regalo-gracias-magnific.webp") center/contain no-repeat;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45));animation:cdmrFlota 3.6s ease-in-out .9s infinite} html body .cdm-gracias:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .g-regalo .cdmr-b{position:absolute;width:12px;height:12px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f3d68a' d='M12 1l2.6 8.4L23 12l-8.4 2.6L12 23l-2.6-8.4L1 12l8.4-2.6z'/%3E%3C/svg%3E");animation:cdmrBrillo 2.4s ease-in-out infinite;pointer-events:none} html body .cdm-gracias:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .g-regalo .cdmr-b:nth-of-type(1){left:2px;top:30px;animation-delay:.2s} html body .cdm-gracias:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .g-regalo .cdmr-b:nth-of-type(2){right:0;top:12px;width:16px;height:16px;animation-delay:1s} html body .cdm-gracias:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .g-regalo .cdmr-b:nth-of-type(3){right:14px;bottom:26px;width:10px;height:10px;animation-delay:1.7s} @media (prefers-reduced-motion:reduce){html body .cdm-gracias:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .g-regalo,html body .cdm-gracias:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .g-regalo .cdmr-img,html body .cdm-gracias:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .g-regalo::before,html body .cdm-gracias:not(#cdmr0):not(#cdmr1):not(#cdmr2):not(#cdmr3):not(#cdmr4) .g-regalo .cdmr-b{animation:none!important}} /* ===== FAVORITOS v4.1: guia legible, fantasma chico al mover, barra de seleccion con mover/copiar ===== */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-guia{padding:20px 20px 18px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-guia-t{display:block;font:700 18px/1.3 Raleway,sans-serif!important;color:#f3d68a!important;letter-spacing:0!important;text-transform:none!important;margin-bottom:12px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-guia ol{gap:12px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-guia li{display:flex!important;align-items:flex-start!important;gap:12px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-guia li span{flex:none!important;width:28px!important;height:28px!important;font:800 14px/28px Raleway,sans-serif!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-guia li p{flex:1;margin:0!important;font:500 16px/1.45 Raleway,sans-serif!important;color:#eef0f6!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-guia li p b{color:#fff!important;font-weight:800!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-guia .cdml-guia-bts .ok{width:100%!important;height:50px!important;font-size:16px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdml-sec,html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdml-nuevo{height:44px!important;font-size:14px!important} .cdmp-fant{position:fixed;z-index:2147483400;width:150px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 24px 40px -14px rgba(10,20,56,.55),0 0 0 2px #f3d68a;transform:rotate(3deg);pointer-events:none;display:flex;flex-direction:column;gap:6px} .cdmp-fant img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:10px;background:#f7f8fb} .cdmp-fant span{font:700 12.5px/1.3 Raleway,sans-serif;color:#0a1438;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .cdmp-fant.area{width:180px;padding:12px 14px;background:#0a1438} .cdmp-fant.area span{color:#f3d68a;font-size:14px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-selbar{flex-wrap:wrap!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-selbts{display:flex;gap:8px;flex-wrap:wrap;width:100%} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-selbts button{flex:1 1 auto} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-selbts button.s2{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1.5px solid rgba(243,214,138,.55)!important} .cdmp-larga{height:auto!important;min-height:50px;padding:10px 16px!important;line-height:1.3!important;text-align:center} .cdmp-cancel{display:block;width:100%;margin-top:10px;height:44px;border:0;background:none;font:700 14.5px Raleway,sans-serif;color:#6a7392;cursor:pointer} @media (min-width:992px){html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-selbts{width:auto}} /* ===== FAVORITOS v4.2: compartir el proyecto como imagen ===== */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-cab-bts{display:flex;gap:8px;flex:none;align-items:center} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-share{display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 16px;border:0;border-radius:999px;background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);color:#0b1626;font:800 14px Raleway,sans-serif;cursor:pointer;box-shadow:0 10px 20px -12px rgba(120,85,20,.7)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-share svg{width:18px;height:18px;fill:none;stroke:#0b1626;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6) .cdmp-share.cargando{opacity:.6} .cdmp-prev{max-height:46vh;overflow:auto;border-radius:14px;border:1px solid rgba(10,20,56,.1);margin:4px 0 6px;background:#fbf8f1} .cdmp-prev img{display:block;width:100%;height:auto} a.cdmt-crear{text-decoration:none!important} a.cdmt-crear.sec{color:#0a1438!important} /* ===== GRACIAS: regalo v2, caida con rebote, rayos, brillo, saltito y destellos al tocar ===== */ @keyframes cdmqCae{0%{transform:translateY(-140px) scale(.7) rotate(-8deg)}55%{transform:translateY(0) scale(1.14,.86) rotate(0)}70%{transform:translateY(-18px) scale(.95,1.06)}84%{transform:translateY(0) scale(1.04,.96)}100%{transform:none}} @keyframes cdmqJuega{0%,62%,100%{transform:translateY(0) rotate(0) scale(1)}8%,54%{transform:translateY(-6px) rotate(.6deg)}30%{transform:translateY(-3px) rotate(-.6deg)}68%{transform:translateY(2px) scale(1.06,.94)}74%{transform:translateY(-22px) rotate(-7deg) scale(1.02)}79%{transform:translateY(-22px) rotate(7deg)}84%{transform:translateY(-12px) rotate(-5deg)}89%{transform:translateY(0) rotate(3deg) scale(1.05,.95)}94%{transform:translateY(-4px) rotate(-1deg)}} @keyframes cdmqToque{0%{transform:none}20%{transform:translateY(4px) scale(1.1,.9)}45%{transform:translateY(-30px) rotate(-9deg)}60%{transform:translateY(-30px) rotate(9deg)}75%{transform:translateY(-10px) rotate(-4deg)}90%{transform:translateY(0) scale(1.05,.95)}100%{transform:none}} @keyframes cdmqRayos{to{transform:translate(-50%,-50%) rotate(360deg)}} @keyframes cdmqBrillo{0%,70%{transform:translateX(-120%) skewX(-18deg)}88%,100%{transform:translateX(160%) skewX(-18deg)}} @keyframes cdmqHalo{0%,100%{opacity:.5;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.08)}} @keyframes cdmqSombra{0%,62%,100%{transform:translateX(-50%) scale(1);opacity:.45}74%,84%{transform:translateX(-50%) scale(.7);opacity:.25}} html body .cdm-gracias:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) .g-regalo{width:170px!important;height:170px!important;overflow:visible!important;cursor:pointer;-webkit-tap-highlight-color:transparent;animation:cdmqCae 1.05s cubic-bezier(.3,.9,.45,1) both!important} html body .cdm-gracias:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) .g-regalo::before{content:"";position:absolute;left:50%;top:50%;width:330px;height:330px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(243,214,138,.22) 0deg 7deg,rgba(243,214,138,0) 7deg 22deg);-webkit-mask:radial-gradient(circle,#000 18%,transparent 66%);mask:radial-gradient(circle,#000 18%,transparent 66%);animation:cdmqRayos 26s linear infinite!important;pointer-events:none;z-index:0} html body .cdm-gracias:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) .g-regalo::after{content:"";position:absolute;left:50%;top:52%;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(243,214,138,.45) 0%,rgba(243,214,138,0) 68%);animation:cdmqHalo 3.2s ease-in-out infinite;pointer-events:none;z-index:0} html body .cdm-gracias:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) .g-regalo .cdmr-img{z-index:2;animation:cdmqJuega 5s ease-in-out 1.2s infinite!important;transform-origin:50% 90%} html body .cdm-gracias:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) .g-regalo.toque .cdmr-img{animation:cdmqToque .75s cubic-bezier(.3,1.2,.5,1)!important} html body .cdm-gracias:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) .g-regalo .cdmq-sh{position:absolute;inset:0;z-index:3;pointer-events:none;-webkit-mask:url("/web/image/25032/regalo-gracias-magnific.webp") center/contain no-repeat;mask:url("/web/image/25032/regalo-gracias-magnific.webp") center/contain no-repeat;overflow:hidden;animation:inherit} html body .cdm-gracias:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) .g-regalo .cdmq-sh i{position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,248,220,.75),rgba(255,255,255,0));animation:cdmqBrillo 5s ease-in-out 1.6s infinite} html body .cdm-gracias:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) .g-regalo .cdmq-piso{position:absolute;left:50%;bottom:-6px;width:110px;height:16px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.55),rgba(0,0,0,0) 70%);z-index:1;animation:cdmqSombra 5s ease-in-out 1.2s infinite;transform:translateX(-50%)} html body .cdm-gracias:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) .g-regalo .cdmr-b{z-index:4} .cdmq-p{position:fixed;z-index:2147483000;pointer-events:none;width:9px;height:9px;border-radius:2px} .cdmq-p.e{width:14px;height:14px;border-radius:0;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23f3d68a' d='M12 1l2.6 8.4L23 12l-8.4 2.6L12 23l-2.6-8.4L1 12l8.4-2.6z'/%3E%3C/svg%3E")!important} @media (prefers-reduced-motion:reduce){html body .cdm-gracias:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) .g-regalo,html body .cdm-gracias:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) .g-regalo::before,html body .cdm-gracias:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) .g-regalo::after,html body .cdm-gracias:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) .g-regalo .cdmr-img,html body .cdm-gracias:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) .g-regalo .cdmq-sh i,html body .cdm-gracias:not(#cdmq0):not(#cdmq1):not(#cdmq2):not(#cdmq3):not(#cdmq4):not(#cdmq5) .g-regalo .cdmq-piso{animation:none!important}} /* GRACIAS: regalo v2.1, rayos y halo con su propia animacion, brillo sin doble movimiento */ html body .cdm-gracias:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw4):not(#cdmw5):not(#cdmw6):not(#cdmw7):not(#cdmw8):not(#cdmw9):not(#cdmw10):not(#cdmw11) .g-regalo{max-width:none!important;width:170px!important;height:170px!important} html body .cdm-gracias:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw4):not(#cdmw5):not(#cdmw6):not(#cdmw7):not(#cdmw8):not(#cdmw9):not(#cdmw10):not(#cdmw11) .g-regalo::before{animation:cdmqRayos 26s linear infinite!important} html body .cdm-gracias:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw4):not(#cdmw5):not(#cdmw6):not(#cdmw7):not(#cdmw8):not(#cdmw9):not(#cdmw10):not(#cdmw11) .g-regalo::after{animation:cdmqHalo 3.2s ease-in-out infinite!important} html body .cdm-gracias:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw4):not(#cdmw5):not(#cdmw6):not(#cdmw7):not(#cdmw8):not(#cdmw9):not(#cdmw10):not(#cdmw11) .g-regalo .cdmq-sh{animation:none!important;transform:none!important} @media (prefers-reduced-motion:reduce){html body .cdm-gracias:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw4):not(#cdmw5):not(#cdmw6):not(#cdmw7):not(#cdmw8):not(#cdmw9):not(#cdmw10):not(#cdmw11) .g-regalo::before,html body .cdm-gracias:not(#cdmw0):not(#cdmw1):not(#cdmw2):not(#cdmw3):not(#cdmw4):not(#cdmw5):not(#cdmw6):not(#cdmw7):not(#cdmw8):not(#cdmw9):not(#cdmw10):not(#cdmw11) .g-regalo::after{animation:none!important}} /* ===== FAVORITOS v4.3: barra de botones clara, asistente de inicio y "Como se usa" ===== */ .cdmp-sin-juego{display:none!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdmp-cab-bts:empty{display:none} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdmp-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 14px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdmp-t{display:flex;align-items:center;gap:10px;height:50px;padding:0 14px;border-radius:14px;border:1.5px solid rgba(10,20,56,.12);background:#fff;color:#0a1438;font:700 14px/1.15 Raleway,sans-serif;text-align:left;cursor:pointer;box-shadow:0 6px 14px -12px rgba(10,20,56,.5)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdmp-t svg{flex:none;width:22px;height:22px;fill:none;stroke:#b8902f;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdmp-t.on{background:#0a1438;border-color:#0a1438;color:#fff}html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdmp-t.on svg{stroke:#f3d68a} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdmp-t.oro{background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);border-color:transparent;color:#0b1626}html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdmp-t.oro svg{stroke:#0b1626} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdmp-t.suave{background:transparent;border-style:dashed;color:#6a7392;box-shadow:none} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdmp-t:active{transform:scale(.98)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdml-barra{display:none!important} @media (min-width:992px){html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdmp-tools{display:flex;flex-wrap:wrap}html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdmp-t{height:46px}} .cdmp-pasos{list-style:none;margin:6px 0 14px;padding:0;display:grid;gap:12px} .cdmp-pasos li{display:flex;gap:12px;align-items:flex-start} .cdmp-pasos li span{flex:none;width:28px;height:28px;border-radius:50%;background:#f3d68a;color:#0a1438;font:800 14px/28px Raleway,sans-serif;text-align:center} .cdmp-pasos li p{margin:0;font:500 16px/1.45 Raleway,sans-serif;color:#2a3354} .cdmp-pasos li b{color:#0a1438} .cdmw-hoja{padding-top:16px!important} .cdmw-n{display:block;font:800 11px Raleway,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#b8902f;margin-bottom:6px} .cdmw-t{display:block;font:700 22px/1.25 Raleway,sans-serif;color:#0a1438;margin-bottom:8px} .cdmw-s{font:500 15px/1.45 Raleway,sans-serif;color:#5b6380;margin:0 0 14px} .cdmw-ops{display:grid;gap:10px;margin:10px 0 6px} .cdmw-ops button{display:flex;align-items:center;gap:14px;min-height:72px;padding:12px 16px;border-radius:18px;border:1.5px solid rgba(10,20,56,.12);background:#fff;text-align:left;cursor:pointer} .cdmw-ops button:active{transform:scale(.98);border-color:#c99a3a;background:#fffaf0} .cdmw-ops em{flex:none;width:44px;height:44px;border-radius:50%;background:#fff6dd;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:22px;color:#b8902f} .cdmw-ops span{display:flex;flex-direction:column;gap:3px} .cdmw-ops b{font:700 16px/1.25 Raleway,sans-serif;color:#0a1438} .cdmw-ops i{font-style:normal;font:500 13px Raleway,sans-serif;color:#6a7392} .cdmw-saltar{display:block;width:100%;margin-top:10px;height:46px;border:0;background:none;font:700 15px Raleway,sans-serif;color:#6a7392;text-decoration:underline;cursor:pointer} .cdmw-in{height:56px!important;font-size:17px!important} .cdmw-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px} .cdmw-chips button{height:48px;padding:0 18px;border-radius:999px;border:1.5px solid rgba(201,154,58,.55);background:#fff;font:700 15px Raleway,sans-serif;color:#0a1438;cursor:pointer} .cdmw-chips button.on{background:#0a1438;border-color:#0a1438;color:#f3d68a} .cdmw-chips button.on::before{content:"\2713 "} .cdmw-ok{width:64px;height:64px;margin:4px auto 12px;border-radius:50%;background:linear-gradient(180deg,#f8e19a,#c4952f);color:#0a1438;font:800 30px/64px Raleway,sans-serif;text-align:center} .cdmw-hoja .cdmt-crear{height:54px!important;font-size:16px!important} /* FAVORITOS: sin la burbuja "Juega!" en Mis proyectos (no tapa la barra de abajo) */ html body:has(section.wishlist-section.cdml) .cdmn:not(.cdmn-bienvenida):not(#cdmj0):not(#cdmj1):not(#cdmj2){display:none!important} /* MIS PROYECTOS (compu): espacio para la barra delgada fija */ @media (min-width:992px){html body:has(section.wishlist-section.cdml) main:not(#cdmh0):not(#cdmh1){padding-top:86px!important}} /* MIS PROYECTOS (compu): barra delgada firme, sin reiniciar la animacion de entrada */ @media (min-width:992px){html body:has(section.wishlist-section.cdml) #wrapwrap > header#top.o_header_is_scrolled:not(#cdmk0):not(#cdmk1):not(#cdmk2) nav.navbar,html body:has(section.wishlist-section.cdml) #wrapwrap > header#top.o_header_is_scrolled:not(#cdmk0):not(#cdmk1):not(#cdmk2) nav.navbar.d-lg-block{animation:none!important;opacity:1!important;transition:none!important}} /* ===== PAGO: pantalla "Registrando tu pedido" y tarjeta de datos de transferencia en gracias ===== */ @keyframes cdmpgGiro{to{transform:rotate(360deg)}} .cdmpg-velo{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 80% at 50% 0%,#1c306c,#0a1438 70%);color:#eef0f6;text-align:center;padding:24px} .cdmpg-velo b{display:block;font:600 24px Cinzel,'Times New Roman',serif;color:#f3d68a;margin:18px 0 8px} .cdmpg-velo p{font:500 15px Raleway,sans-serif;color:#cfd6ea;margin:0} .cdmpg-giro{display:block;width:48px;height:48px;margin:0 auto;border-radius:50%;border:3px solid rgba(243,214,138,.25);border-top-color:#f3d68a;animation:cdmpgGiro .9s linear infinite} html body:has(.cdmpg-velo) #wrapwrap{visibility:hidden} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3){max-width:760px;margin:22px auto!important;padding:24px 22px 18px!important;border-radius:24px!important;border:1px solid rgba(223,180,76,.55)!important;background:radial-gradient(120% 80% at 85% 0%,rgba(223,180,76,.16),transparent 55%),linear-gradient(180deg,#1c306c 0%,#0a1438 100%)!important;color:#eef0f6!important;box-shadow:0 24px 50px -26px rgba(10,20,56,.75)!important} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) *{font-family:Raleway,sans-serif!important} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .alert{background:transparent!important;border:0!important;padding:0!important;margin:0!important;color:#eef0f6!important} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .alert a[title="Edit"]{display:none!important} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .alert *,html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) #order_reference *{color:#eef0f6!important;text-transform:none!important;letter-spacing:0!important} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .alert h1,html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .alert h2,html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .alert h3,html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .alert h4,html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .alert h5,html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .alert p:first-child{font:600 15px/1.5 Raleway,sans-serif!important;color:#cfd6ea!important;margin:0 0 10px!important} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .alert p,html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .alert div{font-size:15px!important;line-height:1.8!important} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) strong,html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) b:not(.cdmpg-t){color:#f3d68a!important;font-weight:700!important} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) hr{border:0!important;border-top:1px dashed rgba(243,214,138,.45)!important;opacity:1!important;margin:14px 0!important} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) #order_reference{margin-top:12px!important;padding-top:12px!important;border-top:1px dashed rgba(243,214,138,.45)!important} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .cdmpg-cab{display:flex;flex-direction:column;gap:4px;margin-bottom:16px} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .cdmpg-k{font:800 11px Raleway,sans-serif!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:#f3d68a!important} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .cdmpg-t{font:600 24px/1.2 Cinzel,'Times New Roman',serif!important;color:#fff!important} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .cdmpg-imp{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.07);font:600 13px Raleway,sans-serif!important;color:#cfd6ea!important} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .cdmpg-imp em{font-style:normal;font:800 22px Raleway,sans-serif!important;color:#fff!important} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .cdmpg-v{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .cdmpg-v > span{font:700 15.5px Raleway,sans-serif!important;color:#fff!important;letter-spacing:.04em!important;word-break:break-all} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .cdmpg-copiar{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(243,214,138,.6);background:rgba(243,214,138,.12);color:#f3d68a!important;font:700 12px Raleway,sans-serif!important;cursor:pointer} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .cdmpg-copiar.ok{background:#f3d68a;color:#0a1438!important} html body [name="order_confirmation"].cdmpg-tarjeta:not(#cdmpg0):not(#cdmpg1):not(#cdmpg2):not(#cdmpg3) .cdmpg-pie{margin:14px 0 0!important;font:500 13px/1.5 Raleway,sans-serif!important;color:#cfd6ea!important} /* ===== FAVORITOS v4.4: Ideas para este proyecto (recomendaciones) ===== */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdmp-t.ideas{grid-column:1 / -1;justify-content:center;background:linear-gradient(135deg,#0a1438,#1c306c);border-color:#0a1438;color:#f3d68a} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdmp-t.ideas svg{stroke:#f3d68a;fill:rgba(243,214,138,.25)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7) .cdmp-t.cargando{opacity:.6} .cdmi-hoja{max-height:88vh!important} .cdmi-k{display:block;font:800 11px Raleway,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#b8902f;margin-bottom:4px} .cdmi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px} .cdmi-card{display:flex;flex-direction:column;gap:3px;padding:8px;border-radius:16px;border:1.5px solid rgba(10,20,56,.1);background:#fff} .cdmi-card.ok{border-color:#c99a3a;background:#fffaf0} .cdmi-foto{display:block;aspect-ratio:1/1;border-radius:12px;background:#f7f8fb;overflow:hidden} .cdmi-foto img{width:100%;height:100%;object-fit:contain} .cdmi-n{font:600 13px/1.3 Raleway,sans-serif;color:#0a1438;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px} .cdmi-p{font:800 13.5px Raleway,sans-serif;color:#b8902f} .cdmi-por{font:500 11px/1.3 Raleway,sans-serif;color:#7a8199;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .cdmi-bts{display:flex;gap:6px;margin-top:6px} .cdmi-add{flex:1;height:36px;border:0;border-radius:999px;background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);color:#0b1626;font:800 12.5px Raleway,sans-serif;cursor:pointer} .cdmi-card.ok .cdmi-add{background:#0a1438;color:#f3d68a} .cdmi-ver{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border-radius:999px;border:1.5px solid rgba(10,20,56,.14);color:#0a1438!important;font:700 12.5px Raleway,sans-serif;text-decoration:none!important} @media (min-width:992px){.cdmi-hoja{width:720px!important}.cdmi-grid{grid-template-columns:repeat(3,1fr)}} /* ===== FAVORITOS: el corazon se queda relleno en las piezas que ya estan en favoritos ===== */ html body .o_add_wishlist.o_in_wishlist:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4),html body .o_add_wishlist.cdmf-ya:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4),html body .o_add_wishlist_dyn.o_in_wishlist:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4),html body .o_add_wishlist_dyn.cdmf-ya:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4),html body .o_add_wishlist[disabled]:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4),html body .o_add_wishlist_dyn[disabled]:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4){background:#fff0f4!important;opacity:1!important;cursor:default!important;box-shadow:0 6px 14px -8px rgba(224,36,94,.55)!important;border-color:rgba(224,36,94,.25)!important} html body .o_add_wishlist.o_in_wishlist:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4)::before,html body .o_add_wishlist.cdmf-ya:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4)::before,html body .o_add_wishlist_dyn.o_in_wishlist:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4)::before,html body .o_add_wishlist_dyn.cdmf-ya:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4)::before,html body .o_add_wishlist[disabled]:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4)::before,html body .o_add_wishlist_dyn[disabled]:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4)::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E")!important;background-color:#e0245e!important} html body .o_add_wishlist.o_in_wishlist:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4) .fa,html body .o_add_wishlist.cdmf-ya:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4) .fa,html body .o_add_wishlist_dyn.o_in_wishlist:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4) .fa,html body .o_add_wishlist_dyn.cdmf-ya:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4) .fa,html body .o_add_wishlist[disabled]:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4) .fa,html body .o_add_wishlist_dyn[disabled]:not(#cdmlk0):not(#cdmlk1):not(#cdmlk2):not(#cdmlk3):not(#cdmlk4) .fa{color:transparent!important} /* ===== COLECCIONES 2026: botones con foto del pino y tarjeta "Asi se ve" ===== */ html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3){border-radius:999px!important;background:#fff!important;border:1px solid rgba(201,154,58,.35)!important;box-shadow:0 10px 22px -18px rgba(10,20,56,.5)!important;transition:transform .15s,box-shadow .2s,background .2s!important} html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3):hover{transform:translateY(-2px);box-shadow:0 16px 28px -18px rgba(10,20,56,.55)!important;border-color:rgba(201,154,58,.7)!important} html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdm-fs-img{background-color:#0a1438!important;background-size:cover!important;background-position:center 30%!important;color:transparent!important;font-size:0!important;box-shadow:0 0 0 2px #fff,0 0 0 3.5px #dfb44c!important} html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href*="-103"] .cdm-fs-img,html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href$="/103"] .cdm-fs-img{background-image:url("/web/image/22502/160x160")!important} html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href*="-104"] .cdm-fs-img,html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href$="/104"] .cdm-fs-img{background-image:url("/web/image/22508/160x160")!important} html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href*="-105"] .cdm-fs-img,html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href$="/105"] .cdm-fs-img{background-image:url("/web/image/22507/160x160")!important} html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href*="-106"] .cdm-fs-img,html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href$="/106"] .cdm-fs-img{background-image:url("/web/image/22506/160x160")!important} html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href*="-107"] .cdm-fs-img,html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href$="/107"] .cdm-fs-img{background-image:url("/web/image/22504/160x160")!important} html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href*="-108"] .cdm-fs-img,html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href$="/108"] .cdm-fs-img{background-image:url("/web/image/22509/160x160")!important} html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href*="-109"] .cdm-fs-img,html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href$="/109"] .cdm-fs-img{background-image:url("/web/image/22503/160x160")!important} html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href*="-110"] .cdm-fs-img,html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[href$="/110"] .cdm-fs-img{background-image:url("/web/image/22505/160x160")!important} html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdm-fs-txt span{font-family:Cinzel,'Times New Roman',serif!important;font-weight:600!important;color:#0a1438!important;letter-spacing:.01em!important} html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdm-fs-txt small{color:#9a7425!important;font-weight:600!important} html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3).active,html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[aria-current],html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3).o_wsale_filmstrip_link_active,html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3).cdm-fs-on{background:linear-gradient(180deg,#1c306c,#0a1438)!important;border-color:#0a1438!important} html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3).active .cdm-fs-txt span,html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[aria-current] .cdm-fs-txt span,html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3).cdm-fs-on .cdm-fs-txt span{color:#f3d68a!important} html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3).active .cdm-fs-txt small,html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3)[aria-current] .cdm-fs-txt small,html body a.o_wsale_filmstrip_link:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3).cdm-fs-on .cdm-fs-txt small{color:#cfd6ea!important} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3){display:flex;align-items:center;gap:22px;margin:6px 0 22px;padding:14px;border-radius:26px;background:#fff;border:1px solid rgba(201,154,58,.3);box-shadow:0 20px 40px -32px rgba(10,20,56,.5)} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-foto{position:relative;flex:none;width:210px;aspect-ratio:4/5;border:0;padding:0;border-radius:18px;overflow:hidden;background:#0a1438;cursor:zoom-in} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-foto img{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;transition:transform .4s} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-foto:hover img{transform:scale(1.04)} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-foto i{position:absolute;right:10px;bottom:10px;width:34px;height:34px;border-radius:50%;background:rgba(10,20,56,.7);color:#f3d68a;font:16px/34px sans-serif;text-align:center;font-style:normal} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-tx{flex:1;min-width:0;padding-right:10px} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-k{display:block;font:800 11px Raleway,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#b8902f;margin-bottom:6px} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) h2{margin:0 0 8px!important;font:600 34px/1.1 Cinzel,'Times New Roman',serif!important;color:#0a1438!important;text-transform:none!important} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) p{margin:0 0 16px!important;font:500 15px/1.5 Raleway,sans-serif!important;color:#5b6380!important} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-bts{display:flex;gap:10px;flex-wrap:wrap} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-bts button{height:46px;padding:0 20px;border-radius:999px;font:700 14px Raleway,sans-serif;letter-spacing:.02em;cursor:pointer;transition:transform .15s} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-bts button:active{transform:scale(.97)} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-b1{border:0;background:linear-gradient(180deg,#1f2f70,#0a1438);color:#fff;box-shadow:0 12px 22px -14px rgba(10,20,56,.8)} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-b2{border:1.5px solid rgba(201,154,58,.7);background:#fffaf0;color:#7a5c1c} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3).todas{display:block;padding:22px} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-cab{margin-bottom:14px} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-c{position:relative;display:block;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#0a1438;text-decoration:none!important} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-c img{width:100%;height:100%;object-fit:cover;object-position:center 35%;transition:transform .4s} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-c:hover img{transform:scale(1.05)} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-c::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(0deg,rgba(10,20,56,.92),rgba(10,20,56,0))} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-c span{position:absolute;left:14px;right:14px;bottom:30px;z-index:2;font:600 18px/1.15 Cinzel,'Times New Roman',serif;color:#fff} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-c em{position:absolute;left:14px;bottom:12px;z-index:2;font:700 11.5px Raleway,sans-serif;font-style:normal;color:#f3d68a;letter-spacing:.06em} .cdmcol-visor{position:fixed;inset:0;z-index:2147483500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;background:rgba(5,10,30,.92);opacity:0;transition:opacity .25s;cursor:zoom-out} .cdmcol-visor.on{opacity:1} .cdmcol-visor img{max-width:100%;max-height:82vh;border-radius:18px;box-shadow:0 30px 60px rgba(0,0,0,.5)} .cdmcol-visor span{font:600 20px Cinzel,'Times New Roman',serif;color:#f3d68a} .cdmcol-visor button{position:absolute;top:calc(env(safe-area-inset-top,0px) + 14px);right:14px;width:44px;height:44px;border-radius:50%;border:1.5px solid #dfb44c;background:#fffaf0;color:#0a1438;font:400 26px/40px sans-serif;cursor:pointer} @media (max-width:991.98px){ html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3){gap:14px;padding:10px;border-radius:22px;margin:4px 0 16px} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-foto{width:112px;border-radius:14px} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-foto i{width:28px;height:28px;font-size:13px;line-height:28px;right:6px;bottom:6px} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-k{font-size:9.5px;letter-spacing:.16em;margin-bottom:4px} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) h2{font-size:22px!important;margin-bottom:4px!important} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) p{font-size:13px!important;margin-bottom:10px!important} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-bts{gap:6px} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-bts button{height:38px;padding:0 13px;font-size:12.5px} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3).todas{padding:14px} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-grid{grid-template-columns:1fr 1fr;gap:10px} html body .cdmcol:not(#cdmco0):not(#cdmco1):not(#cdmco2):not(#cdmco3) .cdmcol-c span{font-size:15px;bottom:28px} } /* ===== CATALOGO: Ordenar y Filtros elegantes + panel de filtros ===== */ html body.cdmo-on #o_wsale_products_header .o_sortby_dropdown:not(#cdmoz0):not(#cdmoz1):not(#cdmoz2),html body.cdmo-on #o_wsale_products_header .products_header button[data-bs-target="#o_wsale_offcanvas"]:not(#cdmoz0):not(#cdmoz1):not(#cdmoz2),html body.cdmo-on #o_wsale_products_header .products_header a[data-bs-target="#o_wsale_offcanvas"]:not(#cdmoz0):not(#cdmoz1):not(#cdmoz2){display:none!important} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3){position:relative;display:flex;justify-content:flex-end;gap:10px;margin:2px 0 4px;z-index:30} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-wrap{position:relative} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-b{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 18px 0 16px;border-radius:999px;border:1px solid rgba(201,154,58,.45);background:#fff;color:#0a1438;font:600 14px Raleway,sans-serif;cursor:pointer;box-shadow:0 10px 22px -18px rgba(10,20,56,.55);transition:border-color .2s,box-shadow .2s} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-b:hover{border-color:#c99a3a;box-shadow:0 14px 26px -18px rgba(10,20,56,.6)} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-b svg{flex:none;width:18px;height:18px;fill:none;stroke:#b8902f;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-b em{font-style:normal;color:#6a7392;font-weight:500} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-b b{font-weight:800} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-fl{width:8px;height:8px;border-right:2px solid #9a7425;border-bottom:2px solid #9a7425;transform:rotate(45deg) translateY(-2px);margin-left:2px;transition:transform .2s} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3).abierto .cdmo-fl{transform:rotate(-135deg) translateY(-1px)} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:260px;padding:10px;border-radius:20px;background:#fff;border:1px solid rgba(201,154,58,.3);box-shadow:0 26px 50px -24px rgba(10,20,56,.55);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3).abierto .cdmo-menu{opacity:1;visibility:visible;transform:none} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-mt{display:block;padding:6px 12px 8px;font:800 10.5px Raleway,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#b8902f} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:12px;font:600 14.5px Raleway,sans-serif;color:#0a1438!important;text-decoration:none!important} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-menu a:hover{background:#fbf8f1} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-menu a i{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(10,20,56,.18)} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-menu a.on{background:#fff6dd;color:#7a5c1c!important;font-weight:800} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-menu a.on i{border-color:#c99a3a;background:#c99a3a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/13px no-repeat} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-velo{display:none} @media (max-width:991.98px){ html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3){display:grid;grid-template-columns:1fr 1fr;gap:10px;justify-content:stretch} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-wrap{position:static} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-b{width:100%;justify-content:center;height:48px;padding:0 12px;font-size:14px} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-ord em{display:none} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-ord span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-menu{position:fixed;left:0;right:0;top:auto;bottom:0;min-width:0;z-index:2147483301;padding:14px 16px calc(env(safe-area-inset-bottom,0px) + 18px);border-radius:24px 24px 0 0;transform:translateY(100%);opacity:1;visibility:hidden;transition:transform .32s cubic-bezier(.2,1,.35,1),visibility .32s} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3).abierto .cdmo-menu{transform:none;visibility:visible} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-menu::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:rgba(10,20,56,.15);margin:0 auto 10px} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-mt{font-size:12px;padding-bottom:10px} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .cdmo-menu a{padding:15px 14px;font-size:16px} html body.cdmo-on .cdmo-bar:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3).abierto .cdmo-velo{display:block;position:fixed;inset:0;z-index:2147483300;background:rgba(10,20,56,.45)} } /* panel de filtros de Odoo */ html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3){border-radius:24px 0 0 24px!important;border:0!important;box-shadow:-20px 0 50px -20px rgba(10,20,56,.5)!important;font-family:Raleway,sans-serif!important} html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .offcanvas-header{padding:16px 18px 6px!important;justify-content:space-between!important} html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .offcanvas-header::before{content:"Filtros";font:600 24px Cinzel,'Times New Roman',serif;color:#0a1438} html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .btn-close{width:40px!important;height:40px!important;border-radius:50%!important;border:1.5px solid #dfb44c!important;background-color:#fffaf0!important;opacity:1!important;background-size:12px!important} html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .accordion-button,html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .accordion-button:not(.collapsed){background:transparent!important;box-shadow:none!important;color:#0a1438!important;font:800 12px Raleway,sans-serif!important;letter-spacing:.2em!important;text-transform:uppercase!important;padding:14px 18px!important} html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .accordion-button b{font-weight:800!important;color:#9a7425!important} html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .accordion-item{border:0!important;background:transparent!important} html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .wsale_products_categories_list a,html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .wsale_products_categories_list label{display:flex!important;align-items:center!important;min-height:44px!important;padding:6px 10px!important;border-radius:12px!important;font:600 15px Raleway,sans-serif!important;color:#0a1438!important;text-decoration:none!important} html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .wsale_products_categories_list a:hover{background:#fbf8f1!important} html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .wsale_products_categories_list a.text-decoration-underline,html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .wsale_products_categories_list a.active,html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .wsale_products_categories_list .active > a{background:#fff6dd!important;color:#7a5c1c!important;font-weight:800!important;text-decoration:none!important} html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .o_categories_recursive_button{width:34px!important;height:34px!important;border-radius:50%!important;background-color:#fbf8f1!important;box-shadow:none!important} html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .offcanvas-body:last-child{padding:12px 18px calc(env(safe-area-inset-bottom,0px) + 16px)!important;border-top:1px solid rgba(201,154,58,.25)} html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .offcanvas-body a.btn{width:100%!important;justify-content:center!important;height:48px!important;align-items:center!important;border-radius:999px!important;border:1.5px solid rgba(201,154,58,.6)!important;background:#fffaf0!important;color:#7a5c1c!important;font:700 14.5px Raleway,sans-serif!important} html body.cdmo-on #o_wsale_offcanvas:not(#cdmo0):not(#cdmo1):not(#cdmo2):not(#cdmo3) .offcanvas-body a.btn.disabled{opacity:.5!important} /* hoja de ordenar (celular) al nivel de la pagina */ html body .cdmo-menu.cdmo-m{position:fixed!important;left:0;right:0;bottom:0;top:auto;z-index:2147483301;padding:14px 16px calc(env(safe-area-inset-bottom,0px) + 18px);border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -20px 50px -20px rgba(10,20,56,.5);transform:translateY(100%);visibility:hidden;transition:transform .32s cubic-bezier(.2,1,.35,1),visibility .32s;font-family:Raleway,sans-serif} html body .cdmo-menu.cdmo-m.on{transform:none;visibility:visible} html body .cdmo-menu.cdmo-m::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:rgba(10,20,56,.15);margin:0 auto 10px} html body .cdmo-menu.cdmo-m .cdmo-mt{display:block;padding:4px 12px 10px;font:800 12px Raleway,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#b8902f} html body .cdmo-menu.cdmo-m a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 14px;border-radius:14px;font:600 16px Raleway,sans-serif;color:#0a1438!important;text-decoration:none!important} html body .cdmo-menu.cdmo-m a i{width:22px;height:22px;border-radius:50%;border:1.5px solid rgba(10,20,56,.18)} html body .cdmo-menu.cdmo-m a.on{background:#fff6dd;color:#7a5c1c!important;font-weight:800} html body .cdmo-menu.cdmo-m a.on i{border-color:#c99a3a;background:#c99a3a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat} html body .cdmo-velo{display:none} html body.cdmo-hoja-on .cdmo-velo{display:block;position:fixed;inset:0;z-index:2147483300;background:rgba(10,20,56,.45)} html body.cdmo-on .cdmo-bar:not(#cdmoy0):not(#cdmoy1){width:100%!important;flex:1 1 100%!important;max-width:100%!important} /* CATALOGO: en compu no hace falta el boton Filtros (esta la columna de categorias) */ @media (min-width:992px){html body.cdmo-on .cdmo-bar .cdmo-fil:not(#cdmox0):not(#cdmox1){display:none!important}} /* ===== CARRITO: cantidad dentro del aviso ===== */ .cdmc-aviso .cdmcq{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:8px} .cdmc-aviso .cdmcq-ctl{display:inline-flex;align-items:center;height:38px;border-radius:999px;border:1.5px solid rgba(10,20,56,.14);background:#fff;overflow:hidden} .cdmc-aviso .cdmcq-ctl button{width:38px;height:38px;border:0;background:none;font:700 19px/1 Raleway,sans-serif;color:#0a1438;cursor:pointer;padding:0} .cdmc-aviso .cdmcq-ctl button:disabled{opacity:.3;cursor:default} .cdmc-aviso .cdmcq-ctl button:not(:disabled):active{background:#fff6dd} .cdmc-aviso .cdmcq-ctl span{min-width:30px;text-align:center;font:800 15px Raleway,sans-serif;color:#0a1438} .cdmc-aviso .cdmcq-st{font:600 12px Raleway,sans-serif;color:#6a7392} .cdmc-aviso .cdmcq-st.tope{color:#9a7425} .cdmc-aviso .cdmcq-st.una{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:#fff6dd;color:#7a5c1c;font-weight:800} .cdmc-aviso .cdmcq.guardando .cdmcq-ctl{opacity:.6} /* ===== FAVORITOS: 3 sugerencias que combinan dentro del aviso ===== */ .cdmf-aviso .cdmfr{margin:4px 0 12px;padding:12px;border-radius:16px;background:#fbf8f1;border:1px solid rgba(201,154,58,.25)} .cdmf-aviso .cdmfr-t{display:block;margin-bottom:8px;font:800 10.5px Raleway,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#9a7425} .cdmf-aviso .cdmfr-l{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .cdmf-aviso .cdmfr-c{position:relative;display:flex;flex-direction:column;gap:2px;min-width:0} .cdmf-aviso .cdmfr-c img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:12px;background:#fff;border:1px solid rgba(10,20,56,.06);display:block} .cdmf-aviso .cdmfr-n{font:600 11.5px/1.25 Raleway,sans-serif;color:#0a1438!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px} .cdmf-aviso .cdmfr-p{font:800 11.5px Raleway,sans-serif;color:#b8902f} .cdmf-aviso .cdmfr-h{position:absolute;top:5px;right:5px;width:28px;height:28px;border-radius:50%;border:0;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a1438' stroke-width='2' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") center/15px no-repeat;box-shadow:0 4px 10px -4px rgba(10,20,56,.4);cursor:pointer;padding:0} .cdmf-aviso .cdmfr-h.ya{background:#fff0f4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23e0245e' d='M12 21s-7.5-4.6-9.6-9.2C.9 8.4 3 4.5 6.8 4.5c2.1 0 3.6 1.1 5.2 3 1.6-1.9 3.1-3 5.2-3 3.8 0 5.9 3.9 4.4 7.3C19.5 16.4 12 21 12 21z'/%3E%3C/svg%3E") center/15px no-repeat} /* ===== FAVORITOS v4.5: deslizar proyectos, 3 botones claros, compartir al final, ventanas con X, guia para senoras ===== */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-proys{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:40px!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-desliza{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:-6px 2px 10px;font:700 12px Raleway,sans-serif;color:#9a7425;letter-spacing:.04em} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-desliza i{font-style:normal;font-size:16px;animation:cdmpDesl 1.6s ease-in-out infinite} @keyframes cdmpDesl{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}} @media (min-width:992px){html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-desliza{display:none}html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-proys{-webkit-mask-image:none;mask-image:none}} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-tools2{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:10px;margin:6px 0 8px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-big{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;padding:12px 8px;border-radius:20px;border:1.5px solid rgba(201,154,58,.35);background:#fff;color:#0a1438;font:700 14px/1.2 Raleway,sans-serif;text-align:center;cursor:pointer;box-shadow:0 12px 24px -20px rgba(10,20,56,.55)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-big svg{width:28px;height:28px;fill:none;stroke:#b8902f;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-big:active{transform:scale(.97)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-big.ideas{background:linear-gradient(160deg,#1c306c,#0a1438);border-color:#0a1438;color:#f3d68a} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-big.ideas svg{stroke:#f3d68a;fill:rgba(243,214,138,.25)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-big.cargando{opacity:.6} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-mini{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 2px 14px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-mn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 4px;border:0;background:none;color:#5b6380;font:700 13.5px Raleway,sans-serif;cursor:pointer} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-mn svg{width:18px;height:18px;fill:none;stroke:#9a7425;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-mn.on{color:#0a1438;text-decoration:underline;text-decoration-color:#c99a3a;text-underline-offset:4px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-tools,html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-cab-bts:empty{display:none!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-fin{margin:18px 0 6px;padding:22px 20px;border-radius:24px;text-align:center;background:radial-gradient(120% 90% at 50% 0%,rgba(243,214,138,.22),transparent 60%),linear-gradient(180deg,#1c306c,#0a1438);color:#eef0f6;box-shadow:0 22px 44px -28px rgba(10,20,56,.7)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-fin-k{display:block;font:800 11px Raleway,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#f3d68a;margin-bottom:6px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-fin b{display:block;font:600 22px/1.2 Cinzel,'Times New Roman',serif;color:#fff;margin-bottom:6px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-fin p{margin:0 auto 16px;max-width:420px;font:500 14px/1.5 Raleway,sans-serif;color:#cfd6ea} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-fin-1{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border:0;border-radius:999px;background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);color:#0b1626;font:800 15px Raleway,sans-serif;cursor:pointer;box-shadow:0 14px 26px -14px rgba(0,0,0,.6)} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdmp-fin-1 svg{width:20px;height:20px;fill:none;stroke:#0b1626;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdml-gvacio{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:54px!important;padding:10px!important;border:1.5px dashed rgba(201,154,58,.35)!important;border-radius:14px!important;background:rgba(255,255,255,.5)!important;font:600 12.5px Raleway,sans-serif!important;color:#9a7425!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8) .cdml-gvacio i{font-style:normal;width:24px;height:24px;border-radius:50%;background:#fff6dd;display:inline-flex;align-items:center;justify-content:center;font-size:13px} .cdmt-hoja{position:fixed} .cdmt-hoja .cdmp-x{position:absolute;top:12px;right:12px;z-index:3;width:38px;height:38px;border-radius:50%;border:1.5px solid #dfb44c;background:#fffaf0;cursor:pointer;padding:0} .cdmt-hoja .cdmp-x::before,.cdmt-hoja .cdmp-x::after{content:"";position:absolute;left:50%;top:50%;width:15px;height:2px;margin:-1px 0 0 -7.5px;background:#0a1438;border-radius:2px;transform:rotate(45deg)} .cdmt-hoja .cdmp-x::after{transform:rotate(-45deg)} .cdmt-hoja .cdmt-h-t{padding-right:46px} @media (max-width:991.98px){.cdmt-hoja.cdmi-hoja{left:12px!important;right:12px!important;top:max(5vh,calc(env(safe-area-inset-top,0px) + 12px))!important;bottom:auto!important;max-height:86vh!important;border-radius:24px!important;padding:18px 16px 18px!important;transform:translateY(20px) scale(.97)!important;opacity:0;transition:transform .28s cubic-bezier(.2,1,.35,1),opacity .2s!important} .cdmt-hoja.cdmi-hoja.on{transform:none!important;opacity:1}.cdmt-hoja.cdmi-hoja .cdmt-asa{display:none}} .cdmp-pasos2{list-style:none;margin:6px 0 16px;padding:0;display:grid;gap:10px} .cdmp-pasos2 li{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;background:#fbf8f1;border:1px solid rgba(201,154,58,.2)} .cdmp-pasos2 em{flex:none;width:46px;height:46px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-size:22px;color:#c01e50;box-shadow:0 4px 10px -6px rgba(10,20,56,.4)} .cdmp-pasos2 span{display:flex;flex-direction:column;gap:2px;font:500 15px/1.4 Raleway,sans-serif;color:#3a4566} .cdmp-pasos2 b{font:800 16px Raleway,sans-serif;color:#0a1438} /* TIENDA: la inicial dorada vuelve en las subcategorias (solo las colecciones llevan foto del pino) */ html body a.o_wsale_filmstrip_link:not([href*="colecciones-2026"]):not(#cdmfs0):not(#cdmfs1):not(#cdmfs2):not(#cdmfs3):not(#cdmfs4) .cdm-fs-img{background-image:none!important;background-color:#0a1438!important;color:#f3d68a!important;font:600 24px/1 Cinzel,'Times New Roman',serif!important;display:flex!important;align-items:center!important;justify-content:center!important} /* ===== TIENDA: etiquetas Ultimas piezas / Nuevo / Hot ===== */ html body .oe_product .oe_product_image{position:relative} html body .cdmtag{position:absolute;top:12px;left:12px;z-index:6;display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 12px;border-radius:999px;font:800 11.5px/1 Raleway,sans-serif;letter-spacing:.04em;white-space:nowrap;pointer-events:none;box-shadow:0 8px 16px -10px rgba(10,20,56,.6);animation:cdmbEntra .45s cubic-bezier(.3,1.3,.5,1) both} @keyframes cdmbEntra{from{transform:translateY(-6px) scale(.9);opacity:0}to{transform:none;opacity:1}} html body .cdmtag-pocas{background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);color:#0b1626} html body .cdmtag-nuevo{background:linear-gradient(180deg,#1c306c,#0a1438);color:#f3d68a;border:1px solid rgba(243,214,138,.5)} html body .cdmtag-hot{background:linear-gradient(180deg,#a8213f,#7a1430);color:#fff;border:1px solid rgba(255,255,255,.25)} html body .cdmtag-ficha{margin:0 0 10px} html body .cdmtag-ficha .cdmtag{position:static;height:32px;padding:0 14px;font-size:12.5px} @media (max-width:991.98px){html body .cdmtag{top:8px;left:8px;height:24px;padding:0 9px;font-size:10px;letter-spacing:.02em}} @media (prefers-reduced-motion:reduce){html body .cdmtag{animation:none}} html body .oe_product .cdmtag:not(#cdmbz0):not(#cdmbz1):not(#cdmbz2){width:auto!important;min-width:0!important;max-width:calc(100% - 70px)!important;right:auto!important;bottom:auto!important;height:26px!important;overflow:hidden;text-overflow:ellipsis;margin:0!important} @media (max-width:991.98px){html body .oe_product .cdmtag:not(#cdmbz0):not(#cdmbz1):not(#cdmbz2){height:22px!important;max-width:calc(100% - 52px)!important}} /* ===== BUSCADOR (celular): ventana centrada y cuadriculas parejas ===== */ @keyframes cdmbxEntra{from{transform:translateY(-14px) scale(.97);opacity:0}to{transform:none;opacity:1}} @media (max-width:991.98px){ html body .cdmb.on:not(#cdmbx0):not(#cdmbx1):not(#cdmbx2):not(#cdmbx3) .cdmb-caja{position:fixed!important;left:12px!important;right:12px!important;top:calc(env(safe-area-inset-top,0px) + 12px)!important;bottom:auto!important;width:auto!important;max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px)!important;margin:0!important;border-radius:26px!important;padding:16px 14px 18px!important;overflow-y:auto!important;box-shadow:0 30px 60px -20px rgba(5,10,30,.6)!important;animation:cdmbxEntra .28s cubic-bezier(.2,1,.35,1) both} html body .cdmb.on:not(#cdmbx0):not(#cdmbx1):not(#cdmbx2):not(#cdmbx3) .cdmb-caja .cdmb-cab{padding-right:48px!important;margin:0 0 6px!important} html body .cdmb.on:not(#cdmbx0):not(#cdmbx1):not(#cdmbx2):not(#cdmbx3) .cdmb-caja .cdmbx-x{position:absolute;top:22px;right:16px;width:40px;height:40px;border-radius:50%;border:1.5px solid #dfb44c;background:#fffaf0;cursor:pointer;padding:0;z-index:3} html body .cdmb.on:not(#cdmbx0):not(#cdmbx1):not(#cdmbx2):not(#cdmbx3) .cdmb-caja .cdmbx-x::before,html body .cdmb.on:not(#cdmbx0):not(#cdmbx1):not(#cdmbx2):not(#cdmbx3) .cdmb-caja .cdmbx-x::after{content:"";position:absolute;left:50%;top:50%;width:15px;height:2px;margin:-1px 0 0 -7.5px;background:#0a1438;border-radius:2px;transform:rotate(45deg)} html body .cdmb.on:not(#cdmbx0):not(#cdmbx1):not(#cdmbx2):not(#cdmbx3) .cdmb-caja .cdmbx-x::after{transform:rotate(-45deg)} html body .cdmb.on:not(#cdmbx0):not(#cdmbx1):not(#cdmbx2):not(#cdmbx3) .cdmb-caja .cdmb-t{margin:16px 2px 8px!important;text-align:left!important} html body .cdmb.on:not(#cdmbx0):not(#cdmbx1):not(#cdmbx2):not(#cdmbx3) .cdmb-caja .cdmb-chips[data-g="cat"]{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important} html body .cdmb.on:not(#cdmbx0):not(#cdmbx1):not(#cdmbx2):not(#cdmbx3) .cdmb-caja .cdmb-chips[data-g="cat"] .cdmb-chip{width:100%!important;min-width:0!important;margin:0!important;height:44px!important;padding:0 6px!important;justify-content:center!important;text-align:center!important;font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} html body .cdmb.on:not(#cdmbx0):not(#cdmbx1):not(#cdmbx2):not(#cdmbx3) .cdmb-caja .cdmb-chips[data-g="col"]{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important} html body .cdmb.on:not(#cdmbx0):not(#cdmbx1):not(#cdmbx2):not(#cdmbx3) .cdmb-caja .cdmb-chips[data-g="col"] .cdmb-chip{width:100%!important;min-width:0!important;margin:0!important;height:auto!important;min-height:70px!important;padding:10px 4px 8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:12.5px!important;line-height:1.1!important;border-radius:16px!important;flex:none!important} html body .cdmb.on:not(#cdmbx0):not(#cdmbx1):not(#cdmbx2):not(#cdmbx3) .cdmb-caja .cdmb-chips[data-g="col"] .cdmb-chip i{width:28px!important;height:28px!important;margin:0!important;flex:none!important} html body .cdmb.on:not(#cdmbx0):not(#cdmbx1):not(#cdmbx2):not(#cdmbx3) .cdmb-caja .cdmb-chips[data-g="rec"]{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;scrollbar-width:none} html body .cdmb.on:not(#cdmbx0):not(#cdmbx1):not(#cdmbx2):not(#cdmbx3) .cdmb-caja .cdmb-ideas{gap:8px!important} html body .cdmb.on:not(#cdmbx0):not(#cdmbx1):not(#cdmbx2):not(#cdmbx3) .cdmb-caja .cdmb-idea{min-height:52px!important;height:auto!important;padding:0 14px!important;font-size:14.5px!important;border-radius:16px!important} } /* ===== GRACIAS v3 ===== */ @keyframes cdmqRayos{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-fila{display:contents}html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-izq,html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-der{display:contents} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312){display:flex!important;flex-direction:column!important;align-items:center!important} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) > .g-fila ~ .cdmj,html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .cdmj-en-gracias{order:20;width:100%!important;max-width:none!important;margin:20px 0 0!important} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .cdmj-en-gracias .cdmj-caja{overflow:hidden!important} /* fondo azul claro dinamico (solo compu) */ .cdmg3-fondo{display:none} @keyframes cdmg3Mueve1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(12vw,8vh) scale(1.15)}} @keyframes cdmg3Mueve2{0%,100%{transform:translate(0,0) scale(1.1)}50%{transform:translate(-10vw,10vh) scale(.95)}} @keyframes cdmg3Mueve3{0%,100%{transform:translate(0,0)}50%{transform:translate(8vw,-12vh)}} @media (min-width:992px){ html body.cdmg3-on::before{background:none!important;background-image:none!important} html body.cdmg3-on #wrapwrap,html body.cdmg3-on #wrap,html body.cdmg3-on main{background:transparent!important} html body.cdmg3-on{background:#eaf1ff!important} .cdmg3-fondo{display:block;position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(160deg,#f3f7ff 0%,#e3ecff 45%,#eef3ff 100%);pointer-events:none} .cdmg3-fondo i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.75} .cdmg3-fondo i:nth-child(1){width:46vw;height:46vw;left:-8vw;top:-12vw;background:#bcd3ff;animation:cdmg3Mueve1 22s ease-in-out infinite} .cdmg3-fondo i:nth-child(2){width:38vw;height:38vw;right:-6vw;top:10vh;background:#d6e4ff;animation:cdmg3Mueve2 26s ease-in-out infinite} .cdmg3-fondo i:nth-child(3){width:34vw;height:34vw;left:30vw;bottom:-14vw;background:#c6dbff;animation:cdmg3Mueve3 30s ease-in-out infinite} .cdmg3-fondo i:nth-child(4){width:22vw;height:22vw;left:60vw;top:40vh;background:#fff3d6;opacity:.55;animation:cdmg3Mueve1 34s ease-in-out infinite reverse} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312){display:block!important;max-width:1180px!important;margin:24px auto 30px!important;padding:56px 60px 48px!important;border-radius:32px!important;box-shadow:0 40px 80px -40px rgba(10,20,56,.55)!important} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-fila{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-izq{display:flex!important;align-items:center;justify-content:center;min-height:380px} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-izq .g-regalo{width:300px!important;height:300px!important;margin:0!important} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-izq .g-regalo::before{width:620px!important;height:620px!important} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-izq .g-regalo::after{width:320px!important;height:320px!important} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-izq .g-regalo .cdmq-piso{width:200px!important;height:26px!important} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-der{display:block!important;text-align:left!important} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-der .g-k,html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-der h1,html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-der .g-frase,html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-der .g-tx{text-align:left!important;margin-left:0!important;margin-right:0!important;max-width:none!important;width:auto!important} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-der h1{font-size:46px!important;line-height:1.08!important} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-der .g-num{display:inline-flex!important;margin:14px 0 4px!important} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-der .g-pasos{margin:24px 0 0!important;max-width:560px!important;width:100%!important} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .g-der .g-bt{margin-top:24px!important;max-width:560px!important} html body.cdmg3-on section.cdm-gracias:not(#cdmg30):not(#cdmg31):not(#cdmg32):not(#cdmg33):not(#cdmg34):not(#cdmg35):not(#cdmg36):not(#cdmg37):not(#cdmg38):not(#cdmg39):not(#cdmg310):not(#cdmg311):not(#cdmg312) .cdmj-en-gracias{margin:40px 0 0!important} } @media (prefers-reduced-motion:reduce){.cdmg3-fondo i{animation:none!important}} html body.cdmg3-on .cdmj.cdmj-banner.cdmj-en-gracias:not(#cdmg3j0):not(#cdmg3j1){display:block!important} /* ===== FAVORITOS v4.6: barra de proyectos que se desliza (boton) y sombras completas ===== */ html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8):not(#cdml9) .cdmp-proys-w{position:relative;margin:0 -12px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8):not(#cdml9) .cdmp-proys{-webkit-mask-image:none!important;mask-image:none!important;margin:0!important;padding:12px 48px 30px 12px!important;scroll-padding:0 12px} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8):not(#cdml9) .cdmp-proys-w::after{content:"";position:absolute;top:0;right:0;bottom:18px;width:56px;pointer-events:none;background:linear-gradient(90deg,rgba(245,245,243,0),rgb(245,245,243) 85%);transition:opacity .25s} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8):not(#cdml9) .cdmp-proys-w.al-fin::after{opacity:0} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8):not(#cdml9) .cdmp-pr{box-shadow:0 10px 22px -14px rgba(10,20,56,.55)!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8):not(#cdml9) .cdmp-pr.on{box-shadow:0 16px 28px -16px rgba(10,20,56,.85)!important} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8):not(#cdml9) .cdmp-desliza{display:flex!important;align-items:center;justify-content:flex-end;gap:8px;width:100%;height:36px;margin:-14px 0 8px!important;padding:0 4px;border:0;background:none;font:700 13px Raleway,sans-serif!important;color:#9a7425!important;letter-spacing:.03em;cursor:pointer} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8):not(#cdml9) .cdmp-desliza i{font-style:normal;font-size:17px;animation:cdmpDesl 1.6s ease-in-out infinite} html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8):not(#cdml9) .cdmp-desliza.al-fin i{animation:none} @media (min-width:992px){html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8):not(#cdml9) .cdmp-proys-w{margin:0}html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8):not(#cdml9) .cdmp-proys{padding:12px 4px 30px!important}html body section.wishlist-section.cdml:not(#cdml0):not(#cdml1):not(#cdml2):not(#cdml3):not(#cdml4):not(#cdml5):not(#cdml6):not(#cdml7):not(#cdml8):not(#cdml9) .cdmp-proys-w::after{display:none}} /* PAGO: sin los "Cambiar" de Envio y Factura en "Revisa antes de pagar" */ html body .cdm-revisa a.rv-link[href="/shop/checkout"]:not(#cdmrv0):not(#cdmrv1):not(#cdmrv2),html body .cdm-revisa a.rv-link[href^="/shop/l10n_mx_invoicing_info"]:not(#cdmrv0):not(#cdmrv1):not(#cdmrv2){display:none!important} /* IDEAS: el fondo blanco de las fotos se funde con su recuadro */ html body .cdmi-card .cdmi-foto:not(#cdmif0):not(#cdmif1){background:#f6f4ef!important;padding:6px!important} html body .cdmi-card .cdmi-foto img:not(#cdmif0):not(#cdmif1),html body .cdmf-aviso .cdmfr-c img:not(#cdmif0):not(#cdmif1){mix-blend-mode:multiply!important} html body .cdmf-aviso .cdmfr-c img:not(#cdmif0):not(#cdmif1){background:#f6f4ef!important;border-color:rgba(10,20,56,.05)!important} /* ===== FAVORITOS: ventana "Agregar piezas" con cantidad, todas/ninguna y ordenar ===== */ .cdmap-hoja .cdmap-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 10px} .cdmap-hoja .cdmap-bar button{height:42px;border-radius:999px;border:1.5px solid rgba(201,154,58,.55);background:#fffaf0;color:#7a5c1c;font:700 13.5px Raleway,sans-serif;cursor:pointer} .cdmap-hoja .cdmap-bar [data-t=ninguna]{background:#fff;border-color:rgba(10,20,56,.14);color:#5b6380} .cdmap-hoja .cdmap-bar .alerta{background:#a33a4f!important;border-color:#a33a4f!important;color:#fff!important} .cdmap-hoja .cdmap-ord{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -2px 10px;padding:2px} .cdmap-hoja .cdmap-ord span{flex:none;font:700 12px Raleway,sans-serif;color:#9a7425;letter-spacing:.06em} .cdmap-hoja .cdmap-ord button{flex:none;height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(10,20,56,.12);background:#fff;font:700 12.5px Raleway,sans-serif;color:#0a1438;cursor:pointer;white-space:nowrap} .cdmap-hoja .cdmap-ord button.on{background:#0a1438;border-color:#0a1438;color:#f3d68a} .cdmap-lista{display:grid;gap:8px;max-height:46vh;overflow:auto;margin-bottom:8px} .cdmap-li{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 8px;border-radius:16px;border:1.5px solid rgba(10,20,56,.1);background:#fff} .cdmap-li.on{border-color:rgba(201,154,58,.65);background:#fffaf0} .cdmap-li.conf{border-color:#a33a4f;background:#fff5f6} .cdmap-li img{flex:none;width:52px;height:52px;border-radius:12px;object-fit:contain;background:#f6f4ef;mix-blend-mode:multiply} .cdmap-tx{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0} .cdmap-tx b{font:600 13.5px/1.25 Raleway,sans-serif;color:#0a1438;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .cdmap-tx em{font-style:normal;font:700 12.5px Raleway,sans-serif;color:#b8902f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .cdmap-li.conf .cdmap-tx b{color:#a33a4f}.cdmap-li.conf .cdmap-tx em{color:#6a7392;font-weight:600} .cdmap-q{flex:none;display:inline-flex;align-items:center;height:40px;border-radius:999px;border:1.5px solid rgba(10,20,56,.14);background:#fff;overflow:hidden} .cdmap-q button{width:40px;height:40px;border:0;background:none;font:700 20px/1 Raleway,sans-serif;color:#0a1438;cursor:pointer;padding:0} .cdmap-q button:disabled{opacity:.3;cursor:default} .cdmap-q button[data-c=mas]{background:#0a1438;color:#f3d68a} .cdmap-q i{min-width:28px;text-align:center;font:800 15px Raleway,sans-serif;font-style:normal;color:#0a1438} .cdmap-sn{flex:none;display:flex;gap:6px} .cdmap-sn button{height:38px;padding:0 14px;border-radius:999px;font:800 13px Raleway,sans-serif;cursor:pointer} .cdmap-sn .si{border:0;background:#a33a4f;color:#fff}.cdmap-sn .no{border:1.5px solid rgba(10,20,56,.15);background:#fff;color:#0a1438} .cdmap-tot{display:flex;align-items:baseline;justify-content:space-between;padding:10px 4px 4px;border-top:1px dashed rgba(201,154,58,.5);font:600 13px Raleway,sans-serif;color:#6a7392} .cdmap-tot b{font:800 15px Raleway,sans-serif;color:#0a1438}.cdmap-tot span{font:800 16px Raleway,sans-serif;color:#0a1438} /* INICIO: el pie continua el azul de la seccion de Instagram (sin esquinas ni corte) */ html body:has(.s_instagram_page) footer#bottom:not(#cdmft0):not(#cdmft1):not(#cdmft2):not(#cdmft3){border-radius:0!important;border-top:0!important;margin-top:0!important;box-shadow:none!important;background-color:#040f2b!important;background-image:radial-gradient(1.2px 1.2px at 18px 22px, rgba(255,255,255,.75), transparent), radial-gradient(1px 1px at 64px 90px, rgba(255,255,255,.75), transparent), radial-gradient(1.4px 1.4px at 110px 40px, rgba(255,255,255,.75), transparent), radial-gradient(1px 1px at 160px 120px, rgba(255,255,255,.75), transparent), radial-gradient(1px 1px at 30px 150px, rgba(255,255,255,.75), transparent), radial-gradient(1.3px 1.3px at 90px 170px, rgba(255,255,255,.75), transparent), radial-gradient(1px 1px at 140px 10px, rgba(255,255,255,.75), transparent), radial-gradient(1.2px 1.2px at 180px 70px, rgba(255,255,255,.75), transparent), linear-gradient(180deg,#040f2b 0%,#06123a 45%,#050b1a 100%)!important;background-size:200px 200px, 200px 200px, 200px 200px, 200px 200px, 200px 200px, 200px 200px, 200px 200px, 200px 200px,100% 100%!important;background-repeat:repeat!important} html body:has(.s_instagram_page) footer#bottom:not(#cdmft0):not(#cdmft1):not(#cdmft2):not(#cdmft3)::before,html body:has(.s_instagram_page) footer#bottom:not(#cdmft0):not(#cdmft1):not(#cdmft2):not(#cdmft3)::after{border-radius:0!important} html body:has(.s_instagram_page) .s_instagram_page:not(#cdmft0):not(#cdmft1):not(#cdmft2):not(#cdmft3){margin-bottom:0!important;padding-bottom:40px!important;border-bottom:0!important} html body:has(.s_instagram_page) #wrapwrap > main:not(#cdmft0):not(#cdmft1):not(#cdmft2):not(#cdmft3),html body:has(.s_instagram_page) #wrap:not(#cdmft0):not(#cdmft1):not(#cdmft2):not(#cdmft3){border-bottom:0!important} /* INICIO: el pie continua el azul de Instagram (estrellas + degradado suave) */ html body:has(.s_instagram_page) footer#bottom:not(#cdmft0):not(#cdmft1):not(#cdmft2):not(#cdmft3):not(#cdmft4){background:radial-gradient(1.2px 1.2px at 18px 22px,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 64px 90px,rgba(255,255,255,.6),transparent),radial-gradient(1.4px 1.4px at 120px 40px,rgba(243,214,138,.7),transparent),radial-gradient(1px 1px at 160px 130px,rgba(255,255,255,.5),transparent),linear-gradient(180deg,#040f2b 0%,#06123a 45%,#050b1a 100%)!important;background-size:180px 160px,180px 160px,180px 160px,180px 160px,100% 100%!important;background-repeat:repeat,repeat,repeat,repeat,no-repeat!important} /* ===== INICIO (celular): tarjeta del showroom clara ===== */ @media (max-width:991.98px){ html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5){text-align:left!important;padding:22px 20px 20px!important;border-radius:26px!important;background:#fff!important;border:1px solid rgba(201,154,58,.4)!important;box-shadow:0 26px 50px -26px rgba(0,0,0,.7)!important} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-cab{margin-bottom:16px} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-k{display:block;font:800 11px Raleway,sans-serif!important;letter-spacing:.22em;text-transform:uppercase;color:#b8902f!important;margin-bottom:4px} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-t{margin:0 0 10px!important;font:600 26px/1.15 Cinzel,'Times New Roman',serif!important;color:#0a1438!important;text-transform:none!important} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-est .cdm-estado{display:inline-flex!important;align-items:center!important;gap:8px!important;height:32px!important;padding:0 14px 0 12px!important;border-radius:999px!important;background:#fff6dd!important;border:1px solid rgba(201,154,58,.45)!important;color:#7a5c1c!important;font:700 13px Raleway,sans-serif!important;letter-spacing:0!important;margin:0!important} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-est .cdm-estado::before{content:"";width:9px;height:9px;border-radius:50%;background:#d39a2a;box-shadow:0 0 0 3px rgba(211,154,42,.2)} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-est .cdm-estado.abierto{background:#eaf7ee!important;border-color:rgba(31,140,74,.35)!important;color:#1f6b3a!important} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-est .cdm-estado.abierto::before{background:#22a55a;box-shadow:0 0 0 3px rgba(34,165,90,.2)} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-dir{display:flex!important;align-items:center;gap:12px;padding:12px 12px 12px 10px;border-radius:18px;background:#fbf8f1;border:1px solid rgba(201,154,58,.25);text-decoration:none!important;margin-bottom:16px} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-dir i{flex:none;width:44px;height:44px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a7425' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.6-7-12a7 7 0 0 1 14 0c0 5.4-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.6'/%3E%3C/svg%3E") center/22px no-repeat;box-shadow:0 4px 10px -6px rgba(10,20,56,.35)} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-dir span{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-dir b{font:800 15.5px Raleway,sans-serif!important;color:#0a1438!important} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-dir small{font:500 13px/1.4 Raleway,sans-serif!important;color:#5b6380!important} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-dir em{flex:none;font-style:normal;font:400 26px/1 Raleway,sans-serif;color:#b8902f} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-ht{display:block;font:800 11px Raleway,sans-serif!important;letter-spacing:.22em;text-transform:uppercase;color:#b8902f!important;margin:0 0 8px 2px} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-hor ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:6px} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-hor li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:14px;background:#f7f8fb} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-hor li b{font:700 14.5px Raleway,sans-serif!important;color:#0a1438!important;display:flex;align-items:center;gap:8px} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-hor li span{font:600 14px Raleway,sans-serif!important;color:#3a4566!important;white-space:nowrap} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-hor li.hoy{background:#0a1438} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-hor li.hoy b,html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-hor li.hoy span{color:#fff!important} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-hor li em{font-style:normal;height:22px;padding:0 8px;border-radius:999px;background:#f3d68a;color:#0a1438;font:800 10.5px/22px Raleway,sans-serif;letter-spacing:.06em;text-transform:uppercase} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-bts{display:grid;grid-template-columns:1.25fr 1fr;gap:10px} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-bts a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:50px!important;padding:0 12px!important;margin:0!important;border-radius:999px!important;font:800 14px Raleway,sans-serif!important;letter-spacing:.02em!important;text-transform:none!important;text-decoration:none!important;width:100%!important} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-bts .cdmsr-b1{background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f)!important;color:#0b1626!important;box-shadow:0 12px 22px -12px rgba(150,110,30,.7)!important} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-bts .cdmsr-b1 i{color:#0b1626!important} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-bts .cdmsr-b2{background:#fff!important;border:1.5px solid rgba(37,211,102,.55)!important;color:#128c4a!important} html body .cdm-visita.cdmsr-on:not(#cdmsr0):not(#cdmsr1):not(#cdmsr2):not(#cdmsr3):not(#cdmsr4):not(#cdmsr5) .cdmsr-bts .cdmsr-b2::before{content:"";width:18px;height:18px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2325d366' d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm4.5 12.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.2-.4.2-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.9c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.2 5.2 0 0 0 1.1 2.7 11.8 11.8 0 0 0 4.5 4c1.7.7 2.3.8 3.2.7.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.2-1.2-.1-.1-.3-.2-.5-.3z'/%3E%3C/svg%3E")} } @media (max-width:991.98px){html body .cdm-visita.cdmsr-on:not(#cdmsrw0):not(#cdmsrw1):not(#cdmsrw2):not(#cdmsrw3):not(#cdmsrw4):not(#cdmsrw5):not(#cdmsrw6){width:auto!important;max-width:none!important;margin-left:16px!important;margin-right:16px!important}} /* CHECKOUT: respetar cuando Odoo oculta "Agregar direccion" (la de facturacion cuando usa la misma del envio) */ html body a.o_address_card_add_new.d-none:not(#cdmdz0):not(#cdmdz1):not(#cdmdz2):not(#cdmdz3):not(#cdmdz4):not(#cdmdz5):not(#cdmdz6):not(#cdmdz7),html body .d-none a.o_address_card_add_new:not(#cdmdz0):not(#cdmdz1):not(#cdmdz2):not(#cdmdz3):not(#cdmdz4):not(#cdmdz5):not(#cdmdz6):not(#cdmdz7){display:none!important} /* CHECKOUT: "Lo enviamos a" a todo el ancho y el boton debajo */ html body #delivery_address_list:not(#cdmz0):not(#cdmz1):not(#cdmz2):not(#cdmz3) > .d-flex,html body #billing_address_list:not(#cdmz0):not(#cdmz1):not(#cdmz2):not(#cdmz3) > .d-flex{flex-wrap:wrap!important} html body #delivery_address_list:not(#cdmz0):not(#cdmz1):not(#cdmz2):not(#cdmz3) > .d-flex > h5,html body #billing_address_list:not(#cdmz0):not(#cdmz1):not(#cdmz2):not(#cdmz3) > .d-flex > p,html body #billing_address_list:not(#cdmz0):not(#cdmz1):not(#cdmz2):not(#cdmz3) > .d-flex > h5{flex:1 1 100%!important;white-space:normal!important} /* JUEGA: transicion para esquivar botones */ html body .cdmn:not(.cdmn-bienvenida):not(#cdmnq0):not(#cdmnq1){transition:bottom .3s cubic-bezier(.2,1,.35,1)!important} html body .cdmn .cdmn-bt:not(#cdmnq0):not(#cdmnq1){transition:opacity .2s ease!important} html body .cdmn .cdmn-bt.cdmn-esquiva:not(#cdmnq0):not(#cdmnq1){opacity:0!important;pointer-events:none!important} /* BUSCADOR (celular): ventana emergente centrada en medio de la pantalla */ @media (max-width:991.98px){ html body .cdmb.on:not(#cdmbc0):not(#cdmbc1):not(#cdmbc2):not(#cdmbc3):not(#cdmbc4):not(#cdmbc5){display:flex!important;align-items:center!important;justify-content:center!important;padding:calc(env(safe-area-inset-top,0px) + 16px) 14px calc(env(safe-area-inset-bottom,0px) + 16px)!important;box-sizing:border-box!important} html body .cdmb.on:not(#cdmbc0):not(#cdmbc1):not(#cdmbc2):not(#cdmbc3):not(#cdmbc4):not(#cdmbc5) .cdmb-caja:not(#cdmbc0):not(#cdmbc1):not(#cdmbc2):not(#cdmbc3){position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:520px!important;max-height:100%!important;margin:0 auto!important} } /* ===== MI CUENTA: pagina de direcciones clara ===== */ html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdir0):not(#cdmdir1):not(#cdmdir2):not(#cdmdir3):not(#cdmdir4):not(#cdmdir5){display:flex!important;align-items:center!important;gap:16px!important;padding:20px 18px!important;border-radius:24px!important;background:linear-gradient(160deg,#1c306c,#0a1438)!important;border:0!important;box-shadow:0 22px 40px -26px rgba(10,20,56,.75)!important;text-align:left!important;margin-bottom:18px!important} html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdir0):not(#cdmdir1):not(#cdmdir2):not(#cdmdir3):not(#cdmdir4):not(#cdmdir5)::before,html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdir0):not(#cdmdir1):not(#cdmdir2):not(#cdmdir3):not(#cdmdir4):not(#cdmdir5)::after{display:none!important} html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdir0):not(#cdmdir1):not(#cdmdir2):not(#cdmdir3):not(#cdmdir4):not(#cdmdir5) .cdmdir-ic{flex:none;width:56px;height:56px;border-radius:18px;background:rgba(243,214,138,.12) center/30px no-repeat;border:1px solid rgba(243,214,138,.35)} html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdir0):not(#cdmdir1):not(#cdmdir2):not(#cdmdir3):not(#cdmdir4):not(#cdmdir5) .cdmdir-ic.env{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3d68a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.6-7-12a7 7 0 0 1 14 0c0 5.4-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.6'/%3E%3C/svg%3E")}html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdir0):not(#cdmdir1):not(#cdmdir2):not(#cdmdir3):not(#cdmdir4):not(#cdmdir5) .cdmdir-ic.fact{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3d68a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E")} html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdir0):not(#cdmdir1):not(#cdmdir2):not(#cdmdir3):not(#cdmdir4):not(#cdmdir5) .cdmdir-tx{display:flex;flex-direction:column;gap:4px;min-width:0} html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdir0):not(#cdmdir1):not(#cdmdir2):not(#cdmdir3):not(#cdmdir4):not(#cdmdir5) .cdmdir-k{font:800 10.5px Raleway,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#f3d68a} html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdir0):not(#cdmdir1):not(#cdmdir2):not(#cdmdir3):not(#cdmdir4):not(#cdmdir5) .cdmdir-t{font:600 22px/1.15 Cinzel,'Times New Roman',serif;color:#fff} html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdir0):not(#cdmdir1):not(#cdmdir2):not(#cdmdir3):not(#cdmdir4):not(#cdmdir5) .cdmdir-p{font:500 13.5px/1.45 Raleway,sans-serif;color:#cfd6ea} html body .cdmdir-oculto:not(#cdmdir0):not(#cdmdir1):not(#cdmdir2):not(#cdmdir3){display:none!important} html body .cdm-mail-sug:empty:not(#cdmdir0):not(#cdmdir1):not(#cdmdir2):not(#cdmdir3),html body .cdm-mail-sug[style*="display: none"]:not(#cdmdir0):not(#cdmdir1):not(#cdmdir2):not(#cdmdir3),html body .cdm-mail-sug[style*="display:none"]:not(#cdmdir0):not(#cdmdir1):not(#cdmdir2):not(#cdmdir3){display:none!important} html body a.btn.cdmdir-cancelar:not(#cdmdir0):not(#cdmdir1):not(#cdmdir2):not(#cdmdir3):not(#cdmdir4):not(#cdmdir5){display:flex!important;align-items:center;justify-content:center;height:50px!important;margin-top:10px!important;border-radius:999px!important;border:1.5px solid rgba(10,20,56,.18)!important;background:#fff!important;color:#0a1438!important;font:700 15px Raleway,sans-serif!important;text-decoration:none!important;opacity:1!important} /* CORREO: la sugerencia de correo se ve como aviso amable (no como error) */ html body button.cdm-mail-sug:not(#cdmms0):not(#cdmms1):not(#cdmms2):not(#cdmms3):not(#cdmms4):not(#cdmms5):not([style*="none"]):not(:empty){display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;margin:8px 0 0!important;padding:10px 14px 10px 12px!important;border:1px solid rgba(201,154,58,.4)!important;border-style:solid!important;border-radius:14px!important;background:#fffaf0!important;color:#3a4566!important;font:500 13.5px/1.4 Raleway,sans-serif!important;text-align:left!important;cursor:pointer!important;box-shadow:none!important;white-space:normal!important} html body button.cdm-mail-sug:not(#cdmms0):not(#cdmms1):not(#cdmms2):not(#cdmms3):not(#cdmms4):not(#cdmms5):not([style*="none"]):not(:empty)::before{content:"";flex:none;width:30px;height:30px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8902f' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='M3.5 6.5 12 13l8.5-6.5'/%3E%3C/svg%3E") center/17px no-repeat;box-shadow:0 3px 8px -5px rgba(10,20,56,.4)} html body button.cdm-mail-sug:not(#cdmms0):not(#cdmms1):not(#cdmms2):not(#cdmms3):not(#cdmms4):not(#cdmms5):not([style*="none"]):not(:empty):active{background:#fff3d6!important} /* CELULAR: campos con letra de 16px para que el iPhone no haga zoom al escribir (todo el sitio) */ @media (max-width:991.98px){html body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not(#cdmcc0):not(#cdmcc1):not(#cdmcc2),html body select:not(#cdmcc0):not(#cdmcc1):not(#cdmcc2),html body textarea:not(#cdmcc0):not(#cdmcc1):not(#cdmcc2){font-size:16px!important}} /* MIS PROYECTOS (celular): ventanas con campo se abren como tarjeta arriba */ @media (max-width:991.98px){ html body .cdmt-hoja.con-campo:not(#cdmcc0):not(#cdmcc1):not(#cdmcc2):not(#cdmcc3){left:12px!important;right:12px!important;top:calc(env(safe-area-inset-top,0px) + 14px)!important;bottom:auto!important;width:auto!important;max-height:calc(100dvh - 28px)!important;overflow:auto!important;border-radius:24px!important;padding:24px 20px 20px!important;transform:translateY(-18px)!important;opacity:0;transition:transform .28s cubic-bezier(.2,1,.35,1),opacity .2s!important;box-shadow:0 30px 60px -24px rgba(5,10,30,.6)!important} html body .cdmt-hoja.con-campo.on:not(#cdmcc0):not(#cdmcc1):not(#cdmcc2):not(#cdmcc3){transform:none!important;opacity:1} html body .cdmt-hoja.con-campo:not(#cdmcc0):not(#cdmcc1):not(#cdmcc2):not(#cdmcc3) .cdmt-asa{display:none!important} html body .cdmt-hoja.con-campo:not(#cdmcc0):not(#cdmcc1):not(#cdmcc2):not(#cdmcc3) .cdmt-h-t{padding-right:46px;font-size:21px!important} html body .cdmt-hoja.con-campo:not(#cdmcc0):not(#cdmcc1):not(#cdmcc2):not(#cdmcc3) .cdmt-in{height:52px!important;border-radius:16px!important;padding:0 16px!important} html body .cdmt-hoja.con-campo:not(#cdmcc0):not(#cdmcc1):not(#cdmcc2):not(#cdmcc3) .cdmt-sug{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:12px 0 16px!important} html body .cdmt-hoja.con-campo:not(#cdmcc0):not(#cdmcc1):not(#cdmcc2):not(#cdmcc3) .cdmt-sug button{height:38px!important;padding:0 14px!important;font-size:14px!important} html body .cdmt-hoja.con-campo:not(#cdmcc0):not(#cdmcc1):not(#cdmcc2):not(#cdmcc3) .cdmt-crear{height:52px!important} } /* CATALOGO (celular): franja pegada debajo del menu */ @media (max-width:991.98px){html body #wrap.o_wsale_products_page .products_header:not(#cdmhb0):not(#cdmhb1):not(#cdmhb2){top:calc(var(--cdm-hdr-bajo,0px) + 6px)!important;transition:top .2s ease}} /* ===== GRACIAS: version ligera (sin sombras que se redibujan, fondo sin desenfoque, regalo mas chico) ===== */ html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .cdmr-img,html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) img.cdmr-img,html body .cdmj-en-gracias .cdmj-nuez:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3){filter:none!important;will-change:transform} html body .cdmj-en-gracias .cdmj-caja:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3)::before{animation:none!important} html body .cdmj-en-gracias .cdmj-cta:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3)::after{animation:none!important;display:none!important} html body .cdmj-en-gracias .cdmj-cta:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3){animation:none!important} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-regalo::before{animation-duration:48s!important;will-change:transform} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-regalo{width:120px!important;height:120px!important;margin-left:auto!important;margin-right:auto!important} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-regalo .cdmr-img,html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-regalo img{width:120px!important;height:120px!important;max-width:120px!important} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-regalo::before{width:260px!important;height:260px!important} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-regalo::after{width:130px!important;height:130px!important} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-regalo .cdmq-piso{width:84px!important;height:14px!important} @media (min-width:992px){ .cdmg3-fondo i{filter:none!important;opacity:1!important;will-change:transform;background:radial-gradient(circle,var(--c) 0%,transparent 68%)!important} .cdmg3-fondo i:nth-child(1){--c:rgba(150,185,255,.55)}.cdmg3-fondo i:nth-child(2){--c:rgba(190,212,255,.6)}.cdmg3-fondo i:nth-child(3){--c:rgba(165,198,255,.5)}.cdmg3-fondo i:nth-child(4){--c:rgba(255,236,190,.45)} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13){padding:40px 52px 40px!important} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-fila{gap:40px!important} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-izq{min-height:280px!important} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-izq .g-regalo{width:210px!important;height:210px!important} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-izq .g-regalo .cdmr-img,html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-izq .g-regalo img{width:210px!important;height:210px!important;max-width:210px!important} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-izq .g-regalo::before{width:440px!important;height:440px!important} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-izq .g-regalo::after{width:230px!important;height:230px!important} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-izq .g-regalo .cdmq-piso{width:140px!important;height:20px!important} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .g-der h1{font-size:40px!important} html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) .cdmj-en-gracias{margin-top:28px!important} } @media (prefers-reduced-motion:reduce){html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) *,html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) *::before,html body section.cdm-gracias:not(#cdmgl0):not(#cdmgl1):not(#cdmgl2):not(#cdmgl3):not(#cdmgl4):not(#cdmgl5):not(#cdmgl6):not(#cdmgl7):not(#cdmgl8):not(#cdmgl9):not(#cdmgl10):not(#cdmgl11):not(#cdmgl12):not(#cdmgl13) *::after,.cdmg3-fondo i{animation:none!important}} html body section.cdm-gracias .cdmj-nuez:not(#cdmgln0):not(#cdmgln1):not(#cdmgln2){filter:none!important} html body section.cdm-gracias .cdmj .cdmj-caja:not(#cdmgln0):not(#cdmgln1)::before{animation:none!important} html body section.cdm-gracias .cdmj .cdmj-cta:not(#cdmgln0):not(#cdmgln1){animation:none!important} html body section.cdm-gracias .cdmj .cdmj-cta:not(#cdmgln0):not(#cdmgln1)::after{animation:none!important;display:none!important} /* GRACIAS (compu): tarjeta del juego compacta */ @media (min-width:992px){ html body section.cdm-gracias .cdmj-en-gracias:not(#cdmglj0):not(#cdmglj1):not(#cdmglj2):not(#cdmglj3) .cdmj-caja{padding:22px 36px!important;min-height:0!important;align-items:center!important;gap:28px!important} html body section.cdm-gracias .cdmj-en-gracias:not(#cdmglj0):not(#cdmglj1):not(#cdmglj2):not(#cdmglj3) .cdmj-fig{flex:0 0 200px!important;width:200px!important;min-height:0!important} html body section.cdm-gracias .cdmj-en-gracias:not(#cdmglj0):not(#cdmglj1):not(#cdmglj2):not(#cdmglj3) .cdmj-nuez{width:auto!important;height:250px!important;max-height:250px!important;object-fit:contain!important} html body section.cdm-gracias .cdmj-en-gracias:not(#cdmglj0):not(#cdmglj1):not(#cdmglj2):not(#cdmglj3) .cdmj-t{font-size:32px!important;margin-bottom:6px!important} html body section.cdm-gracias .cdmj-en-gracias:not(#cdmglj0):not(#cdmglj1):not(#cdmglj2):not(#cdmglj3) .cdmj-p{font-size:15px!important;margin-bottom:12px!important} html body section.cdm-gracias .cdmj-en-gracias:not(#cdmglj0):not(#cdmglj1):not(#cdmglj2):not(#cdmglj3) .cdmj-chips{margin-bottom:14px!important} html body section.cdm-gracias .cdmj-en-gracias:not(#cdmglj0):not(#cdmglj1):not(#cdmglj2):not(#cdmglj3) .cdmj-cta{height:48px!important;max-width:360px!important} } /* MENU (compu): corazon y perfil junto al carrito */ @media (min-width:992px){ html body header#top nav.navbar-expand-lg li.cdmhd-wish:not(#cdmhd0):not(#cdmhd1):not(#cdmhd2):not(#cdmhd3):not(#cdmhd4):not(#cdmhd5),html body header#top nav.navbar-expand-lg li.cdmhd-perfil:not(#cdmhd0):not(#cdmhd1):not(#cdmhd2):not(#cdmhd3):not(#cdmhd4):not(#cdmhd5){display:flex!important;align-items:center} html body header#top nav.navbar-expand-lg li.cdmhd-oculto:not(#cdmhd0):not(#cdmhd1):not(#cdmhd2):not(#cdmhd3):not(#cdmhd4):not(#cdmhd5){display:none!important} html body header#top nav.navbar-expand-lg li.cdmhd-wish:not(#cdmhd0):not(#cdmhd1):not(#cdmhd2):not(#cdmhd3):not(#cdmhd4):not(#cdmhd5) > a,html body header#top nav.navbar-expand-lg li.cdmhd-perfil:not(#cdmhd0):not(#cdmhd1):not(#cdmhd2):not(#cdmhd3):not(#cdmhd4):not(#cdmhd5) > a{width:40px;height:40px;display:inline-flex!important;align-items:center;justify-content:center;border-radius:50%!important;color:#fff!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;transition:background .2s,border-color .2s} html body header#top nav.navbar-expand-lg li.cdmhd-wish:not(#cdmhd0):not(#cdmhd1):not(#cdmhd2):not(#cdmhd3):not(#cdmhd4):not(#cdmhd5) > a:hover,html body header#top nav.navbar-expand-lg li.cdmhd-perfil:not(#cdmhd0):not(#cdmhd1):not(#cdmhd2):not(#cdmhd3):not(#cdmhd4):not(#cdmhd5) > a:hover{background:rgba(243,214,138,.16)!important;border-color:rgba(243,214,138,.45)!important} html body header#top nav.navbar-expand-lg li.cdmhd-wish:not(#cdmhd0):not(#cdmhd1):not(#cdmhd2):not(#cdmhd3):not(#cdmhd4):not(#cdmhd5) .fa-heart{font-size:17px!important;line-height:1!important;width:auto!important;height:auto!important;color:#fff!important} html body header#top nav.navbar-expand-lg li.cdmhd-wish:not(#cdmhd0):not(#cdmhd1):not(#cdmhd2):not(#cdmhd3):not(#cdmhd4):not(#cdmhd5) .my_wish_quantity{position:absolute!important;top:-6px!important;right:-6px!important;min-width:20px;height:20px;padding:0 5px;border-radius:999px!important;background:#d9b45a!important;color:#0a1438!important;font:800 11px/20px Raleway,sans-serif!important;text-align:center;border:2px solid #0a1438} html body header#top nav.navbar-expand-lg li.cdmhd-wish:not(#cdmhd0):not(#cdmhd1):not(#cdmhd2):not(#cdmhd3):not(#cdmhd4):not(#cdmhd5) .my_wish_quantity:empty{display:none!important} } /* MENU (compu): corazon y perfil iguales al carrito */ @media (min-width:992px){html body header#top nav.navbar-expand-lg li.cdmhd-wish:not(#cdmhe0):not(#cdmhe1):not(#cdmhe2):not(#cdmhe3):not(#cdmhe4):not(#cdmhe5):not(#cdmhe6) > a,html body header#top nav.navbar-expand-lg li.cdmhd-perfil:not(#cdmhe0):not(#cdmhe1):not(#cdmhe2):not(#cdmhe3):not(#cdmhe4):not(#cdmhe5):not(#cdmhe6) > a{width:44px!important;height:44px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.22)!important}html body header#top nav.navbar-expand-lg li.cdmhd-wish:not(#cdmhe0):not(#cdmhe1):not(#cdmhe2):not(#cdmhe3):not(#cdmhe4):not(#cdmhe5):not(#cdmhe6),html body header#top nav.navbar-expand-lg li.cdmhd-perfil:not(#cdmhe0):not(#cdmhe1):not(#cdmhe2):not(#cdmhe3):not(#cdmhe4):not(#cdmhe5):not(#cdmhe6){margin-left:4px}} /* MENU (celular): corazon visible y numero dorado en todos los estados (tambien al tocar) */ html body header#top .o_header_mobile_buttons_wrap li > a:not(#cdmhw0):not(#cdmhw1):not(#cdmhw2):not(#cdmhw3):not(#cdmhw4):not(#cdmhw5),html body header#top .o_header_mobile_buttons_wrap li > a:hover:not(#cdmhw0):not(#cdmhw1):not(#cdmhw2):not(#cdmhw3):not(#cdmhw4):not(#cdmhw5),html body header#top .o_header_mobile_buttons_wrap li > a:focus:not(#cdmhw0):not(#cdmhw1):not(#cdmhw2):not(#cdmhw3):not(#cdmhw4):not(#cdmhw5),html body header#top .o_header_mobile_buttons_wrap li > a:active:not(#cdmhw0):not(#cdmhw1):not(#cdmhw2):not(#cdmhw3):not(#cdmhw4):not(#cdmhw5){background:transparent!important;box-shadow:none!important;overflow:visible!important} html body header#top .o_header_mobile_buttons_wrap li > a:not(#cdmhw0):not(#cdmhw1):not(#cdmhw2):not(#cdmhw3):not(#cdmhw4):not(#cdmhw5)::before,html body header#top .o_header_mobile_buttons_wrap li > a:not(#cdmhw0):not(#cdmhw1):not(#cdmhw2):not(#cdmhw3):not(#cdmhw4):not(#cdmhw5)::after{background:transparent!important} html body header#top .o_header_mobile_buttons_wrap li > a:not(#cdmhw0):not(#cdmhw1):not(#cdmhw2):not(#cdmhw3):not(#cdmhw4):not(#cdmhw5):active i{transform:scale(.92)} html body header#top .o_header_mobile_buttons_wrap a[href="/shop/wishlist"] .fa-heart:not(#cdmhw0):not(#cdmhw1):not(#cdmhw2):not(#cdmhw3):not(#cdmhw4):not(#cdmhw5){font-size:19px!important;line-height:38px!important;width:38px!important;height:38px!important;color:#fff!important;opacity:1!important;text-align:center!important} html body header#top .o_header_mobile_buttons_wrap a[href="/shop/wishlist"] .my_wish_quantity:not(#cdmhw0):not(#cdmhw1):not(#cdmhw2):not(#cdmhw3):not(#cdmhw4):not(#cdmhw5),html body header#top .o_header_mobile_buttons_wrap a[href="/shop/wishlist"]:hover .my_wish_quantity:not(#cdmhw0):not(#cdmhw1):not(#cdmhw2):not(#cdmhw3):not(#cdmhw4):not(#cdmhw5),html body header#top .o_header_mobile_buttons_wrap a[href="/shop/wishlist"]:active .my_wish_quantity:not(#cdmhw0):not(#cdmhw1):not(#cdmhw2):not(#cdmhw3):not(#cdmhw4):not(#cdmhw5),html body header#top .o_header_mobile_buttons_wrap a[href="/shop/wishlist"] .my_wish_quantity.o_animate_blink:not(#cdmhw0):not(#cdmhw1):not(#cdmhw2):not(#cdmhw3):not(#cdmhw4):not(#cdmhw5){background:#dfb44c!important;background-color:#dfb44c!important;color:#0b1626!important;font:800 10px/16px Raleway,sans-serif!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:999px!important;border:0!important;position:absolute!important;top:0!important;right:-3px!important;left:auto!important;bottom:auto!important;transform:none!important} html body header#top .o_header_mobile_buttons_wrap a[href="/shop/wishlist"] .my_wish_quantity:not(#cdmhx0):not(#cdmhx1):not(#cdmhx2):not(#cdmhx3):not(#cdmhx4):not(#cdmhx5):not(#cdmhx6):not(#cdmhx7){top:-3px!important;right:-7px!important;box-shadow:0 0 0 2px #0a1438!important} /* MI CUENTA: migas de pan como pastillas (Inicio > Direcciones > Detalles) */ html body .o_portal ol.breadcrumb:not(#cdmbc0):not(#cdmbc1):not(#cdmbc2):not(#cdmbc3):not(#cdmbc4):not(#cdmbc5){display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;margin:4px 0 16px!important;padding:2px!important;background:none!important;border:0!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch} html body .o_portal ol.breadcrumb:not(#cdmbc0):not(#cdmbc1):not(#cdmbc2):not(#cdmbc3):not(#cdmbc4):not(#cdmbc5)::-webkit-scrollbar{display:none} html body .o_portal ol.breadcrumb:not(#cdmbc0):not(#cdmbc1):not(#cdmbc2):not(#cdmbc3):not(#cdmbc4):not(#cdmbc5) > li.breadcrumb-item{display:inline-flex!important;align-items:center!important;flex:none!important;margin:0!important;padding:0!important;font:600 13.5px Raleway,sans-serif!important;color:#0a1438!important} html body .o_portal ol.breadcrumb:not(#cdmbc0):not(#cdmbc1):not(#cdmbc2):not(#cdmbc3):not(#cdmbc4):not(#cdmbc5) > li.breadcrumb-item + li.breadcrumb-item::before{content:"\203A"!important;float:none!important;padding:0 2px 0 0!important;color:#c99a3a!important;font:400 20px/1 Raleway,sans-serif!important} html body .o_portal ol.breadcrumb:not(#cdmbc0):not(#cdmbc1):not(#cdmbc2):not(#cdmbc3):not(#cdmbc4):not(#cdmbc5) > li.breadcrumb-item > a{display:inline-flex!important;align-items:center!important;gap:6px;height:36px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid rgba(201,154,58,.38);color:#0a1438!important;text-decoration:none!important;box-shadow:0 6px 14px -12px rgba(10,20,56,.5);transition:background .2s,border-color .2s} html body .o_portal ol.breadcrumb:not(#cdmbc0):not(#cdmbc1):not(#cdmbc2):not(#cdmbc3):not(#cdmbc4):not(#cdmbc5) > li.breadcrumb-item > a:hover{background:#fffaf0;border-color:#dfb44c} html body .o_portal ol.breadcrumb:not(#cdmbc0):not(#cdmbc1):not(#cdmbc2):not(#cdmbc3):not(#cdmbc4):not(#cdmbc5) > li.breadcrumb-item:first-child > a{width:36px;padding:0;justify-content:center} html body .o_portal ol.breadcrumb:not(#cdmbc0):not(#cdmbc1):not(#cdmbc2):not(#cdmbc3):not(#cdmbc4):not(#cdmbc5) > li.breadcrumb-item:first-child .fa-home{color:#b8902f!important;font-size:15px!important} html body .o_portal ol.breadcrumb:not(#cdmbc0):not(#cdmbc1):not(#cdmbc2):not(#cdmbc3):not(#cdmbc4):not(#cdmbc5) > li.breadcrumb-item:last-child:not(:has(a)){height:36px;padding:0 14px!important;border-radius:999px;background:#0a1438;color:#f3d68a!important;font:700 13px Raleway,sans-serif!important;letter-spacing:.02em} html body .o_portal ol.breadcrumb:not(#cdmbc0):not(#cdmbc1):not(#cdmbc2):not(#cdmbc3):not(#cdmbc4):not(#cdmbc5) > li.breadcrumb-item.active{opacity:1!important} /* MI CUENTA: Editar mis datos (icono del encabezado y acomodo en compu) */ html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmac0):not(#cdmac1):not(#cdmac2):not(#cdmac3):not(#cdmac4):not(#cdmac5) .cdmdir-ic.yo{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3d68a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5c.8-3.8 3.9-6 7.5-6s6.7 2.2 7.5 6'/%3E%3C/svg%3E")} @media (min-width:992px){ html body .cdm-fgrid:not(#cdmac0):not(#cdmac1):not(#cdmac2):not(#cdmac3){grid-template-columns:1fr 1fr!important;grid-template-areas:"datos dir" "fact dir"!important;align-items:start!important;gap:20px!important} html body .cdm-fgrid:not(#cdmac0):not(#cdmac1):not(#cdmac2):not(#cdmac3) > .cdm-fcard.datos{grid-area:datos!important} html body .cdm-fgrid:not(#cdmac0):not(#cdmac1):not(#cdmac2):not(#cdmac3) > .cdm-fcard.dir{grid-area:dir!important} html body .cdm-fgrid:not(#cdmac0):not(#cdmac1):not(#cdmac2):not(#cdmac3) > .cdm-fcard.fact{grid-area:fact!important;grid-column:auto!important} html body .cdm-fgrid:not(#cdmac0):not(#cdmac1):not(#cdmac2):not(#cdmac3) > .cdm-fcard.fact .row > [class*=col]{flex:0 0 100%!important;max-width:100%!important;width:100%!important} html body #wrap form .d-flex.flex-md-row.align-items-center:not(#cdmac0):not(#cdmac1):not(#cdmac2):has(button.btn-primary){justify-content:flex-end!important;gap:12px!important} html body #wrap form .d-flex.flex-md-row:not(#cdmac0):not(#cdmac1):not(#cdmac2) a.btn.cdmdir-cancelar{order:0!important;width:auto!important;margin:0!important;padding:0 24px!important} html body #wrap form .d-flex.flex-md-row:not(#cdmac0):not(#cdmac1):not(#cdmac2) button.btn-primary{order:1!important} } /* MI CUENTA: "Cancelar y volver" visible en todos los formularios */ html body #wrap a.btn.cdmdir-cancelar:not(#cdmcv0):not(#cdmcv1):not(#cdmcv2):not(#cdmcv3):not(#cdmcv4):not(#cdmcv5):not(#cdmcv6):not(#cdmcv7):not(#cdmcv8):not(#cdmcv9),html body #wrap a.btn.cdmdir-cancelar:not(#cdmcv0):not(#cdmcv1):not(#cdmcv2):not(#cdmcv3):not(#cdmcv4):not(#cdmcv5):not(#cdmcv6):not(#cdmcv7):not(#cdmcv8):not(#cdmcv9):hover,html body #wrap a.btn.cdmdir-cancelar:not(#cdmcv0):not(#cdmcv1):not(#cdmcv2):not(#cdmcv3):not(#cdmcv4):not(#cdmcv5):not(#cdmcv6):not(#cdmcv7):not(#cdmcv8):not(#cdmcv9):focus{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:50px!important;border-radius:999px!important;border:1.5px solid rgba(10,20,56,.18)!important;background:#fff!important;background-image:none!important;color:#0a1438!important;font:700 15px Raleway,sans-serif!important;text-decoration:none!important;opacity:1!important;box-shadow:none!important} html body #wrap a.btn.cdmdir-cancelar:not(#cdmcv0):not(#cdmcv1):not(#cdmcv2):not(#cdmcv3):not(#cdmcv4):not(#cdmcv5):not(#cdmcv6):not(#cdmcv7):not(#cdmcv8):not(#cdmcv9):hover{border-color:#dfb44c!important;background:#fffaf0!important} html body #wrap a.btn.cdmdir-cancelar:not(#cdmcw0):not(#cdmcw1):not(#cdmcw2):not(#cdmcw3):not(#cdmcw4):not(#cdmcw5):not(#cdmcw6):not(#cdmcw7):not(#cdmcw8):not(#cdmcw9){transition:border-color .2s ease!important;-webkit-text-fill-color:#0a1438!important} html body #wrap a.btn.cdmdir-cancelar:not(#cdmcy0):not(#cdmcy1):not(#cdmcy2):not(#cdmcy3):not(#cdmcy4):not(#cdmcy5):not(#cdmcy6):not(#cdmcy7):not(#cdmcy8):not(#cdmcy9):not(#cdmcy10){transition:none!important} /* ===== MIS DIRECCIONES: pagina clara ===== */ html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5){max-width:1040px;margin:0 auto} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-oculto{display:none!important} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-hero{display:flex;align-items:center;gap:16px;padding:20px 20px;border-radius:24px;background:linear-gradient(160deg,#1c306c,#0a1438);box-shadow:0 22px 40px -26px rgba(10,20,56,.75);margin:0 0 18px} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-ic{flex:none;width:56px;height:56px;border-radius:18px;background:rgba(243,214,138,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f3d68a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.6-7-12a7 7 0 0 1 14 0c0 5.4-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.6'/%3E%3C/svg%3E") center/30px no-repeat;border:1px solid rgba(243,214,138,.35)} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-tx{display:flex;flex-direction:column;gap:4px;min-width:0} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-k{font:800 10.5px Raleway,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#f3d68a} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-tx b{font:600 24px/1.15 Cinzel,'Times New Roman',serif;color:#fff} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-tx > span:last-child{font:500 13.5px/1.45 Raleway,sans-serif;color:#cfd6ea} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-grid{display:grid;gap:16px} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-caja{background:#fff;border:1px solid rgba(10,20,56,.08);border-radius:24px;padding:18px 16px 16px;box-shadow:0 18px 36px -30px rgba(10,20,56,.5);display:flex;flex-direction:column;gap:12px} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-cab{display:flex;align-items:center;gap:12px;margin-bottom:2px} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-ci{flex:none;width:44px;height:44px;border-radius:50%;background:#fff6dd center/22px no-repeat;border:1px solid rgba(201,154,58,.35)} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-ci.ent{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a7425' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.6-7-12a7 7 0 0 1 14 0c0 5.4-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.6'/%3E%3C/svg%3E")}html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-ci.fac{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a7425' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E")} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-cab b{display:block;font:600 19px/1.2 Cinzel,'Times New Roman',serif;color:#0a1438} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-cab small{display:block;font:500 13px Raleway,sans-serif;color:#6a7392} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .o_portal_address_list{gap:10px!important} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-card{border-radius:18px!important;border:1px solid rgba(10,20,56,.1)!important;background:#fbfaf7!important;box-shadow:none!important} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-card.principal{border-color:rgba(201,154,58,.6)!important;background:#fffaf0!important} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-card .card-body{padding:14px 14px 14px 58px!important;position:relative;gap:10px!important} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-card .card-body::before{content:"";position:absolute;left:14px;top:14px;width:32px;height:32px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8902f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.6-7-12a7 7 0 0 1 14 0c0 5.4-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.6'/%3E%3C/svg%3E") center/17px no-repeat;box-shadow:0 3px 8px -5px rgba(10,20,56,.4)} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-card address{font:500 14px/1.5 Raleway,sans-serif!important;color:#3a4566!important} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-card address > div:first-child span{font:800 15px Raleway,sans-serif!important;color:#0a1438!important} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-card .badge{background:#dfb44c!important;color:#0b1626!important;border:0!important;border-radius:999px!important;font:800 11px Raleway,sans-serif!important;padding:5px 10px!important;letter-spacing:.04em} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) a.cdmad-editar{display:inline-flex!important;align-items:center;gap:6px;height:34px;padding:0 14px!important;border-radius:999px;border:1.5px solid rgba(10,20,56,.15);background:#fff;color:#0a1438!important;font:700 13px Raleway,sans-serif;text-decoration:none!important;opacity:1!important} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) a.cdmad-editar:hover{border-color:#dfb44c;background:#fffaf0} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) a.cdmad-add{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;height:54px!important;margin:0!important;border-radius:18px!important;border:1.5px dashed #c99a3a!important;background:#fffaf0!important;color:#0a1438!important;font:700 14.5px Raleway,sans-serif!important;text-decoration:none!important;box-shadow:none!important} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) a.cdmad-add.d-none{display:none!important} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) a.cdmad-add i{font-style:normal;width:26px;height:26px;border-radius:50%;background:linear-gradient(180deg,#f8e19a,#c4952f);color:#0b1626;display:inline-flex;align-items:center;justify-content:center;font-size:13px} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-sw{display:block!important;margin:0!important;padding:14px 14px 14px 64px!important;border-radius:16px;background:#f7f8fb;position:relative} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-sw .form-check-input{position:absolute;left:14px;top:14px;margin:0!important;width:40px!important;height:22px!important;float:none!important;cursor:pointer} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-sw .form-check-input:checked{background-color:#0a1438!important;border-color:#0a1438!important} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-sw label{font:700 14.5px Raleway,sans-serif!important;color:#0a1438!important;cursor:pointer} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-ayuda{margin:4px 0 0!important;font:500 13px/1.45 Raleway,sans-serif;color:#6a7392} html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) #billing_container{margin:0!important} @media (min-width:992px){html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-grid{grid-template-columns:1fr 1fr;align-items:start}html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-hero{padding:24px 26px}html body section.o_portal_addresses[data-cdmad]:not(#cdmad0):not(#cdmad1):not(#cdmad2):not(#cdmad3):not(#cdmad4):not(#cdmad5) .cdmad-caja{padding:22px 20px 20px}} /* ===== MIS PROYECTOS: notas en el tablero ===== */ html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmnt{position:absolute;z-index:6;width:220px;padding:10px 12px 12px;border-radius:4px 4px 16px 4px;background:linear-gradient(180deg,#fff7c9,#fff1ad);box-shadow:0 14px 26px -16px rgba(60,45,10,.55),0 2px 0 rgba(0,0,0,.03);transform:rotate(-1.2deg)} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmnt::before{content:"";position:absolute;top:-9px;left:50%;width:70px;height:18px;margin-left:-35px;background:rgba(255,255,255,.75);box-shadow:0 1px 2px rgba(0,0,0,.08);transform:rotate(2deg)} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmnt.mov{transform:rotate(0) scale(1.03);box-shadow:0 24px 40px -18px rgba(60,45,10,.6);z-index:9} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmnt-cab{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmnt-asa{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border-radius:999px;background:rgba(154,116,37,.12);font:800 11px Raleway,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#7a5c1c;cursor:grab;touch-action:none;user-select:none} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmnt.mov .cdmnt-asa{cursor:grabbing} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmnt-x{width:28px;height:28px;border:0;border-radius:50%;background:rgba(122,92,28,.12);color:#7a5c1c;font:700 18px/1 Raleway,sans-serif;cursor:pointer;padding:0} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmnt-tx{display:block;width:100%;min-height:64px;resize:none;border:0;outline:0;background:transparent;font:600 15px/1.45 Raleway,sans-serif;color:#3a2f12;padding:0} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmnt-tx::placeholder{color:rgba(122,92,28,.55)} /* ===== MIS PROYECTOS (solo compu): dos columnas ===== */ @media (min-width:992px){ html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdml-raiz{display:grid!important;grid-template-columns:340px minmax(0,1fr);column-gap:28px;align-items:start} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdml-raiz > *{grid-column:1;min-width:0} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdml-raiz > .cdml-cab{grid-column:1 / -1} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdml-raiz > .cdml-marco{grid-column:2;grid-row:2 / span 8;margin:0!important;position:sticky;top:96px} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdml-raiz > .cdmp-desliza{display:none!important} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-proys-w{margin:0!important} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-proys-w::after{display:none!important} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-proys{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;overflow:visible!important;gap:10px!important;padding:4px 0 14px!important;max-height:none!important} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-proys > .cdmp-pr{width:100%!important;min-width:0!important;max-width:none!important;flex:none!important;padding:14px 18px!important} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-cab{margin:6px 0 4px!important;padding:16px 18px!important;border-radius:20px;background:#fff;border:1px solid rgba(10,20,56,.07);box-shadow:0 14px 30px -26px rgba(10,20,56,.5)} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-cab h2,html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-cab .cdmp-nom{font-size:26px!important} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-tools2{display:grid!important;grid-auto-flow:row!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin:10px 0 6px!important} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-tools2 .cdmp-big{min-height:60px!important;flex-direction:row!important;justify-content:flex-start!important;gap:10px!important;padding:10px 14px!important;border-radius:16px!important;font-size:13.5px!important;text-align:left!important} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-tools2 .cdmp-big svg{width:22px!important;height:22px!important;flex:none} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-tools2 .cdmp-big.ideas{grid-column:1 / -1;justify-content:center!important} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-tools2 .cdmp-big:only-child,html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-tools2 .cdmp-big:first-child:nth-last-child(2):not(.ideas){grid-column:auto} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-mini{display:flex!important;flex-wrap:wrap!important;gap:2px 14px!important;margin:2px 0 10px!important} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-fin{margin:6px 0 0!important;padding:18px 16px!important;border-radius:20px!important} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-fin b{font-size:18px!important}html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-fin p{font-size:13px!important;margin-bottom:12px!important} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdmp-fin-1{width:100%;height:48px!important} html body section.wishlist-section.cdml:not(#cdmpc0):not(#cdmpc1):not(#cdmpc2):not(#cdmpc3):not(#cdmpc4):not(#cdmpc5):not(#cdmpc6):not(#cdmpc7):not(#cdmpc8):not(#cdmpc9) .cdml-lienzo{min-height:calc(100vh - 140px)} } @media (min-width:992px){html body section.wishlist-section.cdml:not(#cdmpd0):not(#cdmpd1):not(#cdmpd2):not(#cdmpd3):not(#cdmpd4):not(#cdmpd5):not(#cdmpd6):not(#cdmpd7):not(#cdmpd8):not(#cdmpd9):not(#cdmpd10) .cdmp-tools2 .cdmp-big:first-child:nth-last-child(2):not(.ideas),html body section.wishlist-section.cdml:not(#cdmpd0):not(#cdmpd1):not(#cdmpd2):not(#cdmpd3):not(#cdmpd4):not(#cdmpd5):not(#cdmpd6):not(#cdmpd7):not(#cdmpd8):not(#cdmpd9):not(#cdmpd10) .cdmp-tools2 .cdmp-big:only-child{grid-column:1 / -1!important;justify-content:center!important}} /* CARRITO: sin aviso de existencias cuando hay mas de 10 */ html body .cdmcq-st.vacio:not(#cdmqv0):not(#cdmqv1){display:none!important} /* ===== MI CUENTA: paginas vacias bonitas ===== */ html body #wrap .cdmvac:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3):not(#cdmvc4){display:flex;flex-direction:column;align-items:center;text-align:center;max-width:560px;margin:18px auto 40px;padding:34px 22px 28px;border-radius:28px;background:radial-gradient(120% 70% at 50% 0%,rgba(243,214,138,.18),transparent 60%),#fff;border:1px solid rgba(201,154,58,.3);box-shadow:0 24px 50px -36px rgba(10,20,56,.55)} html body #wrap .cdmvac:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3):not(#cdmvc4) .cdmvac-ic{width:84px;height:84px;border-radius:50%;background:#fff6dd center/40px no-repeat;border:1px solid rgba(201,154,58,.4);box-shadow:0 10px 24px -16px rgba(150,110,30,.6);margin-bottom:14px} html body #wrap .cdmvac:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3):not(#cdmvc4) .cdmvac-ic.fact{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8902f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E")}html body #wrap .cdmvac:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3):not(#cdmvc4) .cdmvac-ic.bolsa{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8902f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8h14l-1 12H6z'/%3E%3Cpath d='M9 8V6a3 3 0 0 1 6 0v2'/%3E%3C/svg%3E")}html body #wrap .cdmvac:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3):not(#cdmvc4) .cdmvac-ic.estrella{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8902f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.4 5.6L20 9.3l-4.4 3.9 1.3 5.8L12 16l-4.9 3 1.3-5.8L4 9.3l5.6-.7z'/%3E%3C/svg%3E")} html body #wrap .cdmvac:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3):not(#cdmvc4) .cdmvac-k{font:800 11px Raleway,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#b8902f;margin-bottom:6px} html body #wrap .cdmvac:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3):not(#cdmvc4) .cdmvac-t{font:600 26px/1.15 Cinzel,'Times New Roman',serif;color:#0a1438;margin-bottom:8px} html body #wrap .cdmvac:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3):not(#cdmvc4) .cdmvac-p{max-width:420px;margin:0 0 20px;font:500 15px/1.55 Raleway,sans-serif;color:#5b6380} html body #wrap .cdmvac:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3):not(#cdmvc4) .cdmvac-bts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%} html body #wrap .cdmvac:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3):not(#cdmvc4) .cdmvac-bts a{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 24px;border-radius:999px;font:800 14.5px Raleway,sans-serif;text-decoration:none!important} html body #wrap .cdmvac:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3):not(#cdmvc4) .cdmvac-b1{background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);color:#0b1626!important;box-shadow:0 12px 22px -12px rgba(150,110,30,.7)} html body #wrap .cdmvac:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3):not(#cdmvc4) .cdmvac-b2{background:#fff;border:1.5px solid rgba(10,20,56,.15);color:#0a1438!important} html body #wrap .cdmvac-sinmenu:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3){display:none!important} @media (max-width:575.98px){html body #wrap .cdmvac:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3):not(#cdmvc4){margin:10px 0 30px;padding:28px 18px 22px}html body #wrap .cdmvac:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3):not(#cdmvc4) .cdmvac-bts a{width:100%}html body #wrap .cdmvac:not(#cdmvc0):not(#cdmvc1):not(#cdmvc2):not(#cdmvc3):not(#cdmvc4) .cdmvac-t{font-size:23px}} /* CATALOGO (celular): la franja de Novedades/Filtros ya no se pega arriba (tapaba el menu) */ @media (max-width:991.98px){html body #wrap.o_wsale_products_page .products_header:not(#cdmph0):not(#cdmph1):not(#cdmph2):not(#cdmph3):not(#cdmph4):not(#cdmph5){position:relative!important;top:auto!important;z-index:2!important}} /* ===== MI CUENTA: listas limpias ===== */ html body #wrap .table-responsive:has(> table.cdmtb):not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3){border-radius:22px!important;background:#fff!important;border:1px solid rgba(10,20,56,.08)!important;box-shadow:0 18px 40px -32px rgba(10,20,56,.55)!important;overflow:hidden} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5){margin:0!important;--bs-table-striped-bg:transparent!important;--bs-table-bg:transparent!important} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) thead th{padding:14px 16px!important;background:#fbf8f1!important;border-bottom:1px solid rgba(201,154,58,.3)!important;font:800 11px Raleway,sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#9a7425!important;white-space:nowrap} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) tbody td{padding:15px 16px!important;border-top:1px solid rgba(10,20,56,.06)!important;border-bottom:0!important;font:500 14.5px Raleway,sans-serif!important;color:#3a4566!important;background:transparent!important;box-shadow:none!important;vertical-align:middle!important} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) tbody tr.cdmtb-link{cursor:pointer;transition:background .15s} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) tbody tr.cdmtb-link:hover td{background:#fffaf0!important} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) tbody td:first-child a{font:800 15px Raleway,sans-serif!important;color:#0a1438!important;text-decoration:none!important} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) .badge{border-radius:999px!important;padding:6px 11px!important;font:800 11.5px Raleway,sans-serif!important;letter-spacing:.02em} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) .badge.text-bg-success{background:#e7f6ec!important;color:#1f6b3a!important} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) .badge.text-bg-warning,html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) .badge.text-bg-info{background:#fff3d6!important;color:#7a5c1c!important} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) .badge.text-bg-danger{background:#fdecef!important;color:#a33a4f!important} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) .badge.text-bg-secondary,html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) .badge.text-bg-light{background:#eef0f6!important;color:#3a4566!important} @media (max-width:767.98px){ html body #wrap .table-responsive:has(> table.cdmtb):not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3){background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5),html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) tbody{display:block!important;width:100%!important} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) thead{display:none!important} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) tbody tr{display:block!important;margin:0 0 10px!important;padding:14px 16px 10px!important;border-radius:18px;background:#fff;border:1px solid rgba(10,20,56,.08);box-shadow:0 12px 26px -22px rgba(10,20,56,.55);position:relative} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) tbody td:not(.d-none):not(.cdmtb-vacio){display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px;padding:6px 0!important;border:0!important;text-align:right!important;font-size:14px!important} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) tbody td.cdmtb-vacio{display:none!important} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) tbody td:not(.d-none)::before{content:attr(data-label);flex:none;text-align:left;font:700 12px Raleway,sans-serif;color:#8a90a6} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) tbody td:first-child{padding:0 28px 8px 0!important;margin-bottom:4px;border-bottom:1px dashed rgba(201,154,58,.4)!important} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) tbody td:first-child::before{display:none} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) tbody td:first-child a{font-size:17px!important} html body #wrap table.cdmtb:not(#cdmtb0):not(#cdmtb1):not(#cdmtb2):not(#cdmtb3):not(#cdmtb4):not(#cdmtb5) tbody tr.cdmtb-link::after{content:"\203A";position:absolute;right:16px;top:10px;font:400 26px/1 Raleway,sans-serif;color:#c99a3a} } /* INICIO (compu): el celular de Instagram se corta donde terminan las fotos, al ras del final de la seccion */ @media (min-width:992px){ html body section.s_instagram_page:not(#cdmig0):not(#cdmig1):not(#cdmig2):not(#cdmig3):not(#cdmig4){padding-bottom:0!important} html body section.s_instagram_page:not(#cdmig0):not(#cdmig1):not(#cdmig2):not(#cdmig3):not(#cdmig4) .cdm-escena3 > .cdm-cel{top:auto!important;bottom:0!important;height:404px!important;overflow:hidden!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;margin:0!important} html body section.s_instagram_page:not(#cdmig0):not(#cdmig1):not(#cdmig2):not(#cdmig3):not(#cdmig4) .cdm-escena3 > .cdm-com{translate:0 46px} } @media (min-width:992px){html body section.s_instagram_page:not(#cdmih0):not(#cdmih1):not(#cdmih2):not(#cdmih3):not(#cdmih4):not(#cdmih5) .cdm-escena3 > .cdm-com{translate:none;margin-top:46px!important}} /* MI CUENTA: encabezado de direcciones / mis datos en fila (icono a la izquierda) */ html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdh0):not(#cdmdh1):not(#cdmdh2):not(#cdmdh3):not(#cdmdh4):not(#cdmdh5):not(#cdmdh6):not(#cdmdh7){flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;gap:18px!important} html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdh0):not(#cdmdh1):not(#cdmdh2):not(#cdmdh3):not(#cdmdh4):not(#cdmdh5):not(#cdmdh6):not(#cdmdh7) .cdmdir-tx{align-items:flex-start!important;text-align:left!important;flex:1 1 auto!important;max-width:none!important} @media (min-width:992px){html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdh0):not(#cdmdh1):not(#cdmdh2):not(#cdmdh3):not(#cdmdh4):not(#cdmdh5):not(#cdmdh6):not(#cdmdh7){padding:24px 30px!important}html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdh0):not(#cdmdh1):not(#cdmdh2):not(#cdmdh3):not(#cdmdh4):not(#cdmdh5):not(#cdmdh6):not(#cdmdh7) .cdmdir-ic{width:64px!important;height:64px!important;background-size:34px!important}html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdh0):not(#cdmdh1):not(#cdmdh2):not(#cdmdh3):not(#cdmdh4):not(#cdmdh5):not(#cdmdh6):not(#cdmdh7) .cdmdir-t{font-size:26px!important}html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdh0):not(#cdmdh1):not(#cdmdh2):not(#cdmdh3):not(#cdmdh4):not(#cdmdh5):not(#cdmdh6):not(#cdmdh7) .cdmdir-p{font-size:15px!important}} html body #wrap input[name="zip"]:not(#cdmdh0):not(#cdmdh1):not(#cdmdh2):not(#cdmdh3)::placeholder{font-weight:500!important;letter-spacing:0!important;font-family:Raleway,sans-serif!important} html body .cdm-mi-form-tit.cdmdir-hero:not(#cdmdi0):not(#cdmdi1):not(#cdmdi2):not(#cdmdi3):not(#cdmdi4):not(#cdmdi5):not(#cdmdi6):not(#cdmdi7):not(#cdmdi8){min-height:0!important;height:auto!important} /* ===== COLECCIONES 2026: explorador (elige un pino y salen sus piezas abajo) ===== */ html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) #o_wsale_categories_filmstrip,html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdm-fs-aviso,html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmo-bar,html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) #products_grid .o_wsale_products_grid_table_wrapper,html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) #products_grid .products_pager{display:none!important} @media (min-width:992px){html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) aside#products_grid_before{display:none!important}html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) #products_grid{max-width:1180px!important;margin:0 auto!important;flex:1 1 auto!important}} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) section.cdmcol{margin:8px 0 0!important;padding:22px!important;border-radius:28px!important} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) section.cdmcol .cdmcol-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) section.cdmcol a.cdmcol-c{position:relative!important;display:block!important;height:230px!important;border-radius:20px!important;overflow:hidden!important;outline:3px solid transparent;outline-offset:2px;transition:outline-color .2s,transform .2s,opacity .2s;cursor:pointer} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) section.cdmcol a.cdmcol-c img{width:100%!important;height:100%!important;object-fit:cover!important} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) section.cdmcol a.cdmcol-c span{font-size:20px!important;line-height:1.1!important} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) section.cdmcol a.cdmcol-c em{font-size:12.5px!important} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) section.cdmcol a.cdmcol-c:hover{transform:translateY(-3px)} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) section.cdmcol.con-sel a.cdmcol-c:not(.on){opacity:.55} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) section.cdmcol a.cdmcol-c.on{outline-color:#dfb44c;opacity:1} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel{margin:18px 0 30px;padding:22px;border-radius:28px;background:#fff;border:1px solid rgba(201,154,58,.3);box-shadow:0 24px 50px -38px rgba(10,20,56,.55);scroll-margin-top:90px} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-cab{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-k{display:block;font:800 11px Raleway,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#b8902f} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-cab b{display:block;font:600 28px/1.1 Cinzel,'Times New Roman',serif;color:#0a1438;margin:4px 0 2px} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-cab small{font:600 13.5px Raleway,sans-serif;color:#6a7392} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-acc{display:flex;align-items:center;gap:10px;flex-wrap:wrap} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-ord{display:flex;gap:6px} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-ord button{height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(10,20,56,.12);background:#fff;font:700 13px Raleway,sans-serif;color:#0a1438;cursor:pointer} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-ord button.on{background:#0a1438;border-color:#0a1438;color:#f3d68a} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-ver{font:700 13.5px Raleway,sans-serif;color:#9a7425!important;text-decoration:none!important;white-space:nowrap} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-x{width:36px;height:36px;border-radius:50%;border:1.5px solid #dfb44c;background:#fffaf0;color:#0a1438;font:700 20px/1 Raleway,sans-serif;cursor:pointer;padding:0} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-p{display:flex;flex-direction:column;padding:10px 10px 12px;border-radius:20px;border:1px solid rgba(10,20,56,.08);background:#fff;transition:box-shadow .2s,transform .2s} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-p:hover{box-shadow:0 18px 32px -24px rgba(10,20,56,.55);transform:translateY(-2px)} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-f{display:block;aspect-ratio:1/1;border-radius:14px;background:#f6f4ef;overflow:hidden;margin-bottom:10px} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-f img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:8px} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-n{font:600 14px/1.3 Raleway,sans-serif;color:#0a1438!important;text-decoration:none!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-pr{font:800 15px Raleway,sans-serif;color:#b8902f;margin:6px 0 10px} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-bts{display:flex;gap:8px;margin-top:auto} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-cor{flex:none;width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(192,30,80,.3);background:#fff;color:#c01e50;font:400 20px/1 Raleway,sans-serif;cursor:pointer;padding:0} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-cor.on{background:#fff0f4;border-color:#c01e50} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-ag{flex:1;height:42px;border:0;border-radius:999px;background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);color:#0b1626;font:800 13.5px Raleway,sans-serif;cursor:pointer} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-ag.ok{background:#1f6b3a;color:#fff} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-ag:disabled{opacity:.85} @media (max-width:991.98px){ html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) section.cdmcol{padding:14px!important;border-radius:22px!important} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) section.cdmcol .cdmcol-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) section.cdmcol a.cdmcol-c{height:170px!important;border-radius:16px!important} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) section.cdmcol a.cdmcol-c span{font-size:16px!important} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) section.cdmcol a.cdmcol-c em{font-size:11px!important} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel{padding:16px 12px;border-radius:22px;scroll-margin-top:80px} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-cab b{font-size:23px} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-acc{width:100%;justify-content:space-between} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} html body.cdmsel-on:not(#cdmsl0):not(#cdmsl1):not(#cdmsl2):not(#cdmsl3):not(#cdmsl4):not(#cdmsl5) .cdmsel-ag{font-size:12.5px} } html body.cdmsel-on:not(#cdmsm0):not(#cdmsm1):not(#cdmsm2):not(#cdmsm3):not(#cdmsm4):not(#cdmsm5):not(#cdmsm6) section.cdmcol a.cdmcol-c{width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;flex:none!important} html body.cdmsel-on:not(#cdmsn0):not(#cdmsn1):not(#cdmsn2):not(#cdmsn3):not(#cdmsn4):not(#cdmsn5):not(#cdmsn6):not(#cdmsn7) section.cdmcol a.cdmcol-c{aspect-ratio:auto!important;width:100%!important} /* ===== INICIO: cascanueces sin corte, union suave con Instagram, corazones y linea del pie ===== */ @keyframes cdmnzMece{0%,100%{transform:translateY(-22px) rotate(-1.6deg)}50%{transform:translateY(-28px) rotate(1.6deg)}} @media (max-width:991.98px){ html body section.s_call_to_action.d-lg-none:not(#cdmnz0):not(#cdmnz1):not(#cdmnz2):not(#cdmnz3){position:relative;overflow:hidden} html body section.s_call_to_action.d-lg-none:not(#cdmnz0):not(#cdmnz1):not(#cdmnz2):not(#cdmnz3)::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;background:linear-gradient(180deg,rgba(4,15,43,0) 0%,rgba(4,15,43,.85) 65%,#040f2b 100%);pointer-events:none;z-index:2} html body section.s_call_to_action.d-lg-none:not(#cdmnz0):not(#cdmnz1):not(#cdmnz2):not(#cdmnz3) img.o_we_custom_image{-webkit-mask-image:linear-gradient(180deg,#000 62%,rgba(0,0,0,.6) 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,rgba(0,0,0,.6) 80%,transparent 100%);transform-origin:50% 100%;animation:cdmnzMece 5s ease-in-out infinite;will-change:transform;position:relative;z-index:1} } @media (prefers-reduced-motion:reduce){html body section.s_call_to_action img.o_we_custom_image:not(#cdmnz0):not(#cdmnz1):not(#cdmnz2):not(#cdmnz3){animation:none!important;transform:translateY(-22px)}} html body section.s_instagram_page:not(#cdmnz0):not(#cdmnz1):not(#cdmnz2):not(#cdmnz3){position:relative} html body section.s_instagram_page:not(#cdmnz0):not(#cdmnz1):not(#cdmnz2):not(#cdmnz3) .cdmlk{position:absolute;left:0;right:0;bottom:0;height:200px;pointer-events:none;overflow:hidden;z-index:1} html body section.s_instagram_page:not(#cdmnz0):not(#cdmnz1):not(#cdmnz2):not(#cdmnz3) .cdmlk i{position:absolute;bottom:-24px;font-style:normal;line-height:1;opacity:0;text-shadow:0 4px 12px rgba(232,51,92,.35);animation-name:cdmlkSube;animation-timing-function:ease-out;animation-iteration-count:infinite;will-change:transform,opacity} @keyframes cdmlkSube{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:.95}60%{opacity:.8}100%{transform:translateY(-190px) translateX(12px) scale(1.15);opacity:0}} @media (prefers-reduced-motion:reduce){html body section.s_instagram_page .cdmlk:not(#cdmnz0):not(#cdmnz1):not(#cdmnz2):not(#cdmnz3){display:none}} html body:has(.s_instagram_page) footer#bottom:not(#cdmnz0):not(#cdmnz1):not(#cdmnz2):not(#cdmnz3):not(#cdmnz4):not(#cdmnz5){position:relative} html body:has(.s_instagram_page) footer#bottom:not(#cdmnz0):not(#cdmnz1):not(#cdmnz2):not(#cdmnz3):not(#cdmnz4):not(#cdmnz5)::before{content:"";position:absolute;top:0;left:50%;width:min(78%,560px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(243,214,138,.75) 35%,rgba(243,214,138,.75) 65%,transparent);z-index:3;pointer-events:none} html body:has(.s_instagram_page) footer#bottom:not(#cdmnz0):not(#cdmnz1):not(#cdmnz2):not(#cdmnz3):not(#cdmnz4):not(#cdmnz5)::after{content:"\2726";position:absolute;top:-11px;left:50%;transform:translateX(-50%);width:28px;height:22px;text-align:center;font:400 15px/22px serif;color:#f3d68a;background:#040f2b;z-index:4;pointer-events:none} @keyframes cdmpeGira{to{transform:rotate(360deg)}} @keyframes cdmpeMuestra{to{visibility:visible}} @keyframes cdmpeQuita{to{opacity:0;visibility:hidden}} html.cdm-pago-espera #wrap,html.cdm-pago-espera footer#bottom{visibility:hidden;animation:cdmpeMuestra 0s linear 12s forwards} html.cdm-pago-espera body::before{content:"Registrando tu pedido\2026";position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:150px 24px 0;text-align:center;background:radial-gradient(circle at 50% 42%,rgba(243,214,138,.18),transparent 220px),linear-gradient(180deg,#1c306c,#050b1f);color:#f3d68a;font:600 17px/1.3 Cinzel,'Times New Roman',serif;letter-spacing:.18em;text-transform:uppercase;animation:cdmpeQuita .3s linear 12s forwards} html.cdm-pago-espera body::after{content:"";position:fixed;left:50%;top:calc(50% - 46px);z-index:2147483001;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;border:2px solid rgba(243,214,138,.25);border-top-color:#f3d68a;animation:cdmpeGira .9s linear infinite,cdmpeQuita .3s linear 12s forwards} /* ===== MIS PROYECTOS: conectores y zoom ===== */ html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-lienzo > svg.cdmcn{position:absolute;left:0;top:0;pointer-events:none;overflow:visible;z-index:0} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) svg.cdmcn path{fill:none;stroke:#c99a3a;stroke-width:3;stroke-dasharray:9 7;stroke-linecap:round;opacity:.9} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) svg.cdmcn circle{fill:#fff;stroke:#c99a3a;stroke-width:3} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-lienzo > .cdml-libre,html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-lienzo > .cdml-g,html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-lienzo > .cdmnt{z-index:2} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz.cdmcn-modo .cdml-lienzo > .cdml-libre,html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz.cdmcn-modo .cdml-lienzo > .cdml-g,html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz.cdmcn-modo .cdml-lienzo > .cdmnt{cursor:crosshair;outline:2px dashed rgba(201,154,58,.55);outline-offset:4px} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz.cdmcn-modo .cdml-lienzo > .cdmcn-sel{outline:3px solid #dfb44c!important;outline-offset:4px} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz.cdmcn-modo .cdml-marco::before{content:"Toca dos piezas para unirlas \00b7 t\00f3calas otra vez para quitar la l\00ednea";position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:8;padding:8px 16px;border-radius:999px;background:#0a1438;color:#f3d68a;font:700 13px Raleway,sans-serif;white-space:nowrap;pointer-events:none} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-marco{position:relative} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdmzm{position:absolute;right:14px;bottom:14px;z-index:8;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:#fff;border:1px solid rgba(201,154,58,.4);box-shadow:0 10px 24px -16px rgba(10,20,56,.6)} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdmzm button{width:36px;height:36px;border:0;border-radius:50%;background:#0a1438;color:#f3d68a;font:700 20px/1 Raleway,sans-serif;cursor:pointer;padding:0} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdmzm span{min-width:52px;text-align:center;font:800 13px Raleway,sans-serif;color:#0a1438} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdmp-mn.on{color:#0a1438} @media (max-width:991.98px){html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdmzm{display:none}} /* ===== MIS PROYECTOS (compu): opciones en L y tablero grande ===== */ @media (min-width:992px){ html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;grid-template-areas:"cab cab" "proys info" "proys tools" "proys tablero"!important;grid-template-rows:auto auto auto 1fr;column-gap:22px!important;row-gap:10px!important;align-items:start} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > *{grid-column:auto!important;grid-row:auto!important} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdml-cab{grid-area:cab!important;margin-bottom:4px!important} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdmp-proys-w{grid-area:proys!important;position:sticky;top:96px;max-height:calc(100vh - 120px);overflow:auto;scrollbar-width:thin} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdmp-cab{grid-area:info!important;justify-self:stretch;margin:0!important;padding:14px 210px 14px 20px!important;display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px 16px} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdmp-cab h2,html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdmp-cab .cdmp-nom{font-size:24px!important;margin:0!important} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdmp-fin{grid-area:info!important;justify-self:end;align-self:center;margin:0 14px 0 0!important;padding:0!important;background:none!important;box-shadow:none!important;border:0!important} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdmp-fin > *:not(.cdmp-fin-bts){display:none!important} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdmp-fin .cdmp-fin-1{width:auto!important;height:46px!important;padding:0 22px!important} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdmp-tools2{grid-area:tools!important;justify-self:start;display:flex!important;gap:8px!important;margin:0!important} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdmp-tools2 .cdmp-big{min-height:44px!important;height:44px!important;width:auto!important;padding:0 16px!important;border-radius:999px!important;flex-direction:row!important;gap:8px!important;font-size:13.5px!important;grid-column:auto!important} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdmp-tools2 .cdmp-big svg{width:20px!important;height:20px!important} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdmp-mini{grid-area:tools!important;justify-self:end;align-self:center;margin:0!important;flex-wrap:nowrap!important;gap:2px 12px!important} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdmp-mini .cdmp-mn{white-space:nowrap;font-size:13px!important} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdml-marco{grid-area:tablero!important;position:relative!important;top:auto!important;margin:0!important} html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdml-marco .cdml-lienzo{min-height:calc(100vh - 250px)!important} } @media (min-width:992px) and (max-width:1399.98px){html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdmp-mini{grid-area:auto!important;grid-column:2!important;justify-self:start}html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz{grid-template-areas:"cab cab" "proys info" "proys tools" "proys mini" "proys tablero"!important}html body section.wishlist-section.cdml:not(#cdmL0):not(#cdmL1):not(#cdmL2):not(#cdmL3):not(#cdmL4):not(#cdmL5):not(#cdmL6):not(#cdmL7):not(#cdmL8):not(#cdmL9):not(#cdmL10):not(#cdmL11) .cdml-raiz > .cdmp-mini{grid-area:mini!important}} /* ===== MIS PROYECTOS (compu): modo estudio creativo (herramientas a la izquierda, tablero completo) ===== */ @media (min-width:992px){ html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz{grid-template-columns:250px minmax(0,1fr)!important;grid-template-areas:"cab cab" "proys info" "tools tablero" "mini tablero"!important;grid-template-rows:auto auto auto 1fr!important;row-gap:12px!important} html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdml-cab{margin:0!important} html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdml-cab h1,html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdml-cab .cdml-tit{font-size:30px!important;margin:0!important} html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdmp-proys-w{grid-area:proys!important;position:static!important;max-height:none!important;align-self:stretch} html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdmp-proys-w .cdmp-proys{padding-bottom:4px!important} html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdmp-cab{grid-area:info!important;padding:12px 220px 12px 20px!important} html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdmp-tools2{grid-area:tools!important;justify-self:stretch!important;display:flex!important;flex-direction:column!important;gap:8px!important;padding:12px!important;border-radius:20px;background:#fff;border:1px solid rgba(10,20,56,.07);box-shadow:0 14px 30px -26px rgba(10,20,56,.5)} html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdmp-tools2::before{content:"Herramientas";font:800 10.5px Raleway,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#9a7425;padding:2px 6px 4px} html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdmp-tools2 .cdmp-big{width:100%!important;justify-content:flex-start!important;height:46px!important;min-height:46px!important;border-radius:14px!important;padding:0 14px!important} html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdmp-mini{grid-area:mini!important;justify-self:stretch!important;align-self:start!important;display:flex!important;flex-direction:column!important;gap:2px!important;padding:8px!important;border-radius:20px;background:#fff;border:1px solid rgba(10,20,56,.07);box-shadow:0 14px 30px -26px rgba(10,20,56,.5)} html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdmp-mini .cdmp-mn{width:100%;height:40px!important;padding:0 10px!important;border-radius:12px;justify-content:flex-start;font-size:13.5px!important} html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdmp-mini .cdmp-mn:hover{background:#fbf8f1} html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdmp-mini .cdmp-mn.on{background:#0a1438;color:#f3d68a!important} html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdmp-mini .cdmp-mn.on svg{stroke:#f3d68a} html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdml-marco{grid-area:tablero!important;align-self:stretch!important} html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdml-marco .cdml-lienzo{min-height:calc(100vh - 210px)!important;background-color:#f7f3ea!important;background-image:radial-gradient(rgba(154,116,37,.28) 1.2px,transparent 1.4px)!important;background-size:22px 22px!important} } @media (min-width:992px) and (max-width:1399.98px){html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz{grid-template-areas:"cab cab" "proys info" "tools tablero" "mini tablero"!important}html body section.wishlist-section.cdml:not(#cdmS0):not(#cdmS1):not(#cdmS2):not(#cdmS3):not(#cdmS4):not(#cdmS5):not(#cdmS6):not(#cdmS7):not(#cdmS8):not(#cdmS9):not(#cdmS10):not(#cdmS11):not(#cdmS12):not(#cdmS13) .cdml-raiz > .cdmp-mini{grid-area:mini!important;grid-column:auto!important}} /* ===== MIS PROYECTOS: notas con tamano y color, fotos, etiquetas de orden, zoom en celular ===== */ html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.sz-cua{width:220px}html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.sz-rec{width:320px}html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.sz-chi{width:160px} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.sz-chi .cdmnt-tx{font-size:13.5px!important;min-height:44px} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.co-ama{background:linear-gradient(180deg,#fff7c9,#fff1ad)} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.co-ros{background:linear-gradient(180deg,#ffe9ef,#ffd6e1)} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.co-azu{background:linear-gradient(180deg,#eaf1ff,#d8e5fd)} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.co-ver{background:linear-gradient(180deg,#eaf7ec,#d6efda)} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.co-bla{background:#ffffff;border:1px solid rgba(10,20,56,.1)} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt-ops{display:inline-flex;gap:4px} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt-sz,html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt-co,html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmft-sz{width:28px;height:28px;border:0;border-radius:50%;background:rgba(122,92,28,.12);cursor:pointer;padding:0;position:relative} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt-sz::after,html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmft-sz::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:9px;margin:-4.5px 0 0 -6px;border:1.8px solid #7a5c1c;border-radius:2px} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt-co::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:conic-gradient(#ffe066 0 25%,#ff9fb8 0 50%,#9fc0ff 0 75%,#9fdcaa 0)} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.tag{width:auto!important;min-width:170px;padding:8px 12px 8px!important;border-radius:999px!important;background:#0a1438!important;transform:none!important;box-shadow:0 10px 20px -14px rgba(10,20,56,.7)!important} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.tag::before,html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.tag .cdmnt-asa,html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.tag .cdmnt-sz,html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.tag .cdmnt-co{display:none!important} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.tag .cdmnt-cab{position:absolute;right:6px;top:50%;transform:translateY(-50%);margin:0} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.tag .cdmnt-x{background:rgba(243,214,138,.18);color:#f3d68a} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmnt.tag .cdmnt-tx{min-height:0!important;height:24px!important;padding-right:30px!important;color:#f3d68a!important;font:800 13px/24px Raleway,sans-serif!important;letter-spacing:.06em;text-transform:uppercase;overflow:hidden} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmft{position:absolute;z-index:5;padding:10px 10px 16px;background:#fff;border-radius:6px;box-shadow:0 18px 32px -18px rgba(10,20,56,.55);transform:rotate(1deg)} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmft.mov{transform:rotate(0) scale(1.02);z-index:9} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmft-cab{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmft-asa{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:999px;background:#fbf8f1;font:800 11px Raleway,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#7a5c1c;cursor:grab;touch-action:none;user-select:none} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmft img{display:block;width:100%;height:auto;border-radius:3px;pointer-events:none;-webkit-user-drag:none} html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmft .cdmnt-x{width:28px;height:28px;border:0;border-radius:50%;background:rgba(122,92,28,.12);color:#7a5c1c;font:700 18px/1 Raleway,sans-serif;cursor:pointer;padding:0} .cdmor{display:grid;gap:10px;margin:6px 0 4px} .cdmor button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 16px;border-radius:16px;border:1.5px solid rgba(201,154,58,.4);background:#fffaf0;text-align:left;cursor:pointer} .cdmor button:hover{border-color:#dfb44c;background:#fff6dd} .cdmor b{font:800 15px Raleway,sans-serif;color:#0a1438}.cdmor span{font:500 13px/1.4 Raleway,sans-serif;color:#5b6380} @media (max-width:991.98px){html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmzm{display:flex!important;right:10px;bottom:10px;padding:3px}html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmzm button{width:32px;height:32px;font-size:18px}html body section.wishlist-section.cdml:not(#cdmQ0):not(#cdmQ1):not(#cdmQ2):not(#cdmQ3):not(#cdmQ4):not(#cdmQ5):not(#cdmQ6):not(#cdmQ7):not(#cdmQ8):not(#cdmQ9):not(#cdmQ10):not(#cdmQ11):not(#cdmQ12):not(#cdmQ13) .cdmzm span{min-width:44px;font-size:12px}} /* MIS PROYECTOS: aviso de iniciar sesion en compu (estilo pausa del juego) */ @keyframes cdmgvPop{from{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:none}} html.cdmpg-publico body .cdmgate-velo:not(#cdmgv0):not(#cdmgv1):not(#cdmgv2):not(#cdmgv3):not(#cdmgv4):not(#cdmgv5){position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(2,8,24,.35);-webkit-backdrop-filter:blur(12px) brightness(.45);backdrop-filter:blur(12px) brightness(.45)} html.cdmpg-publico body .cdmgate-velo:not(#cdmgv0):not(#cdmgv1):not(#cdmgv2):not(#cdmgv3):not(#cdmgv4):not(#cdmgv5) .cdmgate{position:relative;width:min(400px,calc(100% - 40px));padding:58px 28px 26px;border-radius:28px;text-align:center;background:linear-gradient(170deg,rgba(28,48,108,.94),rgba(10,20,56,.96));border:1px solid rgba(232,201,119,.4);box-shadow:0 40px 80px -30px rgba(0,0,0,.8);animation:cdmgvPop .5s cubic-bezier(.175,.885,.32,1.275) both} html.cdmpg-publico body .cdmgate-velo:not(#cdmgv0):not(#cdmgv1):not(#cdmgv2):not(#cdmgv3):not(#cdmgv4):not(#cdmgv5) .cdmgate-c{position:absolute;left:50%;top:-38px;width:76px;height:76px;margin-left:-38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 28%,#2c4592,#0a1638 68%);box-shadow:0 0 0 2px rgba(232,201,119,.85),0 0 0 6px rgba(232,201,119,.12),0 12px 24px -8px rgba(0,0,0,.7),0 0 30px 4px rgba(255,214,140,.35)} html.cdmpg-publico body .cdmgate-velo:not(#cdmgv0):not(#cdmgv1):not(#cdmgv2):not(#cdmgv3):not(#cdmgv4):not(#cdmgv5) .cdmgate-c img{width:56%;height:auto;filter:brightness(0) invert(1) drop-shadow(0 0 6px rgba(255,226,150,.9))} html.cdmpg-publico body .cdmgate-velo:not(#cdmgv0):not(#cdmgv1):not(#cdmgv2):not(#cdmgv3):not(#cdmgv4):not(#cdmgv5) .cdmgate-k{display:block;font:800 11px Raleway,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#f3d68a;margin-bottom:8px} html.cdmpg-publico body .cdmgate-velo:not(#cdmgv0):not(#cdmgv1):not(#cdmgv2):not(#cdmgv3):not(#cdmgv4):not(#cdmgv5) .cdmgate b{display:block;font:600 24px/1.2 Cinzel,'Times New Roman',serif;color:#f3e3b5;margin-bottom:10px} html.cdmpg-publico body .cdmgate-velo:not(#cdmgv0):not(#cdmgv1):not(#cdmgv2):not(#cdmgv3):not(#cdmgv4):not(#cdmgv5) .cdmgate p{margin:0 0 20px;font:500 14.5px/1.55 Raleway,sans-serif;color:#cfd6ea} html.cdmpg-publico body .cdmgate-velo:not(#cdmgv0):not(#cdmgv1):not(#cdmgv2):not(#cdmgv3):not(#cdmgv4):not(#cdmgv5) .cdmgate-bts{display:flex;flex-direction:column;gap:10px} html.cdmpg-publico body .cdmgate-velo:not(#cdmgv0):not(#cdmgv1):not(#cdmgv2):not(#cdmgv3):not(#cdmgv4):not(#cdmgv5) .cdmgate-bts a{display:flex;align-items:center;justify-content:center;height:50px;border-radius:999px;font:800 15px Raleway,sans-serif;text-decoration:none!important} html.cdmpg-publico body .cdmgate-velo:not(#cdmgv0):not(#cdmgv1):not(#cdmgv2):not(#cdmgv3):not(#cdmgv4):not(#cdmgv5) .cdmgate-b1{background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);color:#0b1626!important;box-shadow:0 14px 26px -14px rgba(0,0,0,.6)} html.cdmpg-publico body .cdmgate-velo:not(#cdmgv0):not(#cdmgv1):not(#cdmgv2):not(#cdmgv3):not(#cdmgv4):not(#cdmgv5) .cdmgate-b2{border:1.5px solid rgba(243,214,138,.55);color:#f3d68a!important} html.cdmpg-publico body .cdmgate-velo:not(#cdmgv0):not(#cdmgv1):not(#cdmgv2):not(#cdmgv3):not(#cdmgv4):not(#cdmgv5) .cdmgate-t{display:inline-block;margin-top:14px;font:700 13.5px Raleway,sans-serif;color:#cfd6ea!important;text-decoration:underline!important;text-decoration-color:rgba(243,214,138,.5)!important;text-underline-offset:4px} html.cdmpg-publico body{overflow:hidden} @media (max-width:991.98px){html body .cdmgate-velo:not(#cdmgv0):not(#cdmgv1):not(#cdmgv2):not(#cdmgv3):not(#cdmgv4):not(#cdmgv5){display:none!important}} /* MIS PROYECTOS (compu): el tablero llena la pantalla y el pie solo aparece al bajar */ @media (min-width:992px){html body section.wishlist-section.cdml:not(#cdmpf0):not(#cdmpf1):not(#cdmpf2):not(#cdmpf3):not(#cdmpf4):not(#cdmpf5):not(#cdmpf6):not(#cdmpf7):not(#cdmpf8):not(#cdmpf9):not(#cdmpf10):not(#cdmpf11):not(#cdmpf12):not(#cdmpf13):not(#cdmpf14) .cdml-raiz > .cdml-marco .cdml-lienzo{min-height:calc(100vh - 345px - 24px)!important}html body section.wishlist-section.cdml:not(#cdmpf0):not(#cdmpf1):not(#cdmpf2):not(#cdmpf3):not(#cdmpf4):not(#cdmpf5):not(#cdmpf6):not(#cdmpf7):not(#cdmpf8):not(#cdmpf9):not(#cdmpf10):not(#cdmpf11):not(#cdmpf12):not(#cdmpf13):not(#cdmpf14){padding-bottom:64px!important;min-height:calc(100vh + 1px)}} /* MIS PROYECTOS: fotos que se mueven fluido (se agarran de cualquier parte) */ html body section.wishlist-section.cdml:not(#cdmfd0):not(#cdmfd1):not(#cdmfd2):not(#cdmfd3):not(#cdmfd4):not(#cdmfd5):not(#cdmfd6):not(#cdmfd7):not(#cdmfd8):not(#cdmfd9):not(#cdmfd10):not(#cdmfd11):not(#cdmfd12):not(#cdmfd13):not(#cdmfd14) .cdmft{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;will-change:transform;backface-visibility:hidden} html body section.wishlist-section.cdml:not(#cdmfd0):not(#cdmfd1):not(#cdmfd2):not(#cdmfd3):not(#cdmfd4):not(#cdmfd5):not(#cdmfd6):not(#cdmfd7):not(#cdmfd8):not(#cdmfd9):not(#cdmfd10):not(#cdmfd11):not(#cdmfd12):not(#cdmfd13):not(#cdmfd14) .cdmft.mov{cursor:grabbing;transition:none!important;box-shadow:0 26px 44px -20px rgba(10,20,56,.6)} html body section.wishlist-section.cdml:not(#cdmfd0):not(#cdmfd1):not(#cdmfd2):not(#cdmfd3):not(#cdmfd4):not(#cdmfd5):not(#cdmfd6):not(#cdmfd7):not(#cdmfd8):not(#cdmfd9):not(#cdmfd10):not(#cdmfd11):not(#cdmfd12):not(#cdmfd13):not(#cdmfd14) .cdmft img{-webkit-user-drag:none;user-select:none} /* ===== MIS PROYECTOS: lista con buscador (compu), regresar despues de ordenar, imagen del tablero ===== */ html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmundo{position:absolute;left:14px;top:14px;z-index:8;display:flex;align-items:center;gap:6px;padding:5px 5px 5px 14px;border-radius:999px;background:#0a1438;box-shadow:0 12px 26px -16px rgba(10,20,56,.8)} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmundo span{font:800 11px Raleway,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#f3d68a;margin-right:4px} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmundo button{height:34px;padding:0 14px;border-radius:999px;border:0;font:800 13px Raleway,sans-serif;cursor:pointer} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmundo [data-u=volver]{background:linear-gradient(180deg,#f8e19a,#c4952f);color:#0b1626} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmundo [data-u=ok]{background:rgba(255,255,255,.12);color:#fff} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-flash{animation:cdmlsFlash 1.4s ease} @keyframes cdmlsFlash{0%,100%{box-shadow:none}25%,60%{box-shadow:0 0 0 4px #dfb44c,0 0 30px rgba(223,180,76,.6)}} .cdmtab-bt{margin-top:8px!important} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmlista{display:none} @media (min-width:992px){ html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdml-raiz{grid-template-columns:230px minmax(0,1fr) 290px!important;grid-template-areas:"cab cab cab" "proys info info" "tools tablero lista" "mini tablero lista"!important} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdml-raiz > .cdmlista{grid-area:lista!important;display:flex!important;flex-direction:column;align-self:stretch;max-height:calc(100vh - 220px);position:sticky;top:96px;padding:12px;border-radius:20px;background:#fff;border:1px solid rgba(10,20,56,.07);box-shadow:0 14px 30px -26px rgba(10,20,56,.5);min-width:0} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-bus{position:relative;margin-bottom:12px} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-bus input{width:100%;height:44px;padding:0 14px 0 40px;border-radius:999px;border:1.5px solid rgba(201,154,58,.45);background:#fffaf0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a7425' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") 14px center/18px no-repeat;font:600 14px Raleway,sans-serif;color:#0a1438;outline:0} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-bus input:focus{border-color:#dfb44c;background-color:#fff} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-res{position:absolute;left:0;right:0;top:50px;z-index:20;max-height:380px;overflow:auto;padding:6px;border-radius:16px;background:#fff;border:1px solid rgba(10,20,56,.1);box-shadow:0 24px 44px -20px rgba(10,20,56,.55)} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-res[hidden]{display:none} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-r{display:flex;align-items:center;gap:10px;padding:6px;border-radius:12px} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-r:hover{background:#fbf8f1} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-r img,html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-it img{flex:none;width:42px;height:42px;border-radius:10px;object-fit:contain;background:#f6f4ef;mix-blend-mode:multiply} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-r span,html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-it span{flex:1;min-width:0;display:flex;flex-direction:column} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-r b,html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-it b{font:700 12.5px/1.25 Raleway,sans-serif;color:#0a1438;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-r small,html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-it small{font:600 11.5px Raleway,sans-serif;color:#7a8199;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-r button{flex:none;height:32px;padding:0 11px;border-radius:999px;border:0;background:#0a1438;color:#f3d68a;font:800 12px Raleway,sans-serif;cursor:pointer} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-r button.ya{background:#eef0f6;color:#5b6380} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-cab{display:flex;align-items:baseline;justify-content:space-between;padding:0 4px 8px;border-bottom:1px dashed rgba(201,154,58,.4);margin-bottom:6px} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-cab b{font:600 17px Cinzel,'Times New Roman',serif;color:#0a1438}html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-cab span{font:700 12px Raleway,sans-serif;color:#9a7425} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-lista{flex:1;overflow:auto;min-height:0;display:flex;flex-direction:column;gap:2px} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-it{display:flex;align-items:center;gap:10px;width:100%;padding:6px;border:0;border-radius:12px;background:none;text-align:left;cursor:pointer} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-it:hover{background:#fbf8f1} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-it em{flex:none;font-style:normal;font:800 12.5px Raleway,sans-serif;color:#0a1438} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-vacio{margin:10px 4px;font:500 13px/1.45 Raleway,sans-serif;color:#7a8199} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-tot{display:flex;align-items:baseline;justify-content:space-between;margin-top:8px;padding:12px 14px;border-radius:14px;background:#0a1438} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-tot span{font:700 13px Raleway,sans-serif;color:#c7cde0}html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdmls-tot b{font:800 18px Raleway,sans-serif;color:#f3d68a} html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdml-raiz > .cdmp-cab{padding-right:230px!important} } @media (min-width:992px) and (max-width:1279.98px){html body section.wishlist-section.cdml:not(#cdmLs0):not(#cdmLs1):not(#cdmLs2):not(#cdmLs3):not(#cdmLs4):not(#cdmLs5):not(#cdmLs6):not(#cdmLs7):not(#cdmLs8):not(#cdmLs9):not(#cdmLs10):not(#cdmLs11):not(#cdmLs12):not(#cdmLs13):not(#cdmLs14):not(#cdmLs15) .cdml-raiz{grid-template-columns:210px minmax(0,1fr) 250px!important}} /* ===== MIS PROYECTOS: arrastre fluido y marcar que va en el pedido ===== */ html body section.wishlist-section.cdml:not(#cdmPd0):not(#cdmPd1):not(#cdmPd2):not(#cdmPd3):not(#cdmPd4):not(#cdmPd5):not(#cdmPd6):not(#cdmPd7):not(#cdmPd8):not(#cdmPd9):not(#cdmPd10):not(#cdmPd11):not(#cdmPd12):not(#cdmPd13):not(#cdmPd14):not(#cdmPd15) .cdml-libre{will-change:auto} html body section.wishlist-section.cdml:not(#cdmPd0):not(#cdmPd1):not(#cdmPd2):not(#cdmPd3):not(#cdmPd4):not(#cdmPd5):not(#cdmPd6):not(#cdmPd7):not(#cdmPd8):not(#cdmPd9):not(#cdmPd10):not(#cdmPd11):not(#cdmPd12):not(#cdmPd13):not(#cdmPd14):not(#cdmPd15) .cdml-libre.cdmdrag{z-index:60!important;transition:none!important;will-change:transform;cursor:grabbing!important;box-shadow:0 34px 60px -26px rgba(10,20,56,.55)!important} html body section.wishlist-section.cdml:not(#cdmPd0):not(#cdmPd1):not(#cdmPd2):not(#cdmPd3):not(#cdmPd4):not(#cdmPd5):not(#cdmPd6):not(#cdmPd7):not(#cdmPd8):not(#cdmPd9):not(#cdmPd10):not(#cdmPd11):not(#cdmPd12):not(#cdmPd13):not(#cdmPd14):not(#cdmPd15) .cdml-g.sobre{outline:3px solid #dfb44c!important;outline-offset:3px;background:rgba(255,246,221,.85)!important} html body section.wishlist-section.cdml:not(#cdmPd0):not(#cdmPd1):not(#cdmPd2):not(#cdmPd3):not(#cdmPd4):not(#cdmPd5):not(#cdmPd6):not(#cdmPd7):not(#cdmPd8):not(#cdmPd9):not(#cdmPd10):not(#cdmPd11):not(#cdmPd12):not(#cdmPd13):not(#cdmPd14):not(#cdmPd15) .cdmped{display:inline-flex;align-items:center;gap:4px;height:26px;margin:4px 0 2px;padding:0 10px;border-radius:999px;border:1.5px solid rgba(31,107,58,.35);background:#eaf7ee;color:#1f6b3a;font:800 11.5px Raleway,sans-serif;cursor:pointer;white-space:nowrap;position:relative;z-index:3} html body section.wishlist-section.cdml:not(#cdmPd0):not(#cdmPd1):not(#cdmPd2):not(#cdmPd3):not(#cdmPd4):not(#cdmPd5):not(#cdmPd6):not(#cdmPd7):not(#cdmPd8):not(#cdmPd9):not(#cdmPd10):not(#cdmPd11):not(#cdmPd12):not(#cdmPd13):not(#cdmPd14):not(#cdmPd15) .cdmped.no{border-color:rgba(10,20,56,.18);background:#fff;color:#7a8199} html body section.wishlist-section.cdml:not(#cdmPd0):not(#cdmPd1):not(#cdmPd2):not(#cdmPd3):not(#cdmPd4):not(#cdmPd5):not(#cdmPd6):not(#cdmPd7):not(#cdmPd8):not(#cdmPd9):not(#cdmPd10):not(#cdmPd11):not(#cdmPd12):not(#cdmPd13):not(#cdmPd14):not(#cdmPd15) .cdmped-fuera > *:not(.cdmped):not(.cdmped-wrap){opacity:.45;filter:grayscale(.6)} html body section.wishlist-section.cdml:not(#cdmPd0):not(#cdmPd1):not(#cdmPd2):not(#cdmPd3):not(#cdmPd4):not(#cdmPd5):not(#cdmPd6):not(#cdmPd7):not(#cdmPd8):not(#cdmPd9):not(#cdmPd10):not(#cdmPd11):not(#cdmPd12):not(#cdmPd13):not(#cdmPd14):not(#cdmPd15) .cdmped-fuera{background:#fbfaf7!important} html body section.wishlist-section.cdml:not(#cdmPd0):not(#cdmPd1):not(#cdmPd2):not(#cdmPd3):not(#cdmPd4):not(#cdmPd5):not(#cdmPd6):not(#cdmPd7):not(#cdmPd8):not(#cdmPd9):not(#cdmPd10):not(#cdmPd11):not(#cdmPd12):not(#cdmPd13):not(#cdmPd14):not(#cdmPd15) .cdmls-cab{flex-wrap:wrap} html body section.wishlist-section.cdml:not(#cdmPd0):not(#cdmPd1):not(#cdmPd2):not(#cdmPd3):not(#cdmPd4):not(#cdmPd5):not(#cdmPd6):not(#cdmPd7):not(#cdmPd8):not(#cdmPd9):not(#cdmPd10):not(#cdmPd11):not(#cdmPd12):not(#cdmPd13):not(#cdmPd14):not(#cdmPd15) .cdmls-ayuda{flex:1 1 100%;order:3;margin-top:4px;font:600 11.5px Raleway,sans-serif;color:#7a8199} html body section.wishlist-section.cdml:not(#cdmPd0):not(#cdmPd1):not(#cdmPd2):not(#cdmPd3):not(#cdmPd4):not(#cdmPd5):not(#cdmPd6):not(#cdmPd7):not(#cdmPd8):not(#cdmPd9):not(#cdmPd10):not(#cdmPd11):not(#cdmPd12):not(#cdmPd13):not(#cdmPd14):not(#cdmPd15) .cdmls-ck{flex:none;width:22px;height:22px;border-radius:50%;background:#1f6b3a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat;cursor:pointer} html body section.wishlist-section.cdml:not(#cdmPd0):not(#cdmPd1):not(#cdmPd2):not(#cdmPd3):not(#cdmPd4):not(#cdmPd5):not(#cdmPd6):not(#cdmPd7):not(#cdmPd8):not(#cdmPd9):not(#cdmPd10):not(#cdmPd11):not(#cdmPd12):not(#cdmPd13):not(#cdmPd14):not(#cdmPd15) .cdmls-it.fuera .cdmls-ck{background:#fff;border:1.5px solid rgba(10,20,56,.25);background-image:none} html body section.wishlist-section.cdml:not(#cdmPd0):not(#cdmPd1):not(#cdmPd2):not(#cdmPd3):not(#cdmPd4):not(#cdmPd5):not(#cdmPd6):not(#cdmPd7):not(#cdmPd8):not(#cdmPd9):not(#cdmPd10):not(#cdmPd11):not(#cdmPd12):not(#cdmPd13):not(#cdmPd14):not(#cdmPd15) .cdmls-it.fuera img,html body section.wishlist-section.cdml:not(#cdmPd0):not(#cdmPd1):not(#cdmPd2):not(#cdmPd3):not(#cdmPd4):not(#cdmPd5):not(#cdmPd6):not(#cdmPd7):not(#cdmPd8):not(#cdmPd9):not(#cdmPd10):not(#cdmPd11):not(#cdmPd12):not(#cdmPd13):not(#cdmPd14):not(#cdmPd15) .cdmls-it.fuera span,html body section.wishlist-section.cdml:not(#cdmPd0):not(#cdmPd1):not(#cdmPd2):not(#cdmPd3):not(#cdmPd4):not(#cdmPd5):not(#cdmPd6):not(#cdmPd7):not(#cdmPd8):not(#cdmPd9):not(#cdmPd10):not(#cdmPd11):not(#cdmPd12):not(#cdmPd13):not(#cdmPd14):not(#cdmPd15) .cdmls-it.fuera em{opacity:.45} html body section.wishlist-section.cdml:not(#cdmPd0):not(#cdmPd1):not(#cdmPd2):not(#cdmPd3):not(#cdmPd4):not(#cdmPd5):not(#cdmPd6):not(#cdmPd7):not(#cdmPd8):not(#cdmPd9):not(#cdmPd10):not(#cdmPd11):not(#cdmPd12):not(#cdmPd13):not(#cdmPd14):not(#cdmPd15) .cdmls-it.fuera em{text-decoration:line-through} /* ===== MIS PROYECTOS: nuevo proyecto, lista por espacio, sumar proyectos, boton enviar ===== */ .cdmnp-ch{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 14px} .cdmnp-ch button{height:38px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(201,154,58,.45);background:#fffaf0;color:#7a5c1c;font:700 13.5px Raleway,sans-serif;cursor:pointer} .cdmnp-ch button.on{background:#0a1438;border-color:#0a1438;color:#f3d68a} .cdmnp-tipo{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;margin:4px 0 16px;border-radius:999px;background:#f2efe7} .cdmnp-tipo button{height:40px;border:0;border-radius:999px;background:none;font:800 13.5px Raleway,sans-serif;color:#5b6380;cursor:pointer} .cdmnp-tipo button.on{background:#fff;color:#0a1438;box-shadow:0 6px 14px -10px rgba(10,20,56,.5)} .cdmnp-l{display:block;margin:2px 2px 6px;font:800 11px Raleway,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9a7425} .cdmnp-cli .cdmt-in,.cdmnp-int .cdmt-in{margin-bottom:14px!important} .cdmt-in.err{border-color:#a33a4f!important;box-shadow:0 0 0 3px rgba(163,58,79,.12)!important} .cdmnp-cargando{display:block;margin:4px 2px 14px;font:600 13px Raleway,sans-serif;color:#7a8199} .cdmnp-prev{min-height:18px;margin:0 2px 12px;font:600 13px Raleway,sans-serif;color:#1f6b3a} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmnp-tag{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmnp-tag span{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:999px;background:#fbf8f1;border:1px solid rgba(201,154,58,.35);font:600 12px Raleway,sans-serif;color:#5b6380} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmnp-tag b{color:#0a1438} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-modo{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;margin:0 0 6px;border-radius:999px;background:#f2efe7} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-modo button{height:30px;border:0;border-radius:999px;background:none;font:800 12px Raleway,sans-serif;color:#5b6380;cursor:pointer} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-modo button.on{background:#fff;color:#0a1438;box-shadow:0 4px 10px -8px rgba(10,20,56,.5)} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-tag{display:inline-block;align-self:flex-start;margin-top:3px;padding:2px 8px;border-radius:999px;background:#fff6dd;font:800 10px Raleway,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#7a5c1c} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-g{display:flex;justify-content:space-between;align-items:baseline;margin:8px 4px 2px;padding-bottom:4px;border-bottom:1px solid rgba(201,154,58,.3)} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-g span{font:800 11px Raleway,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9a7425}html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-g b{font:800 12px Raleway,sans-serif;color:#0a1438} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-suma{margin-top:8px} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-sbt{width:100%;height:36px;border-radius:999px;border:1.5px dashed rgba(201,154,58,.55);background:#fffaf0;color:#7a5c1c;font:800 12.5px Raleway,sans-serif;cursor:pointer} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-suma.on .cdmls-sbt{border-style:solid;background:#fff} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-sl{display:flex;flex-direction:column;gap:2px;margin:6px 0;max-height:150px;overflow:auto} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-sl label{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;cursor:pointer;font:600 12.5px Raleway,sans-serif;color:#0a1438} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-sl label:hover{background:#fbf8f1} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-sl input{accent-color:#0a1438;width:16px;height:16px} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-sl span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-sl em{font-style:normal;font-weight:800;color:#5b6380} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-stot{display:flex;align-items:baseline;justify-content:space-between;padding:10px 12px;border-radius:12px;background:#fff6dd} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-stot span{font:700 11.5px Raleway,sans-serif;color:#7a5c1c}html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmls-stot b{font:800 16px Raleway,sans-serif;color:#0a1438} @media (min-width:992px){ html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdml-raiz > .cdmp-fin .cdmp-fin-1{height:56px!important;padding:0 22px 0 8px!important;gap:12px!important;border-radius:999px!important;background:linear-gradient(135deg,#1c306c,#0a1438)!important;color:#fff!important;box-shadow:0 16px 30px -18px rgba(10,20,56,.85),inset 0 0 0 1px rgba(243,214,138,.35)!important;transition:transform .15s,box-shadow .2s} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdml-raiz > .cdmp-fin .cdmp-fin-1:hover{transform:translateY(-1px);box-shadow:0 20px 34px -18px rgba(10,20,56,.9),inset 0 0 0 1px rgba(243,214,138,.6)!important} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdml-raiz > .cdmp-fin .cdmp-fin-1 svg{display:none!important} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmenv-ic{flex:none;width:40px;height:40px;border-radius:50%;background:linear-gradient(180deg,#f8e19a,#c4952f) ;position:relative} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdmenv-ic::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a1438' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 3 10 14'/%3E%3Cpath d='M21 3l-7 18-4-7-7-4z'/%3E%3C/svg%3E") center/19px no-repeat} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdml-raiz > .cdmp-fin .cdmp-fin-1 span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdml-raiz > .cdmp-fin .cdmp-fin-1 b{font:800 15px Raleway,sans-serif;color:#f3d68a} html body section.wishlist-section.cdml:not(#cdmNp0):not(#cdmNp1):not(#cdmNp2):not(#cdmNp3):not(#cdmNp4):not(#cdmNp5):not(#cdmNp6):not(#cdmNp7):not(#cdmNp8):not(#cdmNp9):not(#cdmNp10):not(#cdmNp11):not(#cdmNp12):not(#cdmNp13):not(#cdmNp14):not(#cdmNp15) .cdml-raiz > .cdmp-fin .cdmp-fin-1 small{font:600 11.5px Raleway,sans-serif;color:#c7cde0} } /* MIS PROYECTOS (compu): Enviar propuesta abajo de la lista y lista mas alta; sin caja vacia de resultados */ html body section.wishlist-section.cdml:not(#cdmBe0):not(#cdmBe1):not(#cdmBe2):not(#cdmBe3):not(#cdmBe4):not(#cdmBe5):not(#cdmBe6):not(#cdmBe7):not(#cdmBe8):not(#cdmBe9):not(#cdmBe10):not(#cdmBe11):not(#cdmBe12):not(#cdmBe13):not(#cdmBe14):not(#cdmBe15):not(#cdmBe16) .cdmls-res:empty{display:none!important} @media (min-width:992px){ html body section.wishlist-section.cdml:not(#cdmBe0):not(#cdmBe1):not(#cdmBe2):not(#cdmBe3):not(#cdmBe4):not(#cdmBe5):not(#cdmBe6):not(#cdmBe7):not(#cdmBe8):not(#cdmBe9):not(#cdmBe10):not(#cdmBe11):not(#cdmBe12):not(#cdmBe13):not(#cdmBe14):not(#cdmBe15):not(#cdmBe16) .cdml-raiz{grid-template-areas:"cab cab cab" "proys info lista" "tools tablero lista" "mini tablero lista"!important} html body section.wishlist-section.cdml:not(#cdmBe0):not(#cdmBe1):not(#cdmBe2):not(#cdmBe3):not(#cdmBe4):not(#cdmBe5):not(#cdmBe6):not(#cdmBe7):not(#cdmBe8):not(#cdmBe9):not(#cdmBe10):not(#cdmBe11):not(#cdmBe12):not(#cdmBe13):not(#cdmBe14):not(#cdmBe15):not(#cdmBe16) .cdml-raiz > .cdmlista{grid-area:lista!important;max-height:calc(100vh - 120px)!important;top:90px!important} html body section.wishlist-section.cdml:not(#cdmBe0):not(#cdmBe1):not(#cdmBe2):not(#cdmBe3):not(#cdmBe4):not(#cdmBe5):not(#cdmBe6):not(#cdmBe7):not(#cdmBe8):not(#cdmBe9):not(#cdmBe10):not(#cdmBe11):not(#cdmBe12):not(#cdmBe13):not(#cdmBe14):not(#cdmBe15):not(#cdmBe16) .cdml-raiz > .cdmp-cab{padding-right:20px!important} html body section.wishlist-section.cdml:not(#cdmBe0):not(#cdmBe1):not(#cdmBe2):not(#cdmBe3):not(#cdmBe4):not(#cdmBe5):not(#cdmBe6):not(#cdmBe7):not(#cdmBe8):not(#cdmBe9):not(#cdmBe10):not(#cdmBe11):not(#cdmBe12):not(#cdmBe13):not(#cdmBe14):not(#cdmBe15):not(#cdmBe16) .cdmlista > .cdmp-fin{display:block!important;margin:10px 0 0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important} html body section.wishlist-section.cdml:not(#cdmBe0):not(#cdmBe1):not(#cdmBe2):not(#cdmBe3):not(#cdmBe4):not(#cdmBe5):not(#cdmBe6):not(#cdmBe7):not(#cdmBe8):not(#cdmBe9):not(#cdmBe10):not(#cdmBe11):not(#cdmBe12):not(#cdmBe13):not(#cdmBe14):not(#cdmBe15):not(#cdmBe16) .cdmlista > .cdmp-fin > *:not(.cdmp-fin-bts){display:none!important} html body section.wishlist-section.cdml:not(#cdmBe0):not(#cdmBe1):not(#cdmBe2):not(#cdmBe3):not(#cdmBe4):not(#cdmBe5):not(#cdmBe6):not(#cdmBe7):not(#cdmBe8):not(#cdmBe9):not(#cdmBe10):not(#cdmBe11):not(#cdmBe12):not(#cdmBe13):not(#cdmBe14):not(#cdmBe15):not(#cdmBe16) .cdmlista > .cdmp-fin .cdmp-fin-bts{display:block!important;margin:0!important} html body section.wishlist-section.cdml:not(#cdmBe0):not(#cdmBe1):not(#cdmBe2):not(#cdmBe3):not(#cdmBe4):not(#cdmBe5):not(#cdmBe6):not(#cdmBe7):not(#cdmBe8):not(#cdmBe9):not(#cdmBe10):not(#cdmBe11):not(#cdmBe12):not(#cdmBe13):not(#cdmBe14):not(#cdmBe15):not(#cdmBe16) .cdmlista > .cdmp-fin .cdmp-fin-1{width:100%!important;justify-content:flex-start!important} } /* INICIO (compu): el pie recupera su curva arriba (en celular sigue unido a Instagram) */ @media (min-width:992px){html body:has(.s_instagram_page) footer#bottom:not(#cdmfc0):not(#cdmfc1):not(#cdmfc2):not(#cdmfc3):not(#cdmfc4):not(#cdmfc5):not(#cdmfc6):not(#cdmfc7):not(#cdmfc8){border-radius:44px 44px 0 0!important;overflow:hidden!important}} /* MIS PROYECTOS (compu): boton Enviar propuesta dentro de la lista con su diseno */ @media (min-width:992px){ html body section.wishlist-section.cdml:not(#cdmBx0):not(#cdmBx1):not(#cdmBx2):not(#cdmBx3):not(#cdmBx4):not(#cdmBx5):not(#cdmBx6):not(#cdmBx7):not(#cdmBx8):not(#cdmBx9):not(#cdmBx10):not(#cdmBx11):not(#cdmBx12):not(#cdmBx13):not(#cdmBx14):not(#cdmBx15):not(#cdmBx16):not(#cdmBx17) .cdmlista .cdmp-fin .cdmp-fin-1{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;height:58px!important;padding:0 16px 0 8px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#1c306c,#0a1438)!important;background-image:linear-gradient(135deg,#1c306c,#0a1438)!important;color:#fff!important;box-shadow:0 16px 30px -18px rgba(10,20,56,.85),inset 0 0 0 1px rgba(243,214,138,.4)!important;cursor:pointer;transition:transform .15s,box-shadow .2s} html body section.wishlist-section.cdml:not(#cdmBx0):not(#cdmBx1):not(#cdmBx2):not(#cdmBx3):not(#cdmBx4):not(#cdmBx5):not(#cdmBx6):not(#cdmBx7):not(#cdmBx8):not(#cdmBx9):not(#cdmBx10):not(#cdmBx11):not(#cdmBx12):not(#cdmBx13):not(#cdmBx14):not(#cdmBx15):not(#cdmBx16):not(#cdmBx17) .cdmlista .cdmp-fin .cdmp-fin-1:hover{transform:translateY(-1px);box-shadow:0 20px 34px -18px rgba(10,20,56,.9),inset 0 0 0 1px rgba(243,214,138,.7)!important} html body section.wishlist-section.cdml:not(#cdmBx0):not(#cdmBx1):not(#cdmBx2):not(#cdmBx3):not(#cdmBx4):not(#cdmBx5):not(#cdmBx6):not(#cdmBx7):not(#cdmBx8):not(#cdmBx9):not(#cdmBx10):not(#cdmBx11):not(#cdmBx12):not(#cdmBx13):not(#cdmBx14):not(#cdmBx15):not(#cdmBx16):not(#cdmBx17) .cdmlista .cdmp-fin .cdmp-fin-1 > svg{display:none!important} html body section.wishlist-section.cdml:not(#cdmBx0):not(#cdmBx1):not(#cdmBx2):not(#cdmBx3):not(#cdmBx4):not(#cdmBx5):not(#cdmBx6):not(#cdmBx7):not(#cdmBx8):not(#cdmBx9):not(#cdmBx10):not(#cdmBx11):not(#cdmBx12):not(#cdmBx13):not(#cdmBx14):not(#cdmBx15):not(#cdmBx16):not(#cdmBx17) .cdmlista .cdmp-fin .cdmp-fin-1 .cdmenv-ic{flex:none!important;width:42px!important;height:42px!important;border-radius:50%!important;background:linear-gradient(180deg,#f8e19a,#c4952f)!important;position:relative!important;display:block!important} html body section.wishlist-section.cdml:not(#cdmBx0):not(#cdmBx1):not(#cdmBx2):not(#cdmBx3):not(#cdmBx4):not(#cdmBx5):not(#cdmBx6):not(#cdmBx7):not(#cdmBx8):not(#cdmBx9):not(#cdmBx10):not(#cdmBx11):not(#cdmBx12):not(#cdmBx13):not(#cdmBx14):not(#cdmBx15):not(#cdmBx16):not(#cdmBx17) .cdmlista .cdmp-fin .cdmp-fin-1 .cdmenv-ic::after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a1438' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 3 10 14'/%3E%3Cpath d='M21 3l-7 18-4-7-7-4z'/%3E%3C/svg%3E") center/19px no-repeat} html body section.wishlist-section.cdml:not(#cdmBx0):not(#cdmBx1):not(#cdmBx2):not(#cdmBx3):not(#cdmBx4):not(#cdmBx5):not(#cdmBx6):not(#cdmBx7):not(#cdmBx8):not(#cdmBx9):not(#cdmBx10):not(#cdmBx11):not(#cdmBx12):not(#cdmBx13):not(#cdmBx14):not(#cdmBx15):not(#cdmBx16):not(#cdmBx17) .cdmlista .cdmp-fin .cdmp-fin-1 > span{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;min-width:0;text-align:left!important} html body section.wishlist-section.cdml:not(#cdmBx0):not(#cdmBx1):not(#cdmBx2):not(#cdmBx3):not(#cdmBx4):not(#cdmBx5):not(#cdmBx6):not(#cdmBx7):not(#cdmBx8):not(#cdmBx9):not(#cdmBx10):not(#cdmBx11):not(#cdmBx12):not(#cdmBx13):not(#cdmBx14):not(#cdmBx15):not(#cdmBx16):not(#cdmBx17) .cdmlista .cdmp-fin .cdmp-fin-1 > span > b{display:block!important;margin:0!important;font:800 15.5px/1.1 Raleway,sans-serif!important;letter-spacing:.01em!important;text-transform:none!important;color:#f3d68a!important;background:none!important;-webkit-text-fill-color:#f3d68a!important} html body section.wishlist-section.cdml:not(#cdmBx0):not(#cdmBx1):not(#cdmBx2):not(#cdmBx3):not(#cdmBx4):not(#cdmBx5):not(#cdmBx6):not(#cdmBx7):not(#cdmBx8):not(#cdmBx9):not(#cdmBx10):not(#cdmBx11):not(#cdmBx12):not(#cdmBx13):not(#cdmBx14):not(#cdmBx15):not(#cdmBx16):not(#cdmBx17) .cdmlista .cdmp-fin .cdmp-fin-1 > span > small{display:block!important;margin:0!important;font:600 11.5px/1.2 Raleway,sans-serif!important;text-transform:none!important;letter-spacing:0!important;color:#c7cde0!important;-webkit-text-fill-color:#c7cde0!important} } /* ===== MIS PROYECTOS (compu): encabezado con la usuaria, lista arriba con scroll y vista condensada ===== */ @media (min-width:992px){ html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdml-raiz > .cdmp-cab.cdmhp-on{display:block!important;padding:16px 20px!important;background:linear-gradient(120deg,#fff 0%,#fffaf0 100%)!important} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmp-cab.cdmhp-on > .cdmp-cab-t > :not(.cdmnp-tag){display:none!important} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmp-cab.cdmhp-on > .cdmp-cab-bts{display:none!important} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp{display:grid;grid-template-columns:minmax(0,1.2fr) auto auto;align-items:center;gap:22px} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-yo{display:flex;align-items:center;gap:14px;min-width:0} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-av{flex:none;width:58px;height:58px;border-radius:50%;padding:3px;background:linear-gradient(180deg,#f8e19a,#c4952f);box-shadow:0 10px 20px -12px rgba(150,110,30,.7)} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#0a1438;display:block} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-hola{display:flex;flex-direction:column;gap:2px;min-width:0} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-hola small{font:800 11px Raleway,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#9a7425} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-hola b{font:600 26px/1.1 Cinzel,'Times New Roman',serif;color:#0a1438;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-st{display:flex;gap:8px} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-st span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:66px;height:58px;padding:0 10px;border-radius:16px;background:#fff;border:1px solid rgba(201,154,58,.3);font:700 11px Raleway,sans-serif;color:#7a8199} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-st b{font:800 20px/1 Raleway,sans-serif;color:#0a1438;margin-bottom:3px} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-st span.fu{background:#fdf2f4;border-color:rgba(163,58,79,.25)}html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-st span.fu b{color:#a33a4f} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-tot{display:flex;flex-direction:column;align-items:flex-end;padding:8px 18px;border-radius:18px;background:#0a1438;min-width:170px} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-tot small{font:700 11px Raleway,sans-serif;color:#c7cde0}html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-tot b{font:800 24px/1.15 Raleway,sans-serif;color:#f3d68a}html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-tot em{font-style:normal;font:600 10.5px Raleway,sans-serif;color:#9aa3bf} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmnp-tag{margin-top:10px!important} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdml-raiz > .cdmlista{position:relative!important;top:auto!important;align-self:stretch!important;max-height:none!important;height:auto!important;min-height:0} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmlista .cdmls-lista{flex:1 1 0!important;min-height:120px;max-height:calc(100vh - 330px);overflow-y:auto!important;scrollbar-width:thin;padding-right:2px} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmls-vista{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;margin:0 0 6px;border-radius:999px;background:#f2efe7} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmls-vista button{height:28px;border:0;border-radius:999px;background:none;font:800 11.5px Raleway,sans-serif;color:#5b6380;cursor:pointer} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmls-vista button.on{background:#fff;color:#0a1438;box-shadow:0 4px 10px -8px rgba(10,20,56,.5)} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmlista.cond .cdmls-it{padding:5px 6px!important;gap:8px!important} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmlista.cond .cdmls-it img,html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmlista.cond .cdmls-it small{display:none!important} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmlista.cond .cdmls-it .cdmls-ck{width:18px;height:18px;background-size:11px} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmlista.cond .cdmls-it b{font-size:12px!important} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmlista.cond .cdmls-tag{margin:0 0 0 auto;font-size:9px!important} html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmlista.cond .cdmls-it span{flex-direction:row!important;align-items:center;gap:6px} } @media (min-width:992px) and (max-width:1279.98px){html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp{grid-template-columns:minmax(0,1fr) auto}html body section.wishlist-section.cdml:not(#cdmHp0):not(#cdmHp1):not(#cdmHp2):not(#cdmHp3):not(#cdmHp4):not(#cdmHp5):not(#cdmHp6):not(#cdmHp7):not(#cdmHp8):not(#cdmHp9):not(#cdmHp10):not(#cdmHp11):not(#cdmHp12):not(#cdmHp13):not(#cdmHp14):not(#cdmHp15):not(#cdmHp16):not(#cdmHp17) .cdmhp-st{display:none}} /* ===== MIS PROYECTOS: encabezado legible, ver todo, espacios translucidos ===== */ @media (min-width:992px){ html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdmhp{grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important} html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdmhp-yo{display:none!important} html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdmhp{position:relative;padding-left:74px} html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdmhp::before{content:"";position:absolute;left:0;top:50%;width:58px;height:58px;margin-top:-29px;border-radius:50%;background:var(--cdmhp-av) center/cover,#0a1438;box-shadow:0 0 0 3px #dfb44c,0 10px 20px -12px rgba(150,110,30,.7)} html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdmhp-txt{display:flex;flex-direction:column;gap:6px;min-width:0} html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdmhp-hola2{display:flex;flex-direction:column;min-width:0} html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdmhp-st{display:flex!important;flex-wrap:wrap;gap:6px!important} html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdmhp-st span{flex-direction:row!important;min-width:0!important;height:26px!important;padding:0 10px!important;gap:5px;border-radius:999px!important;font:700 12px Raleway,sans-serif!important} html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdmhp-st b{font:800 13px/1 Raleway,sans-serif!important;margin:0!important} html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdmhp-tot{min-width:0!important;padding:8px 16px!important} html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdmhp-tot b{font-size:22px!important;white-space:nowrap} } @media (min-width:992px) and (max-width:1279.98px){html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdmhp-st{display:flex!important}} html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdml-lienzo > .cdml-g{background:rgba(255,255,255,.32)!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:2px dashed rgba(201,154,58,.55)!important;border-radius:28px!important;box-shadow:0 18px 40px -34px rgba(10,20,56,.5)!important} html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdml-lienzo > .cdml-g > .cdml-gcab{background:rgba(255,255,255,.75);border-radius:999px;margin:8px 8px 0;padding:6px 10px 6px 14px!important} html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdml-lienzo > .cdml-g .cdml-gvacio{background:rgba(255,255,255,.35)!important} html body section.wishlist-section.cdml:not(#cdmHq0):not(#cdmHq1):not(#cdmHq2):not(#cdmHq3):not(#cdmHq4):not(#cdmHq5):not(#cdmHq6):not(#cdmHq7):not(#cdmHq8):not(#cdmHq9):not(#cdmHq10):not(#cdmHq11):not(#cdmHq12):not(#cdmHq13):not(#cdmHq14):not(#cdmHq15):not(#cdmHq16):not(#cdmHq17):not(#cdmHq18) .cdmzm .cdmzm-todo{width:auto!important;padding:0 14px!important;border-radius:999px!important;background:#fff6dd!important;color:#7a5c1c!important;font:800 12.5px Raleway,sans-serif!important;margin-right:4px} /* ===== MIS PROYECTOS (compu): pulido de diseno (buscador, etiquetas, botones, profundidad) ===== */ @media (min-width:992px){ html body section.wishlist-section.cdml:not(#cdmGm0):not(#cdmGm1):not(#cdmGm2):not(#cdmGm3):not(#cdmGm4):not(#cdmGm5):not(#cdmGm6):not(#cdmGm7):not(#cdmGm8):not(#cdmGm9):not(#cdmGm10):not(#cdmGm11):not(#cdmGm12):not(#cdmGm13):not(#cdmGm14):not(#cdmGm15):not(#cdmGm16):not(#cdmGm17):not(#cdmGm18):not(#cdmGm19) .cdmls-bus input{padding-right:16px!important;font:500 13.5px Raleway,sans-serif!important;text-overflow:ellipsis} html body section.wishlist-section.cdml:not(#cdmGm0):not(#cdmGm1):not(#cdmGm2):not(#cdmGm3):not(#cdmGm4):not(#cdmGm5):not(#cdmGm6):not(#cdmGm7):not(#cdmGm8):not(#cdmGm9):not(#cdmGm10):not(#cdmGm11):not(#cdmGm12):not(#cdmGm13):not(#cdmGm14):not(#cdmGm15):not(#cdmGm16):not(#cdmGm17):not(#cdmGm18):not(#cdmGm19) .cdmls-bus input::placeholder{color:#8a8f9f;font-weight:500} html body section.wishlist-section.cdml:not(#cdmGm0):not(#cdmGm1):not(#cdmGm2):not(#cdmGm3):not(#cdmGm4):not(#cdmGm5):not(#cdmGm6):not(#cdmGm7):not(#cdmGm8):not(#cdmGm9):not(#cdmGm10):not(#cdmGm11):not(#cdmGm12):not(#cdmGm13):not(#cdmGm14):not(#cdmGm15):not(#cdmGm16):not(#cdmGm17):not(#cdmGm18):not(#cdmGm19) .cdmls-tag{background:#fdfbf7!important;border:1px solid #e8e2d5!important;border-radius:6px!important;padding:2px 7px!important;color:#5c5343!important;font:700 10px Raleway,sans-serif!important;letter-spacing:.05em!important} html body section.wishlist-section.cdml:not(#cdmGm0):not(#cdmGm1):not(#cdmGm2):not(#cdmGm3):not(#cdmGm4):not(#cdmGm5):not(#cdmGm6):not(#cdmGm7):not(#cdmGm8):not(#cdmGm9):not(#cdmGm10):not(#cdmGm11):not(#cdmGm12):not(#cdmGm13):not(#cdmGm14):not(#cdmGm15):not(#cdmGm16):not(#cdmGm17):not(#cdmGm18):not(#cdmGm19) .cdml-raiz > .cdmp-tools2 .cdmp-big{border-radius:14px!important} html body section.wishlist-section.cdml:not(#cdmGm0):not(#cdmGm1):not(#cdmGm2):not(#cdmGm3):not(#cdmGm4):not(#cdmGm5):not(#cdmGm6):not(#cdmGm7):not(#cdmGm8):not(#cdmGm9):not(#cdmGm10):not(#cdmGm11):not(#cdmGm12):not(#cdmGm13):not(#cdmGm14):not(#cdmGm15):not(#cdmGm16):not(#cdmGm17):not(#cdmGm18):not(#cdmGm19) .cdml-raiz > .cdmp-mini .cdmp-mn{border-radius:12px!important} html body section.wishlist-section.cdml:not(#cdmGm0):not(#cdmGm1):not(#cdmGm2):not(#cdmGm3):not(#cdmGm4):not(#cdmGm5):not(#cdmGm6):not(#cdmGm7):not(#cdmGm8):not(#cdmGm9):not(#cdmGm10):not(#cdmGm11):not(#cdmGm12):not(#cdmGm13):not(#cdmGm14):not(#cdmGm15):not(#cdmGm16):not(#cdmGm17):not(#cdmGm18):not(#cdmGm19) .cdml-lienzo > .cdml-libre{box-shadow:0 10px 20px rgba(11,22,38,.07),0 2px 4px rgba(11,22,38,.04)!important} html body section.wishlist-section.cdml:not(#cdmGm0):not(#cdmGm1):not(#cdmGm2):not(#cdmGm3):not(#cdmGm4):not(#cdmGm5):not(#cdmGm6):not(#cdmGm7):not(#cdmGm8):not(#cdmGm9):not(#cdmGm10):not(#cdmGm11):not(#cdmGm12):not(#cdmGm13):not(#cdmGm14):not(#cdmGm15):not(#cdmGm16):not(#cdmGm17):not(#cdmGm18):not(#cdmGm19) .cdml-lienzo > .cdmnt:not(.tag){box-shadow:0 10px 20px rgba(11,22,38,.08),0 2px 4px rgba(60,45,10,.06)!important} html body section.wishlist-section.cdml:not(#cdmGm0):not(#cdmGm1):not(#cdmGm2):not(#cdmGm3):not(#cdmGm4):not(#cdmGm5):not(#cdmGm6):not(#cdmGm7):not(#cdmGm8):not(#cdmGm9):not(#cdmGm10):not(#cdmGm11):not(#cdmGm12):not(#cdmGm13):not(#cdmGm14):not(#cdmGm15):not(#cdmGm16):not(#cdmGm17):not(#cdmGm18):not(#cdmGm19) .cdml-lienzo > .cdmft{box-shadow:0 12px 24px rgba(11,22,38,.10),0 2px 4px rgba(11,22,38,.05)!important} } /* MIS PROYECTOS: el lienzo llena el marco en cualquier zoom */ html body section.wishlist-section.cdml:not(#cdmZf0):not(#cdmZf1):not(#cdmZf2):not(#cdmZf3):not(#cdmZf4):not(#cdmZf5):not(#cdmZf6):not(#cdmZf7):not(#cdmZf8):not(#cdmZf9):not(#cdmZf10):not(#cdmZf11):not(#cdmZf12):not(#cdmZf13):not(#cdmZf14):not(#cdmZf15):not(#cdmZf16):not(#cdmZf17):not(#cdmZf18):not(#cdmZf19) .cdml-marco{background-color:#f7f3ea!important;background-image:radial-gradient(rgba(154,116,37,.28) 1.2px,transparent 1.4px)!important;background-size:22px 22px!important} /* MIS PROYECTOS (compu): el marco del tablero tiene alto fijo (pantalla) y se navega por dentro */ @media (min-width:992px){html body section.wishlist-section.cdml:not(#cdmZh0):not(#cdmZh1):not(#cdmZh2):not(#cdmZh3):not(#cdmZh4):not(#cdmZh5):not(#cdmZh6):not(#cdmZh7):not(#cdmZh8):not(#cdmZh9):not(#cdmZh10):not(#cdmZh11):not(#cdmZh12):not(#cdmZh13):not(#cdmZh14):not(#cdmZh15):not(#cdmZh16):not(#cdmZh17):not(#cdmZh18):not(#cdmZh19):not(#cdmZh20) .cdml-raiz > .cdml-marco{height:calc(100vh - 232px)!important;min-height:420px!important;overflow:auto!important}html body section.wishlist-section.cdml:not(#cdmZh0):not(#cdmZh1):not(#cdmZh2):not(#cdmZh3):not(#cdmZh4):not(#cdmZh5):not(#cdmZh6):not(#cdmZh7):not(#cdmZh8):not(#cdmZh9):not(#cdmZh10):not(#cdmZh11):not(#cdmZh12):not(#cdmZh13):not(#cdmZh14):not(#cdmZh15):not(#cdmZh16):not(#cdmZh17):not(#cdmZh18):not(#cdmZh19):not(#cdmZh20) .cdml-raiz > .cdml-marco .cdml-lienzo{min-height:0!important}} /* MENU CELULAR: sin desenfoque (restos del diseno de vidrio) para que deslice y responda rapido */ @media (max-width:991.98px){html body #top_menu_collapse_mobile,html body #top_menu_collapse_mobile *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}html body #top_menu_collapse_mobile .cdm-m-item{animation:none!important;opacity:1!important;transform:none!important}} /* MIS PROYECTOS (compu): cursor de mano sobre el fondo del tablero */ @media (min-width:992px){html body section.wishlist-section.cdml:not(#cdmMn0):not(#cdmMn1):not(#cdmMn2):not(#cdmMn3):not(#cdmMn4):not(#cdmMn5):not(#cdmMn6):not(#cdmMn7):not(#cdmMn8):not(#cdmMn9):not(#cdmMn10):not(#cdmMn11):not(#cdmMn12):not(#cdmMn13):not(#cdmMn14):not(#cdmMn15):not(#cdmMn16):not(#cdmMn17):not(#cdmMn18):not(#cdmMn19):not(#cdmMn20) .cdml-marco.cdmmano{cursor:grab}html body section.wishlist-section.cdml:not(#cdmMn0):not(#cdmMn1):not(#cdmMn2):not(#cdmMn3):not(#cdmMn4):not(#cdmMn5):not(#cdmMn6):not(#cdmMn7):not(#cdmMn8):not(#cdmMn9):not(#cdmMn10):not(#cdmMn11):not(#cdmMn12):not(#cdmMn13):not(#cdmMn14):not(#cdmMn15):not(#cdmMn16):not(#cdmMn17):not(#cdmMn18):not(#cdmMn19):not(#cdmMn20) .cdml-marco.cdmmano-on,html body section.wishlist-section.cdml:not(#cdmMn0):not(#cdmMn1):not(#cdmMn2):not(#cdmMn3):not(#cdmMn4):not(#cdmMn5):not(#cdmMn6):not(#cdmMn7):not(#cdmMn8):not(#cdmMn9):not(#cdmMn10):not(#cdmMn11):not(#cdmMn12):not(#cdmMn13):not(#cdmMn14):not(#cdmMn15):not(#cdmMn16):not(#cdmMn17):not(#cdmMn18):not(#cdmMn19):not(#cdmMn20) .cdml-marco.cdmmano-on *{cursor:grabbing!important;user-select:none!important;-webkit-user-select:none!important}} /* NUEVO PROYECTO (equipo): version simple con zonas multiples */ .cdmnp-l small{margin-left:6px;font:600 11px Raleway,sans-serif;letter-spacing:0;text-transform:none;color:#7a8199} .cdmnp-sel{appearance:none;-webkit-appearance:none;margin-bottom:14px!important;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a7425' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 14px center/18px no-repeat!important;padding-right:42px!important;font:600 15px Raleway,sans-serif!important;color:#0a1438!important} .cdmnp-ch.zon button{height:36px;font-size:13px} .cdmnp-ch.zon button.on::before{content:"\2713 "} .cdmnp-ch.zon button.mas{border-style:dashed;background:#fff} .cdmnp-prev{color:#5b6380!important;font-weight:700!important} /* MIS PROYECTOS: boton Agregar todo al carrito */ html body section.wishlist-section.cdml:not(#cdmCt0):not(#cdmCt1):not(#cdmCt2):not(#cdmCt3):not(#cdmCt4):not(#cdmCt5):not(#cdmCt6):not(#cdmCt7):not(#cdmCt8):not(#cdmCt9):not(#cdmCt10):not(#cdmCt11):not(#cdmCt12):not(#cdmCt13):not(#cdmCt14):not(#cdmCt15):not(#cdmCt16):not(#cdmCt17):not(#cdmCt18):not(#cdmCt19):not(#cdmCt20) .cdmls-cart{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:46px;margin-top:8px;border-radius:999px;border:1.5px solid rgba(201,154,58,.6);background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);color:#0b1626;font:800 14px Raleway,sans-serif;cursor:pointer;box-shadow:0 12px 22px -16px rgba(150,110,30,.8)} html body section.wishlist-section.cdml:not(#cdmCt0):not(#cdmCt1):not(#cdmCt2):not(#cdmCt3):not(#cdmCt4):not(#cdmCt5):not(#cdmCt6):not(#cdmCt7):not(#cdmCt8):not(#cdmCt9):not(#cdmCt10):not(#cdmCt11):not(#cdmCt12):not(#cdmCt13):not(#cdmCt14):not(#cdmCt15):not(#cdmCt16):not(#cdmCt17):not(#cdmCt18):not(#cdmCt19):not(#cdmCt20) .cdmls-cart::before{content:"";width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b1626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.4'/%3E%3Ccircle cx='18' cy='20' r='1.4'/%3E%3Cpath d='M2.5 3.5h3l2.6 11.4a1.6 1.6 0 0 0 1.6 1.2h8.2a1.6 1.6 0 0 0 1.6-1.2L21.5 7.5H6.4'/%3E%3C/svg%3E") center/contain no-repeat} html body section.wishlist-section.cdml:not(#cdmCt0):not(#cdmCt1):not(#cdmCt2):not(#cdmCt3):not(#cdmCt4):not(#cdmCt5):not(#cdmCt6):not(#cdmCt7):not(#cdmCt8):not(#cdmCt9):not(#cdmCt10):not(#cdmCt11):not(#cdmCt12):not(#cdmCt13):not(#cdmCt14):not(#cdmCt15):not(#cdmCt16):not(#cdmCt17):not(#cdmCt18):not(#cdmCt19):not(#cdmCt20) .cdmls-cart.ok{background:#eaf7ee;border-color:rgba(31,107,58,.45);color:#1f6b3a}html body section.wishlist-section.cdml:not(#cdmCt0):not(#cdmCt1):not(#cdmCt2):not(#cdmCt3):not(#cdmCt4):not(#cdmCt5):not(#cdmCt6):not(#cdmCt7):not(#cdmCt8):not(#cdmCt9):not(#cdmCt10):not(#cdmCt11):not(#cdmCt12):not(#cdmCt13):not(#cdmCt14):not(#cdmCt15):not(#cdmCt16):not(#cdmCt17):not(#cdmCt18):not(#cdmCt19):not(#cdmCt20) .cdmls-cart.ok::before{display:none} html body section.wishlist-section.cdml:not(#cdmCt0):not(#cdmCt1):not(#cdmCt2):not(#cdmCt3):not(#cdmCt4):not(#cdmCt5):not(#cdmCt6):not(#cdmCt7):not(#cdmCt8):not(#cdmCt9):not(#cdmCt10):not(#cdmCt11):not(#cdmCt12):not(#cdmCt13):not(#cdmCt14):not(#cdmCt15):not(#cdmCt16):not(#cdmCt17):not(#cdmCt18):not(#cdmCt19):not(#cdmCt20) .cdmls-cart.movil{margin-top:10px} /* MIS PROYECTOS: existencias en vivo */ html body section.wishlist-section.cdml:not(#cdmEx0):not(#cdmEx1):not(#cdmEx2):not(#cdmEx3):not(#cdmEx4):not(#cdmEx5):not(#cdmEx6):not(#cdmEx7):not(#cdmEx8):not(#cdmEx9):not(#cdmEx10):not(#cdmEx11):not(#cdmEx12):not(#cdmEx13):not(#cdmEx14):not(#cdmEx15):not(#cdmEx16):not(#cdmEx17):not(#cdmEx18):not(#cdmEx19):not(#cdmEx20) .cdmex:empty,html body section.wishlist-section.cdml:not(#cdmEx0):not(#cdmEx1):not(#cdmEx2):not(#cdmEx3):not(#cdmEx4):not(#cdmEx5):not(#cdmEx6):not(#cdmEx7):not(#cdmEx8):not(#cdmEx9):not(#cdmEx10):not(#cdmEx11):not(#cdmEx12):not(#cdmEx13):not(#cdmEx14):not(#cdmEx15):not(#cdmEx16):not(#cdmEx17):not(#cdmEx18):not(#cdmEx19):not(#cdmEx20) .cdmex-l:empty{display:none} html body section.wishlist-section.cdml:not(#cdmEx0):not(#cdmEx1):not(#cdmEx2):not(#cdmEx3):not(#cdmEx4):not(#cdmEx5):not(#cdmEx6):not(#cdmEx7):not(#cdmEx8):not(#cdmEx9):not(#cdmEx10):not(#cdmEx11):not(#cdmEx12):not(#cdmEx13):not(#cdmEx14):not(#cdmEx15):not(#cdmEx16):not(#cdmEx17):not(#cdmEx18):not(#cdmEx19):not(#cdmEx20) .cdmex{display:inline-flex;align-items:center;height:22px;margin:4px 6px 0 0;padding:0 8px;border-radius:999px;font:800 10.5px Raleway,sans-serif;letter-spacing:.02em} html body section.wishlist-section.cdml:not(#cdmEx0):not(#cdmEx1):not(#cdmEx2):not(#cdmEx3):not(#cdmEx4):not(#cdmEx5):not(#cdmEx6):not(#cdmEx7):not(#cdmEx8):not(#cdmEx9):not(#cdmEx10):not(#cdmEx11):not(#cdmEx12):not(#cdmEx13):not(#cdmEx14):not(#cdmEx15):not(#cdmEx16):not(#cdmEx17):not(#cdmEx18):not(#cdmEx19):not(#cdmEx20) .cdmex.ex-poc,html body section.wishlist-section.cdml:not(#cdmEx0):not(#cdmEx1):not(#cdmEx2):not(#cdmEx3):not(#cdmEx4):not(#cdmEx5):not(#cdmEx6):not(#cdmEx7):not(#cdmEx8):not(#cdmEx9):not(#cdmEx10):not(#cdmEx11):not(#cdmEx12):not(#cdmEx13):not(#cdmEx14):not(#cdmEx15):not(#cdmEx16):not(#cdmEx17):not(#cdmEx18):not(#cdmEx19):not(#cdmEx20) .cdmex-l.ex-poc{background:#fff6dd;color:#7a5c1c;border:1px solid rgba(201,154,58,.5)} html body section.wishlist-section.cdml:not(#cdmEx0):not(#cdmEx1):not(#cdmEx2):not(#cdmEx3):not(#cdmEx4):not(#cdmEx5):not(#cdmEx6):not(#cdmEx7):not(#cdmEx8):not(#cdmEx9):not(#cdmEx10):not(#cdmEx11):not(#cdmEx12):not(#cdmEx13):not(#cdmEx14):not(#cdmEx15):not(#cdmEx16):not(#cdmEx17):not(#cdmEx18):not(#cdmEx19):not(#cdmEx20) .cdmex.ex-ago,html body section.wishlist-section.cdml:not(#cdmEx0):not(#cdmEx1):not(#cdmEx2):not(#cdmEx3):not(#cdmEx4):not(#cdmEx5):not(#cdmEx6):not(#cdmEx7):not(#cdmEx8):not(#cdmEx9):not(#cdmEx10):not(#cdmEx11):not(#cdmEx12):not(#cdmEx13):not(#cdmEx14):not(#cdmEx15):not(#cdmEx16):not(#cdmEx17):not(#cdmEx18):not(#cdmEx19):not(#cdmEx20) .cdmex-l.ex-ago{background:#fbecef;color:#8e2238;border:1px solid rgba(142,34,56,.3)} html body section.wishlist-section.cdml:not(#cdmEx0):not(#cdmEx1):not(#cdmEx2):not(#cdmEx3):not(#cdmEx4):not(#cdmEx5):not(#cdmEx6):not(#cdmEx7):not(#cdmEx8):not(#cdmEx9):not(#cdmEx10):not(#cdmEx11):not(#cdmEx12):not(#cdmEx13):not(#cdmEx14):not(#cdmEx15):not(#cdmEx16):not(#cdmEx17):not(#cdmEx18):not(#cdmEx19):not(#cdmEx20) .cdmex-l{position:absolute;right:6px;bottom:2px;padding:0 6px;border-radius:999px;font:800 9.5px/16px Raleway,sans-serif;font-style:normal} html body section.wishlist-section.cdml:not(#cdmEx0):not(#cdmEx1):not(#cdmEx2):not(#cdmEx3):not(#cdmEx4):not(#cdmEx5):not(#cdmEx6):not(#cdmEx7):not(#cdmEx8):not(#cdmEx9):not(#cdmEx10):not(#cdmEx11):not(#cdmEx12):not(#cdmEx13):not(#cdmEx14):not(#cdmEx15):not(#cdmEx16):not(#cdmEx17):not(#cdmEx18):not(#cdmEx19):not(#cdmEx20) .cdmls-it{position:relative} /* MIS PROYECTOS: guardado en la cuenta, buscar clienta, pendiente de asignar */ html body section.wishlist-section.cdml:not(#cdmNb0):not(#cdmNb1):not(#cdmNb2):not(#cdmNb3):not(#cdmNb4):not(#cdmNb5):not(#cdmNb6):not(#cdmNb7):not(#cdmNb8):not(#cdmNb9):not(#cdmNb10):not(#cdmNb11):not(#cdmNb12):not(#cdmNb13):not(#cdmNb14):not(#cdmNb15):not(#cdmNb16):not(#cdmNb17):not(#cdmNb18):not(#cdmNb19):not(#cdmNb20) .cdmnube{display:block;margin-top:3px;font:700 11.5px Raleway,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#1f6b3a!important} .cdmnp-bus{position:relative} .cdmnp-res{display:flex;flex-direction:column;gap:2px;margin:-8px 0 12px;padding:4px;border-radius:14px;background:#fff;border:1px solid rgba(10,20,56,.1);box-shadow:0 18px 30px -20px rgba(10,20,56,.5);max-height:220px;overflow:auto} .cdmnp-res[hidden],.cdmnp-res:empty{display:none!important} .cdmnp-res.lista{margin:4px 0 10px;box-shadow:none} .cdmnp-res button,.cdmbc-it{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:9px 12px;border:0;border-radius:10px;background:none;text-align:left;cursor:pointer} .cdmnp-res button:hover,.cdmbc-it:hover{background:#fbf8f1} .cdmnp-res b,.cdmbc-it b{font:700 14px Raleway,sans-serif;color:#0a1438}.cdmnp-res small,.cdmbc-it small{font:600 12px Raleway,sans-serif;color:#7a8199} .cdmnp-cta{margin:-6px 2px 12px;font:600 12.5px Raleway,sans-serif;color:#7a5c1c}.cdmnp-cta:empty{display:none}.cdmnp-cta .ok{color:#1f6b3a;font-weight:700} .cdmbc-proy:empty{display:none}.cdmbc-t{display:block;margin:6px 2px 6px;font:600 17px Cinzel,serif;color:#0a1438} .cdmbc-it{flex-direction:row;align-items:center;justify-content:space-between;border:1px solid rgba(201,154,58,.3);margin-bottom:6px}.cdmbc-it span{display:flex;flex-direction:column}.cdmbc-it em{font-style:normal;font:800 12.5px Raleway,sans-serif;color:#9a7425} .cdmbc-nuevo{margin-top:8px} html body section.wishlist-section.cdml:not(#cdmNb0):not(#cdmNb1):not(#cdmNb2):not(#cdmNb3):not(#cdmNb4):not(#cdmNb5):not(#cdmNb6):not(#cdmNb7):not(#cdmNb8):not(#cdmNb9):not(#cdmNb10):not(#cdmNb11):not(#cdmNb12):not(#cdmNb13):not(#cdmNb14):not(#cdmNb15):not(#cdmNb16):not(#cdmNb17):not(#cdmNb18):not(#cdmNb19):not(#cdmNb20) .cdmnp-tag .pend{background:#fff6dd!important;border-color:rgba(201,154,58,.55)!important;color:#7a5c1c!important} html body section.wishlist-section.cdml:not(#cdmNb0):not(#cdmNb1):not(#cdmNb2):not(#cdmNb3):not(#cdmNb4):not(#cdmNb5):not(#cdmNb6):not(#cdmNb7):not(#cdmNb8):not(#cdmNb9):not(#cdmNb10):not(#cdmNb11):not(#cdmNb12):not(#cdmNb13):not(#cdmNb14):not(#cdmNb15):not(#cdmNb16):not(#cdmNb17):not(#cdmNb18):not(#cdmNb19):not(#cdmNb20) .cdmnp-tag .ok{background:#eaf7ee!important;border-color:rgba(31,107,58,.3)!important;color:#1f6b3a!important} html body section.wishlist-section.cdml:not(#cdmNb0):not(#cdmNb1):not(#cdmNb2):not(#cdmNb3):not(#cdmNb4):not(#cdmNb5):not(#cdmNb6):not(#cdmNb7):not(#cdmNb8):not(#cdmNb9):not(#cdmNb10):not(#cdmNb11):not(#cdmNb12):not(#cdmNb13):not(#cdmNb14):not(#cdmNb15):not(#cdmNb16):not(#cdmNb17):not(#cdmNb18):not(#cdmNb19):not(#cdmNb20) .cdmnp-asig{margin-left:6px;height:20px;padding:0 8px;border-radius:999px;border:0;background:#0a1438;color:#f3d68a;font:800 11px Raleway,sans-serif;cursor:pointer} /* INICIO (compu): las esquinas del pie muestran el fondo de Instagram (sin blanco) */ @media (min-width:992px){html body section.s_instagram_page:not(#cdmEsq0):not(#cdmEsq1):not(#cdmEsq2):not(#cdmEsq3):not(#cdmEsq4):not(#cdmEsq5):not(#cdmEsq6):not(#cdmEsq7){padding-bottom:44px!important}html body:has(.s_instagram_page) footer#bottom:not(#cdmEsq0):not(#cdmEsq1):not(#cdmEsq2):not(#cdmEsq3):not(#cdmEsq4):not(#cdmEsq5):not(#cdmEsq6):not(#cdmEsq7):not(#cdmEsq8):not(#cdmEsq9){margin-top:-44px!important;position:relative!important;z-index:3!important}} /* MI CUENTA · FACTURAS: buscador para administradoras */ html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7){margin:0 0 20px;padding:18px 20px;border-radius:22px;background:#fff;border:1px solid rgba(201,154,58,.35);box-shadow:0 18px 36px -30px rgba(10,20,56,.5)} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-cab{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:14px} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-k{flex:1 1 100%;font:800 10.5px Raleway,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#9a7425} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-cab b{font:600 22px Cinzel,'Times New Roman',serif;color:#0a1438}html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-cab small{font:600 13px Raleway,sans-serif;color:#7a8199} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-f{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:10px} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-f label{display:flex;flex-direction:column;gap:5px;margin:0} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-f label span{font:800 10.5px Raleway,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9a7425} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-f input{height:46px;padding:0 14px;border-radius:14px;border:1.5px solid rgba(201,154,58,.4);background:#fffaf0;font:600 15px Raleway,sans-serif;color:#0a1438;outline:0;width:100%} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-f input:focus{border-color:#dfb44c;background:#fff;box-shadow:0 0 0 4px rgba(223,180,76,.15)} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-ch{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:12px} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-at,html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-es{display:flex;flex-wrap:wrap;gap:6px} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-ch button{height:34px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(201,154,58,.4);background:#fffaf0;color:#7a5c1c;font:700 13px Raleway,sans-serif;cursor:pointer} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-ch button.on{background:#0a1438;border-color:#0a1438;color:#f3d68a} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-res{margin-top:16px;padding-top:14px;border-top:1px dashed rgba(201,154,58,.45)} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-tot{margin-bottom:10px;font:600 14px Raleway,sans-serif;color:#5b6380}html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-tot b{color:#0a1438;font-weight:800} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-t{margin:0}html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-t tr[data-url]{cursor:pointer} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-e{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:999px;font:800 12px Raleway,sans-serif} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-e.ok{background:#eaf7ee;color:#1f6b3a}html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-e.pp{background:#fff6dd;color:#7a5c1c}html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-e.gr{background:#f2f3f7;color:#5b6380} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-pdf{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;background:#0a1438;color:#f3d68a!important;font:800 12px Raleway,sans-serif;text-decoration:none!important} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-nc{display:block;font-style:normal;font:700 11px Raleway,sans-serif;color:#8e2238} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-vacio{margin:6px 0;font:600 14px Raleway,sans-serif;color:#7a8199} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-limpia{margin-top:12px;height:38px;padding:0 16px;border-radius:999px;border:1.5px solid rgba(10,20,56,.18);background:#fff;color:#0a1438;font:700 13px Raleway,sans-serif;cursor:pointer} @media (max-width:991.98px){html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7){padding:16px 14px}html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-f{grid-template-columns:1fr 1fr}html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-q{grid-column:1/-1}html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-f input{font-size:16px} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-t thead{display:none}html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-t,html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-t tbody,html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-t tr,html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-t td{display:block;width:100%} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-t tr{margin:0 0 10px;padding:12px 14px;border-radius:16px;border:1px solid rgba(10,20,56,.08);background:#fff} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-t td{display:flex;justify-content:space-between;gap:10px;padding:4px 0!important;border:0!important;text-align:right!important;font:600 14px Raleway,sans-serif} html body #wrap .cdmfb:not(#cdmFb0):not(#cdmFb1):not(#cdmFb2):not(#cdmFb3):not(#cdmFb4):not(#cdmFb5):not(#cdmFb6):not(#cdmFb7) .cdmfb-t td::before{content:attr(data-label);font:800 10.5px Raleway,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#9a7425;text-align:left}} /* TIENDA (celular): sin barra de Ordenar por / Filtros en ninguna pagina */ @media (max-width:991.98px){html body:not(#cdmSinOrd0):not(#cdmSinOrd1):not(#cdmSinOrd2):not(#cdmSinOrd3):not(#cdmSinOrd4):not(#cdmSinOrd5):not(#cdmSinOrd6):not(#cdmSinOrd7):not(#cdmSinOrd8):not(#cdmSinOrd9) .cdmo-wrap,html body:not(#cdmSinOrd0):not(#cdmSinOrd1):not(#cdmSinOrd2):not(#cdmSinOrd3):not(#cdmSinOrd4):not(#cdmSinOrd5):not(#cdmSinOrd6):not(#cdmSinOrd7):not(#cdmSinOrd8):not(#cdmSinOrd9) .cdmo-bar,html body:not(#cdmSinOrd0):not(#cdmSinOrd1):not(#cdmSinOrd2):not(#cdmSinOrd3):not(#cdmSinOrd4):not(#cdmSinOrd5):not(#cdmSinOrd6):not(#cdmSinOrd7):not(#cdmSinOrd8):not(#cdmSinOrd9) .products_header .o_sortby_dropdown,html body:not(#cdmSinOrd0):not(#cdmSinOrd1):not(#cdmSinOrd2):not(#cdmSinOrd3):not(#cdmSinOrd4):not(#cdmSinOrd5):not(#cdmSinOrd6):not(#cdmSinOrd7):not(#cdmSinOrd8):not(#cdmSinOrd9) .products_header button[data-bs-target="#o_wsale_offcanvas"],html body:not(#cdmSinOrd0):not(#cdmSinOrd1):not(#cdmSinOrd2):not(#cdmSinOrd3):not(#cdmSinOrd4):not(#cdmSinOrd5):not(#cdmSinOrd6):not(#cdmSinOrd7):not(#cdmSinOrd8):not(#cdmSinOrd9) .products_header .dropdown:has(.o_sortby_dropdown){display:none!important}} /* TIENDA: titulo de resultados de busqueda */ html body h1.cdmbq:not(#cdmBq0):not(#cdmBq1):not(#cdmBq2):not(#cdmBq3):not(#cdmBq4):not(#cdmBq5):not(#cdmBq6):not(#cdmBq7){display:block!important;margin:0!important;text-align:center!important} html body h1.cdmbq:not(#cdmBq0):not(#cdmBq1):not(#cdmBq2):not(#cdmBq3):not(#cdmBq4):not(#cdmBq5):not(#cdmBq6):not(#cdmBq7) .cdmbq-t{display:block;font:600 clamp(34px,7vw,56px)/1.08 Cinzel,'Times New Roman',serif!important;letter-spacing:.01em;color:#fff!important;text-shadow:0 6px 24px rgba(0,0,0,.35)} html body .cdmbq-s:not(#cdmBq0):not(#cdmBq1):not(#cdmBq2):not(#cdmBq3):not(#cdmBq4):not(#cdmBq5):not(#cdmBq6):not(#cdmBq7){margin:10px 0 0!important;text-align:center!important;font:700 15px Raleway,sans-serif!important;letter-spacing:.04em;color:#e9c873!important} /* MIS PROYECTOS: enlace para compartir y vista de solo lectura */ .cdmlk{margin-top:12px;padding:14px 14px 12px;border-radius:16px;background:#fbf8f1;border:1px solid rgba(201,154,58,.35)} .cdmlk b{display:block;font:800 14px Raleway,sans-serif;color:#0a1438}.cdmlk small{display:block;margin:3px 0 10px;font:500 12.5px/1.45 Raleway,sans-serif;color:#5b6380} .cdmlk-b{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cdmlk-b button{height:42px;border-radius:999px;border:1.5px solid rgba(10,20,56,.15);background:#fff;color:#0a1438;font:800 13px Raleway,sans-serif;cursor:pointer} .cdmlk-b button[data-o=linkwa]{border-color:rgba(37,211,102,.55);color:#128c4a} html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver > .cdmp-proys-w,html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver > .cdmp-tools2,html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver > .cdmp-mini,html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver > .cdmp-desliza,html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver .cdmp-fin,html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver .cdmls-bus,html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver .cdmls-cart,html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver .cdmls-ayuda,html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver .cdmls-suma,html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver .cdmped,html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver .cdmp-q,html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver .cdmnube,html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver .cdmnt-ops,html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver .cdmls-ck,html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver .cdmundo{display:none!important} html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver .cdml-lienzo{pointer-events:none} html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver .cdml-lienzo .cdmnt-tx{pointer-events:none} html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdml-raiz.cdmver .cdmls-it.fuera{display:none!important} html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdmvb{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:18px 20px;border-radius:24px;background:linear-gradient(150deg,#1c306c,#0a1438);box-shadow:0 22px 40px -26px rgba(10,20,56,.75)} html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdmvb-t{display:flex;flex-direction:column;gap:3px;min-width:0} html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdmvb-k{font:800 10.5px Raleway,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#f3d68a} html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdmvb-t b{font:600 24px/1.15 Cinzel,'Times New Roman',serif;color:#fff}html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdmvb-t small{font:600 13px Raleway,sans-serif;color:#cfd6ea} html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdmvb-b{display:flex;flex-wrap:wrap;gap:10px} html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdmvb-c{height:52px;padding:0 24px;border:0;border-radius:999px;background:linear-gradient(180deg,#f8e19a,#dfb44c 55%,#c4952f);color:#0b1626;font:800 15px Raleway,sans-serif;cursor:pointer;box-shadow:0 14px 26px -14px rgba(0,0,0,.6)} html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdmvb-w{display:inline-flex;align-items:center;height:52px;padding:0 20px;border-radius:999px;border:1.5px solid rgba(37,211,102,.6);color:#7ee2a6!important;font:800 14px Raleway,sans-serif;text-decoration:none!important} @media (max-width:991.98px){html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdmvb{padding:16px}html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdmvb-b{width:100%}html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdmvb-c,html body section.wishlist-section.cdml:not(#cdmVr0):not(#cdmVr1):not(#cdmVr2):not(#cdmVr3):not(#cdmVr4):not(#cdmVr5):not(#cdmVr6):not(#cdmVr7):not(#cdmVr8):not(#cdmVr9):not(#cdmVr10):not(#cdmVr11):not(#cdmVr12):not(#cdmVr13):not(#cdmVr14):not(#cdmVr15):not(#cdmVr16):not(#cdmVr17):not(#cdmVr18):not(#cdmVr19):not(#cdmVr20) .cdmvb-w{flex:1;justify-content:center}} /* INICIO (celular): celular de Instagram sin forma de huevo (se desvanece abajo) y union limpia con el pie */ @media (max-width:991.98px){ html body #wrap section.s_instagram_page:not(#cdmHv0):not(#cdmHv1):not(#cdmHv2):not(#cdmHv3):not(#cdmHv4):not(#cdmHv5):not(#cdmHv6):not(#cdmHv7):not(#cdmHv8):not(#cdmHv9) .cdm-cel{border-radius:34px 34px 0 0!important;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 98%)!important;mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 98%)!important} html body #wrap section.s_instagram_page:not(#cdmHv0):not(#cdmHv1):not(#cdmHv2):not(#cdmHv3):not(#cdmHv4):not(#cdmHv5):not(#cdmHv6):not(#cdmHv7):not(#cdmHv8):not(#cdmHv9) .cdm-cel *{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important} html body #wrap section.s_instagram_page:not(#cdmHv0):not(#cdmHv1):not(#cdmHv2):not(#cdmHv3):not(#cdmHv4):not(#cdmHv5):not(#cdmHv6):not(#cdmHv7):not(#cdmHv8):not(#cdmHv9){padding-bottom:18px!important} html body:has(.s_instagram_page) footer#bottom:not(#cdmHv0):not(#cdmHv1):not(#cdmHv2):not(#cdmHv3):not(#cdmHv4):not(#cdmHv5):not(#cdmHv6):not(#cdmHv7):not(#cdmHv8):not(#cdmHv9):not(#cdmHv10):not(#cdmHv11){background-color:rgb(4,15,43)!important;margin-top:-1px!important;border-top:0!important} html body:has(.s_instagram_page) footer#bottom:not(#cdmHv0):not(#cdmHv1):not(#cdmHv2):not(#cdmHv3):not(#cdmHv4):not(#cdmHv5):not(#cdmHv6):not(#cdmHv7):not(#cdmHv8):not(#cdmHv9):not(#cdmHv10):not(#cdmHv11)::before,html body:has(.s_instagram_page) footer#bottom:not(#cdmHv0):not(#cdmHv1):not(#cdmHv2):not(#cdmHv3):not(#cdmHv4):not(#cdmHv5):not(#cdmHv6):not(#cdmHv7):not(#cdmHv8):not(#cdmHv9):not(#cdmHv10):not(#cdmHv11)::after{display:none!important} html body:has(.s_instagram_page) footer#bottom:not(#cdmHv0):not(#cdmHv1):not(#cdmHv2):not(#cdmHv3):not(#cdmHv4):not(#cdmHv5):not(#cdmHv6):not(#cdmHv7):not(#cdmHv8):not(#cdmHv9):not(#cdmHv10):not(#cdmHv11) > .oe_structure:first-child > section:first-child,html body:has(.s_instagram_page) footer#bottom:not(#cdmHv0):not(#cdmHv1):not(#cdmHv2):not(#cdmHv3):not(#cdmHv4):not(#cdmHv5):not(#cdmHv6):not(#cdmHv7):not(#cdmHv8):not(#cdmHv9):not(#cdmHv10):not(#cdmHv11) > div:first-child > section:first-child{padding-top:28px!important} } /* TIENDA · BUSQUEDA: panel claro */ html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .o_wsale_filmstrip_container,html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdm-fs-aviso,html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-s{display:none!important} html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdm-th-nom{display:block} html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-hc{display:block;margin-top:10px;font:700 15px Raleway,sans-serif;letter-spacing:.04em;color:#e9c873} html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-pan{display:flex;flex-direction:column;gap:14px;margin:0 0 18px;padding:16px 18px;border-radius:22px;background:#fff;border:1px solid rgba(201,154,58,.3);box-shadow:0 18px 36px -30px rgba(10,20,56,.5)} html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-f1{display:flex;align-items:center;gap:12px} html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-f1 > form{flex:1;min-width:0;margin:0!important} html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-f1 > .cdmo-wrap{flex:none;margin:0!important} html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-f2{display:flex;align-items:center;gap:10px;flex-wrap:wrap} html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-l{font:800 11px Raleway,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#9a7425} html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-ch{display:flex;flex-wrap:wrap;gap:8px} html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-ch a{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;border:1.5px solid rgba(201,154,58,.4);background:#fffaf0;color:#0a1438!important;font:700 13.5px Raleway,sans-serif;text-decoration:none!important;white-space:nowrap} html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-ch a i{font-style:normal;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#fff;border:1px solid rgba(201,154,58,.35);font:800 11px/20px Raleway,sans-serif;color:#7a5c1c;text-align:center} html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-ch a.on{background:#0a1438;border-color:#0a1438;color:#f3d68a!important} html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-ch a:hover:not(.on){border-color:#dfb44c;background:#fff6dd} @media (max-width:991.98px){html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-pan{padding:14px;gap:12px}html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-f2{flex-wrap:nowrap;align-items:flex-start;flex-direction:column;gap:8px}html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-ch{flex-wrap:nowrap;overflow-x:auto;width:100%;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-ch::-webkit-scrollbar{display:none}html.cdmbq-on body:not(#cdmBp0):not(#cdmBp1):not(#cdmBp2):not(#cdmBp3):not(#cdmBp4):not(#cdmBp5):not(#cdmBp6):not(#cdmBp7):not(#cdmBp8):not(#cdmBp9) .cdmbq-f1 > form input{font-size:16px!important}} /* TIENDA · BUSQUEDA: Ordenar dentro del panel */ html.cdmbq-on body.cdmo-on:not(#cdmBp20):not(#cdmBp21):not(#cdmBp22):not(#cdmBp23):not(#cdmBp24):not(#cdmBp25):not(#cdmBp26):not(#cdmBp27):not(#cdmBp28):not(#cdmBp29) .cdmbq-f1 > .cdmo-bar{flex:none!important;margin:0!important;width:auto!important} @media (max-width:991.98px){html.cdmbq-on body.cdmo-on:not(#cdmBp20):not(#cdmBp21):not(#cdmBp22):not(#cdmBp23):not(#cdmBp24):not(#cdmBp25):not(#cdmBp26):not(#cdmBp27):not(#cdmBp28):not(#cdmBp29) .cdmbq-f1{flex-direction:column;align-items:stretch}} /* MI CUENTA v3 (pagina principal /my) */ html.cdmmy3:not(.cdmmy3-listo) body #wrap > .container > :not(.cdm3){visibility:hidden!important} html.cdmmy3.cdmmy3-listo body #wrap > .container > :not(.cdm3){display:none!important} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3{max-width:1040px;margin:18px auto 56px;padding:0 16px;display:flex;flex-direction:column;gap:12px} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-hero{display:flex;align-items:center;gap:18px;padding:22px 24px;border-radius:26px;background:radial-gradient(120% 140% at 0% 0%,rgba(243,214,138,.16),transparent 55%),linear-gradient(150deg,#1c306c,#0a1438);box-shadow:0 26px 50px -30px rgba(10,20,56,.85)} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-av{position:relative;flex:none;width:84px;height:84px;padding:3px;border:0;border-radius:50%;background:linear-gradient(180deg,#f8e19a,#c4952f);cursor:pointer} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;background:#0a1438;display:block} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-av i{position:absolute;right:-2px;bottom:2px;width:28px;height:28px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a1438' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 4px 10px -4px rgba(0,0,0,.5)} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-hi{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-k{font:800 10.5px Raleway,sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#f3d68a} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-n{font:600 30px/1.1 Cinzel,'Times New Roman',serif;color:#fff} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-niv{font:600 13.5px Raleway,sans-serif;color:#dfe4f2} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-bar{display:block;height:7px;max-width:380px;border-radius:99px;background:rgba(255,255,255,.14);overflow:hidden;margin:2px 0} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#c4952f,#f8e19a);transition:width .6s ease} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-dat{font:500 12.5px Raleway,sans-serif;color:#aab3cf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-ed{flex:none;display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;border:1.5px solid rgba(243,214,138,.6);color:#f3d68a!important;font:800 13.5px Raleway,sans-serif;text-decoration:none!important} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-ed:hover{background:rgba(243,214,138,.12)} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-c{display:flex;flex-direction:column;gap:6px;padding:20px 20px 18px;border-radius:22px;background:#fff;border:1px solid rgba(201,154,58,.3);box-shadow:0 18px 34px -30px rgba(10,20,56,.55);text-decoration:none!important;transition:transform .15s,box-shadow .2s} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-c:hover{transform:translateY(-2px);box-shadow:0 24px 40px -28px rgba(10,20,56,.6)} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-c svg,html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-s svg,html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-eq svg{width:28px;height:28px;fill:none;stroke:#b8902f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-c b{margin-top:4px;font:600 19px Cinzel,'Times New Roman',serif;color:#0a1438} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-c small{font:600 13px Raleway,sans-serif;color:#6a7392} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-c.dest{background:linear-gradient(150deg,#1c306c,#0a1438);border-color:#0a1438} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-c.dest svg{stroke:#f3d68a}html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-c.dest b{color:#fff}html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-c.dest small{color:#c7cde0} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-g3.ch .cdm3-s{display:flex;align-items:center;gap:12px;min-height:60px;padding:0 18px;border-radius:18px;background:#fff;border:1px solid rgba(10,20,56,.08);color:#0a1438!important;font:700 14.5px Raleway,sans-serif;text-decoration:none!important} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-s svg{width:22px!important;height:22px!important} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-s.wa svg{stroke:#1f8a4c} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-s:hover{border-color:rgba(201,154,58,.5);background:#fffaf0} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-eq{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border-radius:18px;background:#fff6dd;border:1px dashed rgba(201,154,58,.6)} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-eq[hidden]{display:none} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-eq svg{width:22px;height:22px;stroke:#7a5c1c} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-eqt{font:800 11px Raleway,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7a5c1c} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-eql{display:flex;flex-wrap:wrap;gap:8px} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-eql a{display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid rgba(201,154,58,.45);color:#0a1438!important;font:700 13px Raleway,sans-serif;text-decoration:none!important} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-out{align-self:center;margin-top:8px;padding:8px 14px;color:#8a90a6!important;font:700 13.5px Raleway,sans-serif;text-decoration:underline!important;text-underline-offset:4px;text-decoration-color:rgba(138,144,166,.4)!important} .cdm3-velo{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(2,8,24,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)} .cdm3-pk{width:min(420px,100%);padding:22px 20px 16px;border-radius:24px;background:#fff;text-align:center;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)} .cdm3-pk > b{display:block;margin-bottom:14px;font:600 20px Cinzel,'Times New Roman',serif;color:#0a1438} .cdm3-pk > div{display:grid;grid-template-columns:repeat(5,1fr);gap:8px} .cdm3-pk [data-k]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 2px;border:0;background:none;cursor:pointer;font:700 11.5px Raleway,sans-serif;color:#3a4566} .cdm3-pk [data-k] img{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#0a1438;border:2px solid transparent} .cdm3-pk [data-k].on img{border-color:#dfb44c;box-shadow:0 0 0 3px rgba(223,180,76,.25)} .cdm3-x{margin-top:14px;height:40px;padding:0 20px;border-radius:999px;border:1.5px solid rgba(10,20,56,.15);background:#fff;font:700 13px Raleway,sans-serif;color:#0a1438;cursor:pointer} @media (max-width:767.98px){html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3{margin-top:10px;padding:0 12px;gap:10px} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-hero{flex-wrap:wrap;gap:14px;padding:18px} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-av{width:68px;height:68px}html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-n{font-size:24px} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-ed{width:100%;justify-content:center;height:42px} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-g3{gap:8px}html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-c{padding:14px 10px 12px;border-radius:18px;align-items:center;text-align:center} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-c b{font-size:14px}html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-c small{font-size:11px}html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-c svg{width:24px;height:24px} html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-g3.ch{grid-template-columns:1fr}html.cdmmy3 body #wrap:not(#cdm3x0):not(#cdm3x1):not(#cdm3x2):not(#cdm3x3):not(#cdm3x4):not(#cdm3x5):not(#cdm3x6):not(#cdm3x7) .cdm3-g3.ch .cdm3-s{min-height:52px}} /* TIENDA: codigo de cada pieza */ html body:not(#cdmCod0):not(#cdmCod1):not(#cdmCod2):not(#cdmCod3):not(#cdmCod4):not(#cdmCod5):not(#cdmCod6):not(#cdmCod7) .oe_product .cdmcod{display:inline-block;margin:3px 0 2px;padding:2px 8px;border-radius:999px;background:#f4f1ea;border:1px solid rgba(201,154,58,.3);font:700 11px/1.5 Raleway,sans-serif;letter-spacing:.04em;color:#5c5343} html body:not(#cdmCod0):not(#cdmCod1):not(#cdmCod2):not(#cdmCod3):not(#cdmCod4):not(#cdmCod5):not(#cdmCod6):not(#cdmCod7) .cdmcod-p{display:inline-flex;align-items:center;gap:8px;margin:6px 0 10px;padding:4px 12px 4px 4px;border-radius:999px;background:#f4f1ea;border:1px solid rgba(201,154,58,.35)} html body:not(#cdmCod0):not(#cdmCod1):not(#cdmCod2):not(#cdmCod3):not(#cdmCod4):not(#cdmCod5):not(#cdmCod6):not(#cdmCod7) .cdmcod-p span{padding:3px 10px;border-radius:999px;background:#0a1438;color:#f3d68a;font:800 10.5px Raleway,sans-serif;letter-spacing:.12em;text-transform:uppercase} html body:not(#cdmCod0):not(#cdmCod1):not(#cdmCod2):not(#cdmCod3):not(#cdmCod4):not(#cdmCod5):not(#cdmCod6):not(#cdmCod7) .cdmcod-p b{font:800 14px Raleway,sans-serif;letter-spacing:.04em;color:#0a1438;user-select:all} @media (max-width:767.98px){html body:not(#cdmCod0):not(#cdmCod1):not(#cdmCod2):not(#cdmCod3):not(#cdmCod4):not(#cdmCod5):not(#cdmCod6):not(#cdmCod7) .oe_product .cdmcod{font-size:10.5px;padding:1px 7px}} /* TIENDA (compu): Ordenar en la fila del buscador */ @media (min-width:992px){html body.cdmo-on:not(#cdmSr0):not(#cdmSr1):not(#cdmSr2):not(#cdmSr3):not(#cdmSr4):not(#cdmSr5):not(#cdmSr6):not(#cdmSr7):not(#cdmSr8):not(#cdmSr9) .products_header.cdmsr{display:flex!important;align-items:center!important;gap:12px!important}html body.cdmo-on:not(#cdmSr0):not(#cdmSr1):not(#cdmSr2):not(#cdmSr3):not(#cdmSr4):not(#cdmSr5):not(#cdmSr6):not(#cdmSr7):not(#cdmSr8):not(#cdmSr9) .products_header.cdmsr > .o_wsale_products_header_search_form_container{flex:1 1 0!important;min-width:0;width:auto!important}html body.cdmo-on:not(#cdmSr0):not(#cdmSr1):not(#cdmSr2):not(#cdmSr3):not(#cdmSr4):not(#cdmSr5):not(#cdmSr6):not(#cdmSr7):not(#cdmSr8):not(#cdmSr9) .products_header.cdmsr > .cdmo-bar{flex:0 0 auto!important;width:auto!important;max-width:none!important;margin:0!important;z-index:20}html body.cdmo-on:not(#cdmSr0):not(#cdmSr1):not(#cdmSr2):not(#cdmSr3):not(#cdmSr4):not(#cdmSr5):not(#cdmSr6):not(#cdmSr7):not(#cdmSr8):not(#cdmSr9) .products_header.cdmsr > .cdmo-bar .cdmo-b{height:52px!important;border-radius:999px!important;box-shadow:0 10px 22px -18px rgba(10,20,56,.5)!important}}