:root{--fp:#00a99d;--fp2:#007f78;--ink:#071420;--muted:#6b7680;--bg:#f3f7f6;--card:#fff;--line:rgba(7,20,32,.08)} *{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit} .fp-app{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.fp-side{background:#06131f;color:#fff;padding:26px 18px;position:sticky;top:0;height:100vh}.fp-brand{padding:8px 10px 28px}.fp-brand small{display:block;color:#6ff7ed;font-weight:900;letter-spacing:.18em;font-size:10px}.fp-brand strong{display:block;font-size:24px;margin-top:7px}.fp-brand span{display:block;color:rgba(255,255,255,.56);font-size:12px;margin-top:4px}.fp-nav{display:grid;gap:7px}.fp-nav a{padding:13px 14px;border-radius:14px;color:rgba(255,255,255,.83);font-weight:750;font-size:14px}.fp-nav a:hover,.fp-nav a.active{background:linear-gradient(135deg,rgba(0,189,177,.25),rgba(0,143,135,.18));color:#fff}.fp-side-bottom{position:absolute;left:18px;right:18px;bottom:22px}.fp-side-bottom a{display:block;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;color:rgba(255,255,255,.76);font-size:13px}.fp-main{padding:34px}.fp-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.fp-top h1{margin:0;font-size:34px;letter-spacing:-.04em}.fp-top p{margin:6px 0 0;color:var(--muted)}.fp-user{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:16px;font-size:13px;box-shadow:0 12px 30px rgba(7,20,32,.05)} .fp-hero{background:linear-gradient(135deg,#06263b,#008f87);color:#fff;border-radius:26px;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 24px 60px rgba(0,88,92,.18)}.fp-hero h2{margin:0;font-size:28px}.fp-hero p{margin:9px 0 0;color:rgba(255,255,255,.74);max-width:700px;line-height:1.55}.fp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;background:#fff;color:#06312f;font-weight:900;font-size:13px;white-space:nowrap} .fp-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:22px 0}.fp-stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 14px 34px rgba(7,20,32,.045)}.fp-stat strong{display:block;font-size:28px}.fp-stat span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-top:5px}.fp-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.fp-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 16px 38px rgba(7,20,32,.045)}.fp-card h3{margin:0 0 16px;font-size:18px}.fp-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fp-action{border:1px solid rgba(0,169,157,.14);background:#fafffe;padding:16px;border-radius:17px;transition:.2s}.fp-action:hover{transform:translateY(-2px);border-color:rgba(0,169,157,.35);box-shadow:0 12px 26px rgba(0,169,157,.08)}.fp-action strong{display:block;color:var(--fp2)}.fp-action small{display:block;color:var(--muted);margin-top:5px}.fp-list{display:grid;gap:9px}.fp-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.fp-row:last-child{border-bottom:0}.fp-row strong{font-size:14px}.fp-row small{display:block;color:var(--muted);margin-top:3px}.fp-chip{font-size:11px;font-weight:900;padding:6px 9px;border-radius:999px;background:rgba(0,169,157,.09);color:var(--fp2)}.fp-form{display:grid;gap:16px}.fp-field{display:grid;gap:7px}.fp-field label{font-size:13px;font-weight:900}.fp-field input,.fp-field textarea,.fp-field select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);font:inherit}.fp-field textarea{min-height:100px;resize:vertical}.fp-switch{display:flex;align-items:center;gap:10px;font-weight:800}.fp-save{border:0;background:linear-gradient(135deg,#00bdb1,#008f87);color:#fff;border-radius:999px;padding:13px 22px;font-weight:900;cursor:pointer;width:max-content}.fp-success{margin:0 0 18px;background:#e9fff9;border:1px solid rgba(0,169,157,.2);padding:12px 15px;border-radius:14px;color:#08766f;font-weight:800}.fp-table{width:100%;border-collapse:collapse}.fp-table th,.fp-table td{text-align:left;padding:11px 9px;border-bottom:1px solid var(--line);font-size:13px}.fp-table th{color:var(--muted);font-size:11px;letter-spacing:.08em}.fp-note{margin-top:18px;background:#fff7df;border:1px solid #f3df9a;padding:14px 16px;border-radius:16px;color:#6a5719;font-size:13px;line-height:1.5} .fp-mig-status{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:900}.fp-mig-ok{background:#e9fff9;color:#08766f;border:1px solid rgba(0,169,157,.18)}.fp-mig-warn{background:#fff7df;color:#6a5719;border:1px solid #f3df9a}.fp-mig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.fp-mig-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 14px 34px rgba(7,20,32,.045)}.fp-mig-card strong{display:block;font-size:26px}.fp-mig-card span{display:block;color:var(--muted);font-size:11px;font-weight:900;margin-top:5px}.fp-muted{color:var(--muted)}.fp-disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.2)}.fp-mini-list{display:grid;gap:8px}.fp-mini-list div{padding:10px 0;border-bottom:1px solid var(--line)}.fp-mini-list div:last-child{border-bottom:0} @media(max-width:1050px){.fp-mig-grid{grid-template-columns:repeat(2,1fr)}.fp-app{grid-template-columns:1fr}.fp-side{position:relative;height:auto;padding:16px}.fp-brand{padding-bottom:14px}.fp-nav{display:flex;overflow:auto}.fp-nav a{white-space:nowrap}.fp-side-bottom{display:none}.fp-main{padding:22px}.fp-stats{grid-template-columns:repeat(2,1fr)}.fp-grid{grid-template-columns:1fr}.fp-top{align-items:flex-start;flex-direction:column}} @media(max-width:620px){.fp-mig-grid{grid-template-columns:1fr 1fr}.fp-main{padding:16px}.fp-top h1{font-size:28px}.fp-hero{align-items:flex-start;flex-direction:column}.fp-stats{grid-template-columns:1fr 1fr}.fp-actions{grid-template-columns:1fr}} .fp-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.fp-section-head h3{margin:0 0 6px}.fp-table-scroll{width:100%;overflow:auto}.fp-mig-detail-table{min-width:1050px}.fp-mig-detail-table th{white-space:nowrap}.fp-mig-detail-table td{vertical-align:top}.fp-mig-detail-table details{margin-top:6px}.fp-mig-detail-table summary{cursor:pointer;color:#008f87;font-weight:800;font-size:12px}.fp-term-cloud{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.fp-term-cloud span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#f2f8f7;border:1px solid #d8ece9;font-size:11px;color:#163038}.fp-term-cloud-large{gap:9px}.fp-term-cloud-large span{padding:9px 12px;font-size:12px}.fp-term-cloud small{color:#718087}.fp-mig-missing{color:#a15c00;font-weight:800;font-size:12px}@media(max-width:760px){.fp-section-head{flex-direction:column}.fp-term-cloud-large span{width:100%;justify-content:space-between;border-radius:14px}} .fp-map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fp-map-grid>div{border:1px solid var(--line);border-radius:17px;padding:15px;background:#fafffe}.fp-map-grid strong,.fp-map-grid span,.fp-map-grid small{display:block}.fp-map-grid span{color:var(--fp2);font-weight:900;margin:6px 0}.fp-map-grid small{color:var(--muted);line-height:1.4}.fp-map-grid .fp-map-ignore{background:#fff5f2;border-color:#f2d2ca}.fp-map-grid .fp-map-ignore span{color:#9b3b2d}.fp-map-suggestion{display:inline-flex;margin-top:6px;background:#eef8f7;color:#08766f;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}.fp-map-state{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:950;text-transform:uppercase}.fp-map-state.ready{background:#e9fff9;color:#08766f}.fp-map-state.review{background:#fff7df;color:#806200}.fp-map-state.critical{background:#ffeceb;color:#a42b24}.fp-issues{margin-top:7px;color:var(--muted);font-size:11px;line-height:1.45;min-width:180px}.fp-map-ignore-text{color:#a42b24;font-size:11px;font-weight:800}.fp-term-ignore{background:#fff1ee!important;border-color:#efcfc8!important;color:#9b3b2d!important}@media(max-width:1100px){.fp-map-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.fp-map-grid{grid-template-columns:1fr}} .fp-preview-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.fp-preview-toolbar label{margin-right:4px}.fp-preview-toolbar select{min-width:280px;max-width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit}.fp-product-preview-shell{margin:18px auto 0;display:grid;gap:18px;width:100%;max-width:1180px}.fp-product-preview-head{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:28px;align-items:start;box-shadow:0 18px 45px rgba(7,20,32,.05)}.fp-product-gallery-preview{min-width:0;width:100%}.fp-product-main-image{background:linear-gradient(145deg,#f7fbfa,#edf6f4);border-radius:20px;height:390px;min-height:390px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.fp-product-main-image img{display:block!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:390px!important;object-fit:contain!important;padding:20px!important;margin:0!important;box-sizing:border-box!important}.fp-preview-placeholder{color:var(--muted);font-weight:800}.fp-product-thumbs{display:flex;gap:9px;margin-top:12px;overflow:auto;padding-bottom:3px}.fp-product-thumb{width:64px;height:64px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:4px;cursor:pointer;flex:0 0 auto}.fp-product-thumb img{display:block;width:100%!important;height:100%!important;object-fit:contain!important;max-width:100%!important}.fp-product-summary-preview{padding:6px 2px;min-width:0}.fp-preview-eyebrow{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--fp2);font-weight:950}.fp-product-summary-preview h2{font-size:34px;line-height:1.08;letter-spacing:-.03em;margin:9px 0 13px}.fp-preview-lead{font-size:15px;line-height:1.6;color:#5d6a73}.fp-preview-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.fp-preview-meta-grid>div{border:1px solid var(--line);border-radius:14px;padding:11px 13px;background:#fbfefd}.fp-preview-meta-grid small,.fp-preview-meta-grid strong{display:block}.fp-preview-meta-grid small{font-size:10px;color:var(--muted);font-weight:900}.fp-preview-meta-grid strong{font-size:13px;margin-top:4px}.fp-preview-block{margin-top:16px}.fp-preview-label{display:block;font-size:12px;font-weight:950;margin-bottom:8px}.fp-preview-pills{display:flex;gap:7px;flex-wrap:wrap}.fp-preview-pills span{padding:7px 10px;border-radius:999px;background:#eef8f7;color:#08766f;font-size:11px;font-weight:850}.fp-color-preview-list{display:flex;flex-wrap:wrap;gap:7px;max-height:145px;overflow:auto}.fp-color-preview-list span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:6px 9px;font-size:11px;background:#fff}.fp-color-preview-list i{width:15px;height:15px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:#dfe8e6;flex:0 0 auto}.fp-preview-cta-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.fp-preview-primary,.fp-preview-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:999px;padding:0 15px;font-weight:900;font-size:12px;text-decoration:none}.fp-preview-primary{background:linear-gradient(135deg,#00bdb1,#008f87);color:#fff}.fp-preview-primary.is-disabled{opacity:.5}.fp-preview-secondary{border:1px solid rgba(0,169,157,.25);background:#fff;color:#08766f;cursor:pointer}.fp-preview-lower-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.fp-preview-description{line-height:1.7}.fp-preview-description img{max-width:100%!important;height:auto!important}.fp-preview-info-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.fp-preview-info-row:last-of-type{border-bottom:0}.fp-preview-info-row span{color:var(--muted)}.fp-preview-info-row a{color:var(--fp2);font-weight:900}.fp-pending{color:#9a6b00}.fp-preview-note{background:#fffaf0;border-color:#f0dfaa;color:#775b10} @media(max-width:1100px){.fp-product-preview-shell{max-width:900px}.fp-product-preview-head{grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:22px}.fp-product-main-image{height:340px;min-height:340px}.fp-product-main-image img{max-height:340px!important}.fp-product-summary-preview h2{font-size:30px}} @media(max-width:850px){.fp-product-preview-head,.fp-preview-lower-grid{grid-template-columns:1fr}.fp-product-preview-shell{max-width:720px}.fp-product-main-image{height:320px;min-height:320px}.fp-product-main-image img{max-height:320px!important}.fp-product-summary-preview{padding-top:0}} @media(max-width:620px){.fp-preview-toolbar{align-items:stretch}.fp-preview-toolbar select{min-width:0;width:100%}.fp-product-preview-head{padding:15px;border-radius:18px}.fp-product-summary-preview h2{font-size:27px}.fp-preview-meta-grid{grid-template-columns:1fr}.fp-product-main-image{height:260px;min-height:260px}.fp-product-main-image img{max-height:260px!important;padding:12px!important}.fp-preview-cta-row>*{width:100%}} .fp-migration-progress{height:12px;background:#e8f0f0;border-radius:999px;overflow:hidden;margin:14px 0}.fp-migration-progress>div{height:100%;background:linear-gradient(90deg,#043349,#00a99d);border-radius:inherit;transition:width .3s}.fp-btn-ghost{background:#fff!important;color:#007f78!important;border:1px solid rgba(0,169,157,.24)!important}.fp-verify-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}.fp-verify-grid>div{background:#f6fbfa;border:1px solid #dce9e7;border-radius:16px;padding:16px}.fp-verify-grid strong{display:block;font-size:24px}.fp-verify-grid span{display:block;color:#687983;font-size:11px;font-weight:900;margin-top:5px;text-transform:uppercase}.fp-migration-log{display:grid;gap:8px;margin-top:12px}.fp-migration-log>div{padding:10px 12px;border-radius:12px;background:#f3fbf8;font-size:12px}.fp-migration-log>div.is-error{background:#fff0ef;color:#9b2924}@media(max-width:900px){.fp-verify-grid{grid-template-columns:1fr 1fr}} .fp-safe-preview-wrap{margin:18px auto 0;display:grid;gap:20px;max-width:1360px}.fp-safe-preview-head{position:relative;display:grid;grid-template-columns:86px minmax(340px,520px) minmax(0,1fr) 330px;gap:26px;align-items:stretch;padding:32px;border-radius:34px;background:linear-gradient(90deg,#050b14 0%,#0a121c 42%,#08101a 100%);box-shadow:0 28px 70px rgba(3,12,22,.16);overflow:hidden}.fp-safe-preview-head:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(0,169,157,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,169,157,.06) 1px,transparent 1px);background-size:40px 40px;opacity:.22;pointer-events:none}.fp-safe-preview-thumbs,.fp-safe-preview-main,.fp-safe-preview-copy,.fp-safe-preview-buy{position:relative;z-index:2}.fp-safe-preview-thumbs{display:flex;flex-direction:column;gap:14px}.fp-safe-preview-thumb{width:80px;height:80px;border-radius:18px;border:1px solid rgba(0,199,186,.45);background:#0b1620;padding:8px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.fp-safe-preview-thumb.active{box-shadow:0 0 0 2px rgba(0,199,186,.35),0 16px 30px rgba(0,0,0,.28)}.fp-safe-preview-thumb img{width:100%!important;height:100%!important;object-fit:contain!important}.fp-safe-preview-main{min-height:560px;border-radius:28px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at center,rgba(0,169,157,.18) 0%,rgba(0,169,157,.08) 22%,rgba(6,17,27,0) 58%)}.fp-safe-preview-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(20,38,58,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(20,38,58,.55) 1px,transparent 1px);background-size:40px 40px}.fp-safe-preview-beam{position:absolute;inset:auto 16% 6% 16%;height:38px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,169,157,.35),rgba(0,169,157,0) 70%);filter:blur(24px)}.fp-safe-preview-glow{position:absolute;width:68%;height:68%;border-radius:50%;background:radial-gradient(circle,rgba(0,169,157,.28),rgba(0,169,157,0) 72%);filter:blur(34px)}.fp-safe-preview-mainimg{display:block!important;max-width:100%!important;max-height:480px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 36px 38px rgba(0,0,0,.35))}.fp-safe-preview-copy{padding:14px 6px 0 0;color:#fff}.fp-safe-preview-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#00d3c4;font-weight:900;margin-bottom:10px}.fp-safe-preview-topchips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.fp-safe-preview-topchips span{padding:9px 14px;border-radius:999px;border:1px solid rgba(0,191,180,.45);background:rgba(255,255,255,.05);font-size:12px;font-weight:850;color:#fff}.fp-safe-preview-copy h2{margin:0 0 18px;font-size:68px;line-height:.95;letter-spacing:-.055em;color:#fff;text-transform:uppercase;max-width:520px}.fp-safe-preview-origin{display:flex;align-items:center;gap:18px;margin:0 0 22px}.fp-safe-preview-origin span{display:block;width:86px;height:2px;background:#00d3c4;border-radius:999px}.fp-safe-preview-origin p{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:14px;font-weight:900}.fp-safe-preview-origin .is-yellow{color:#ffc84b}.fp-safe-preview-origin .is-blue{color:#57a3ff}.fp-safe-preview-origin .is-red{color:#ff646f}.fp-safe-preview-excerpt{margin:0;color:rgba(255,255,255,.86);font-size:17px;line-height:1.72;max-width:620px}.fp-safe-tech-card2{margin-top:28px;padding:22px;border-radius:26px;background:linear-gradient(180deg,rgba(18,33,41,.95),rgba(9,27,31,.94));border:1px solid rgba(0,169,157,.28);display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:18px;align-items:center;box-shadow:0 18px 36px rgba(0,0,0,.18)}.fp-safe-tech-icon2{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);font-size:24px}.fp-safe-tech-copy2 strong,.fp-safe-tech-copy2 span{display:block}.fp-safe-tech-copy2 strong{font-size:18px}.fp-safe-tech-copy2 span{font-size:13px;color:rgba(255,255,255,.72);margin-top:5px;line-height:1.55}.fp-safe-tech-action2{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;background:linear-gradient(135deg,#08cfc0,#00a99d);color:#fff;text-decoration:none;font-size:13px;font-weight:900}.fp-safe-tech-action2.is-disabled{background:rgba(255,255,255,.06);color:#d5ffff}.fp-safe-tech-points2{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.fp-safe-tech-points2 span{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(0,169,157,.09);border:1px solid rgba(0,169,157,.24);font-size:12px;font-weight:850;color:#edfffd}.fp-safe-tech-points2 i{font-style:normal;width:18px;height:18px;border-radius:50%;background:#12bcae;color:#072229;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.fp-safe-preview-buy{padding:28px;border-radius:30px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(7px);color:#fff}.fp-safe-preview-buy small{display:block;font-size:16px;font-weight:900;color:#fff;opacity:.85}.fp-safe-preview-price{font-size:54px;line-height:1;margin-top:12px;font-weight:950;color:#0fe0d1}.fp-safe-preview-box{margin-top:24px;padding:18px;border-radius:22px;background:rgba(8,20,28,.62);border:1px solid rgba(255,255,255,.10)}.fp-safe-preview-box b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.fp-safe-preview-pres{display:flex;flex-wrap:wrap;gap:10px}.fp-safe-preview-pres span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(255,195,59,.18);border:1px solid rgba(255,195,59,.35);font-size:13px;font-weight:850;color:#fff7d0}.fp-safe-preview-colorsbox .fp-safe-preview-colorgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fp-safe-preview-color{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);color:#fff;font-size:12px;font-weight:800;text-align:left}.fp-safe-preview-color i{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.75);background:#bfc8cc;flex:0 0 auto}.fp-safe-open-colors{margin-top:12px;width:100%;min-height:40px;border-radius:999px;border:1px solid rgba(0,169,157,.34);background:rgba(0,169,157,.08);color:#b8fffa;font-weight:900;cursor:pointer}.fp-safe-preview-actions{display:grid;gap:12px;margin-top:20px}.fp-safe-preview-wa,.fp-safe-preview-ml,.fp-safe-preview-share{display:flex;align-items:center;justify-content:center;min-height:58px;border-radius:18px;padding:0 18px;text-decoration:none;font-size:16px;font-weight:900}.fp-safe-preview-wa{background:linear-gradient(135deg,#16cf6d,#0fb95f);color:#fff}.fp-safe-preview-wa.disabled{background:rgba(255,255,255,.08);color:#fff}.fp-safe-preview-ml{background:#fff;color:#112336}.fp-safe-preview-share{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#fff;cursor:pointer}.fp-safe-preview-bottom{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:20px}.fp-safe-preview-description,.fp-safe-preview-sideinfo{border-radius:28px}.fp-safe-colors-modal[hidden]{display:none}.fp-safe-colors-modal{position:fixed;inset:0;z-index:99999}.fp-safe-colors-backdrop{position:absolute;inset:0;background:rgba(3,10,18,.62);backdrop-filter:blur(4px)}.fp-safe-colors-dialog{position:relative;max-width:920px;margin:6vh auto 0;background:#fff;border-radius:28px;padding:24px;box-shadow:0 30px 70px rgba(0,0,0,.28)}.fp-safe-colors-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.fp-safe-colors-header strong{font-size:24px}.fp-safe-close-colors{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:28px;line-height:1;cursor:pointer}.fp-safe-colors-dialog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:66vh;overflow:auto}.fp-safe-colors-dialog-grid .fp-safe-preview-color{color:#0a2431;background:#f6faf9}.fp-modal-open{overflow:hidden}@media(max-width:1300px){.fp-safe-preview-head{grid-template-columns:72px minmax(280px,440px) minmax(0,1fr);}.fp-safe-preview-buy{grid-column:2/-1}.fp-safe-preview-copy h2{font-size:58px}}@media(max-width:1050px){.fp-safe-preview-head{grid-template-columns:1fr;}.fp-safe-preview-thumbs{order:2;flex-direction:row;overflow:auto}.fp-safe-preview-main{min-height:420px}.fp-safe-preview-copy h2{font-size:48px;max-width:none}.fp-safe-preview-buy{padding:22px}.fp-safe-preview-bottom{grid-template-columns:1fr}}@media(max-width:640px){.fp-safe-preview-head{padding:18px;border-radius:24px}.fp-safe-preview-main{min-height:280px}.fp-safe-preview-mainimg{max-height:250px!important}.fp-safe-preview-copy h2{font-size:34px}.fp-safe-preview-origin{gap:10px}.fp-safe-preview-origin span{width:42px}.fp-safe-tech-card2{grid-template-columns:1fr}.fp-safe-tech-action2{width:100%}.fp-safe-preview-colorsbox .fp-safe-preview-colorgrid,.fp-safe-colors-dialog-grid{grid-template-columns:1fr}.fp-safe-preview-wa,.fp-safe-preview-ml,.fp-safe-preview-share{min-height:50px;font-size:14px}} /* v0.2.9 Premium preview: estilos del snippet dentro de la app privada */ .fp-safe-preview-wrap img{max-width:100%;height:auto}.fp-safe-preview-mainimg{width:auto!important;height:auto!important;max-width:100%!important;max-height:480px!important}.fp-safe-preview-head{width:100%;max-width:100%;min-width:0}.fp-safe-preview-head>*{min-width:0}.fp-main{min-width:0;overflow-x:hidden}.fp-safe-preview-wrap{overflow:hidden} .fp-safe-product{ --fp-yellow:#ffc107; --fp-yellow2:#ff9f00; --fp-green:#18c65a; --fp-dark:#07090d; --fp-text:#101828; width:100%; max-width:100%; background:#f6f7f9; padding:28px 16px 42px; font-family:inherit; overflow:hidden; } .fp-safe-product *{ box-sizing:border-box; } .fp-safe-product{ --fp-accent:var(--fp-yellow); } .fp-safe-panel{ background: radial-gradient(circle at 32% 62%, color-mix(in srgb, var(--fp-accent) 30%, transparent), transparent 24%), radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--fp-accent) 14%, transparent), transparent 20%), linear-gradient(135deg,#06080c,#11161d 62%,#080a0f)!important; } .fp-safe-panel:after{ content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(circle at var(--mx, 45%) var(--my, 50%), rgba(255,255,255,.055), transparent 18%), linear-gradient(115deg, transparent 0%, rgba(255,255,255,.045) 48%, transparent 52%); opacity:.72; mix-blend-mode:screen; } .fp-safe-top-chips{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 15px; } .fp-safe-top-chips span{ display:inline-flex; min-height:30px; align-items:center; padding:0 11px; border-radius:999px; color:#fff; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.12); font-size:11px; font-weight:900; letter-spacing:.01em; } .fp-safe-image{ perspective:900px; } .fp-safe-main-img{ transition:transform .18s ease, filter .25s ease; will-change:transform; } .fp-safe-image:hover .fp-safe-main-img{ filter:drop-shadow(0 48px 46px rgba(0,0,0,.58)); } .fp-safe-glow{ background:radial-gradient(ellipse, color-mix(in srgb, var(--fp-accent) 68%, transparent), transparent 68%)!important; animation:fpSafeGlow 4.8s ease-in-out infinite; } .fp-safe-thumb.active, .fp-safe-thumb:hover{ border-color:var(--fp-accent)!important; box-shadow:0 0 0 2px color-mix(in srgb, var(--fp-accent) 28%, transparent)!important; } .fp-safe-buy-pres span, .fp-safe-tech-icon, .fp-safe-tech-card, .fp-safe-buy-box{ border-color:color-mix(in srgb, var(--fp-accent) 28%, rgba(255,255,255,.12))!important; } .fp-safe-rating-bars{ margin-top:16px; padding:14px; border-radius:18px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.10); display:grid; gap:11px; } .fp-safe-rating-bars div{ display:grid; grid-template-columns:92px 1fr; align-items:center; gap:10px; } .fp-safe-rating-bars span{ color:#e5e7eb; font-size:12px; font-weight:900; } .fp-safe-rating-bars i{ height:7px; border-radius:999px; background:rgba(255,255,255,.10); position:relative; overflow:hidden; } .fp-safe-rating-bars i:before{ content:""; position:absolute; inset:0 auto 0 0; width:var(--level); border-radius:999px; background:linear-gradient(90deg,var(--fp-accent),#fff0a3); box-shadow:0 0 18px color-mix(in srgb, var(--fp-accent) 40%, transparent); } .fp-safe-mobile-sticky{ display:none; } @keyframes fpSafeGlow{ 0%,100%{opacity:.78;transform:scale(1)} 50%{opacity:1;transform:scale(1.08)} } .fp-safe-inner{ width:100%; max-width:1480px; margin:0 auto; } .fp-safe-panel{ min-height:620px; display:grid; grid-template-columns:88px minmax(330px,1.05fr) minmax(360px,1fr) 330px; gap:28px; padding:34px; border-radius:28px; background: radial-gradient(circle at 32% 62%, rgba(255,193,7,.18), transparent 24%), radial-gradient(circle at 90% 12%, rgba(255,193,7,.08), transparent 20%), linear-gradient(135deg,#06080c,#11161d 62%,#080a0f); color:#fff; position:relative; overflow:hidden; } .fp-safe-panel:before{ content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size:80px 80px; opacity:.28; pointer-events:none; } .fp-safe-gallery, .fp-safe-image, .fp-safe-info, .fp-safe-buy{ position:relative; z-index:2; } .fp-safe-gallery{ display:flex; flex-direction:column; gap:16px; } .fp-safe-thumb{ width:78px; height:78px; border-radius:16px; padding:7px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.08); cursor:pointer; overflow:hidden; } .fp-safe-thumb.active, .fp-safe-thumb:hover{ border-color:var(--fp-yellow); box-shadow:0 0 0 2px rgba(255,193,7,.14); } .fp-safe-thumb img{ width:100%; height:100%; object-fit:contain; border-radius:10px; } .fp-safe-image{ min-height:560px; display:flex; align-items:center; justify-content:center; } .fp-safe-image.:hover .fp-safe-main-img{ transform:translateY(12px) scale(1.025); } .fp-safe-glow{ position:absolute; z-index:1; width:350px; height:135px; bottom:105px; background:radial-gradient(ellipse, rgba(255,193,7,.55), transparent 68%); filter:blur(15px); } .fp-safe-main-img{ width:auto!important; height:auto!important; max-width:360px!important; max-height:430px!important; object-fit:contain!important; position:relative; z-index:3; background:transparent!important; border:0!important; outline:0!important; box-shadow:none!important; padding:0!important; filter:drop-shadow(0 42px 38px rgba(0,0,0,.52)); animation:fpSafeFloat 5.5s ease-in-out infinite; } .fp-safe-info{ align-self:center; } .fp-safe-kicker{ color:var(--fp-yellow); font-size:13px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; margin-bottom:12px; } .fp-safe-info h2{ color:#fff; font-size:clamp(34px,3.6vw,58px); line-height:.90; letter-spacing:-.05em; text-transform:uppercase; margin:0 0 16px; max-width:900px; width:100%; text-wrap:initial; } .fp-safe-origin-line{ display:flex; align-items:center; gap:12px; margin:0 0 20px; opacity:.92; } .fp-safe-origin-line span{ width:42px; height:1px; background:linear-gradient( 90deg, rgba(0,208,192,.75), transparent ); flex-shrink:0; } .fp-safe-origin-line p{ margin:0!important; font-size:12px!important; font-weight:900!important; letter-spacing:.22em; text-transform:uppercase; line-height:1!important; opacity:.95; } .fp-vzla-yellow{ color:#f4c542; } .fp-vzla-blue{ color:#5fa8ff; } .fp-vzla-red{ color:#ff5a5f; } .fp-safe-info p{ color:#f1f5f9; font-size:17px; line-height:1.6; font-weight:700; margin:0 0 22px; } .fp-safe-tech-card{ position:relative; overflow:hidden; margin-top:28px; padding:18px 20px; border-radius:24px; background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.045)); border:1px solid rgba(255,255,255,.13); display:grid; grid-template-columns:52px minmax(0,1fr) auto; gap:16px; align-items:center; backdrop-filter:blur(22px); box-shadow: 0 22px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08); isolation:isolate; } .fp-safe-tech-card:before{ content:""; position:absolute; inset:-1px; border-radius:25px; background: linear-gradient(135deg, rgba(255,193,7,.28), transparent 36%, transparent 72%, rgba(255,193,7,.12)); z-index:-2; } .fp-safe-tech-card:after{ content:""; position:absolute; width:220px; height:220px; right:-105px; top:-105px; background:radial-gradient(circle, rgba(255,193,7,.18), transparent 70%); filter:blur(18px); z-index:-1; } .fp-safe-tech-bg{ display:none; } .fp-safe-tech-icon, .fp-safe-tech-copy, .fp-safe-tech-action{ position:relative; z-index:2; } .fp-safe-tech-icon{ width:52px; height:52px; border-radius:18px; background: linear-gradient(135deg, rgba(255,193,7,.22), rgba(255,193,7,.08)); border:1px solid rgba(255,193,7,.22); display:flex; align-items:center; justify-content:center; font-size:25px; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(255,193,7,.12); flex-shrink:0; } .fp-safe-tech-copy{ display:flex; flex-direction:column; justify-content:center; min-width:0; } .fp-safe-tech-copy strong{ color:#fff; font-size:20px; font-weight:950; letter-spacing:-.02em; line-height:1.12; margin:0 0 5px; display:block; white-space:nowrap; } .fp-safe-tech-copy span{ color:#cbd5e1; font-size:13px; line-height:1.45; font-weight:700; display:block; max-width:420px; } .fp-safe-tech-action{ min-height:46px; padding:0 22px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#ffcc00,#ffb100); color:#111!important; text-decoration:none!important; font-weight:950; font-size:14px; letter-spacing:-.01em; white-space:nowrap; box-shadow: 0 14px 34px rgba(255,193,7,.24), inset 0 1px 0 rgba(255,255,255,.35); transition:.28s ease; } .fp-safe-tech-action:hover{ transform:translateY(-2px) scale(1.01); box-shadow: 0 22px 48px rgba(255,193,7,.32), inset 0 1px 0 rgba(255,255,255,.45); } .fp-safe-tech-disabled{ background:rgba(255,255,255,.08)!important; color:#cbd5e1!important; border:1px solid rgba(255,255,255,.10); box-shadow:none!important; } @media(max-width:1280px){ .fp-safe-tech-card{ grid-template-columns:52px 1fr; } .fp-safe-tech-action{ grid-column:1 / -1; width:100%; } .fp-safe-tech-copy strong{ white-space:normal; } } .fp-safe-mini-data{ margin-top:16px; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; } .fp-safe-mini-data div{ border-radius:16px; padding:13px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.10); } .fp-safe-mini-data b{ display:block; color:#fff; font-size:13px; font-weight:950; } .fp-safe-mini-data span{ display:block; color:#cbd5e1; font-size:12px; font-weight:700; margin-top:3px; } .fp-safe-buy{ align-self:center; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.16); border-radius:22px; padding:24px; backdrop-filter:blur(18px); box-shadow:0 24px 60px rgba(0,0,0,.22); } .fp-safe-buy small{ color:#e5e7eb; font-weight:900; font-size:16px; display:block; margin-bottom:8px; } .fp-safe-price{ color:var(--fp-yellow); font-size:38px; font-weight:950; line-height:1; margin-bottom:20px; } .fp-safe-price del{ color:#9ca3af; font-size:18px; margin-right:8px; } .fp-safe-price ins{ text-decoration:none; } .fp-safe-buy-box{ border:1px solid rgba(255,255,255,.14); border-radius:16px; padding:16px; background:rgba(0,0,0,.14); margin-bottom:18px; } .fp-safe-buy-box b{ color:#cbd5e1; text-transform:uppercase; font-size:12px; display:block; margin-bottom:10px; } .fp-safe-buy-box em{ color:#fff; font-style:normal; font-weight:900; } .fp-safe-buy-pres{ display:flex; flex-wrap:wrap; gap:8px; } .fp-safe-buy-pres span{ min-height:32px; display:inline-flex; align-items:center; justify-content:center; padding:0 12px; border-radius:999px; background:rgba(255,193,7,.14); border:1px solid rgba(255,193,7,.36); color:#fff; font-size:12px; font-weight:900; } .fp-safe-buy-colors{ padding-bottom:14px; } .fp-safe-buy-color-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; } .fp-safe-buy-color{ appearance:none; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.055); border-radius:14px; padding:9px 6px; cursor:default; min-height:74px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; } .fp-safe-buy-color i{ width:30px; height:30px; border-radius:50%; border:2px solid rgba(255,255,255,.92); outline:1px solid rgba(255,255,255,.22); display:block; } .fp-safe-buy-color span{ color:#fff; font-size:10px; font-weight:900; line-height:1.05; text-align:center; max-width:72px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .fp-safe-colors-scroll{ max-height:none; overflow:visible; } .fp-safe-colors-scroll.has-scroll{ max-height:168px; /* muestra aprox. 6 colores en 2 filas */ overflow-y:auto; overflow-x:hidden; padding-right:4px; scrollbar-width:thin; scrollbar-color:rgba(255,193,7,.55) rgba(255,255,255,.08); } .fp-safe-colors-scroll.has-scroll::-webkit-scrollbar{ width:6px; } .fp-safe-colors-scroll.has-scroll::-webkit-scrollbar-track{ background:rgba(255,255,255,.08); border-radius:999px; } .fp-safe-colors-scroll.has-scroll::-webkit-scrollbar-thumb{ background:rgba(255,193,7,.55); border-radius:999px; } .fp-safe-open-colors{ width:100%; min-height:38px; margin-top:10px; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.09); color:#fff; font-size:12px; font-weight:950; cursor:pointer; transition:.25s ease; } .fp-safe-open-colors:hover{ transform:translateY(-1px); background:rgba(255,193,7,.22); } .fp-safe-color-modal{ position:fixed; inset:0; z-index:999999; display:none; align-items:center; justify-content:center; padding:22px; } .fp-safe-color-modal.is-open{ display:flex; } .fp-safe-color-modal-backdrop{ position:absolute; inset:0; background:rgba(3,7,12,.78); backdrop-filter:blur(12px); } .fp-safe-color-modal-panel{ position:relative; z-index:2; width:min(920px,96vw); max-height:86vh; overflow:auto; border-radius:28px; padding:30px; background: radial-gradient(circle at 20% 0%, rgba(255,193,7,.16), transparent 28%), linear-gradient(135deg,#080c12,#151b24); border:1px solid rgba(255,255,255,.14); box-shadow:0 40px 110px rgba(0,0,0,.45); color:#fff; } .fp-safe-color-modal-close{ position:absolute; top:18px; right:18px; width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.08); color:#fff; font-size:28px; line-height:1; cursor:pointer; } .fp-safe-color-modal-head{ padding-right:54px; margin-bottom:22px; } .fp-safe-color-modal-head span{ color:var(--fp-yellow); font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; } .fp-safe-color-modal-head h3{ margin:8px 0; color:#fff; font-size:clamp(30px,4vw,48px); line-height:1; letter-spacing:-.04em; } .fp-safe-color-modal-head p{ color:#cbd5e1; margin:0; font-weight:700; } .fp-safe-color-modal-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(132px,1fr)); gap:14px; } .fp-safe-modal-color{ min-height:118px; border-radius:18px; padding:14px 10px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:10px; } .fp-safe-modal-color i{ width:48px; height:48px; border-radius:50%; border:3px solid rgba(255,255,255,.92); outline:1px solid rgba(255,255,255,.20); box-shadow:0 12px 28px rgba(0,0,0,.28); } .fp-safe-modal-color strong{ color:#fff; font-size:13px; line-height:1.15; font-weight:950; } body.fp-safe-modal-lock{ overflow:hidden; } .fp-safe-actions{ display:flex; flex-direction:column; gap:12px; } .fp-safe-btn, .fp-safe-ml, .fp-safe-cards a{ min-height:52px; border-radius:13px; display:flex; align-items:center; justify-content:center; text-decoration:none!important; font-weight:950; transition:.25s ease; } .fp-safe-cart{ background:linear-gradient(135deg,var(--fp-yellow),var(--fp-yellow2)); color:#111!important; } .fp-safe-wa{ background:linear-gradient(135deg,#1fd766,#10b84f); color:#fff!important; } .fp-safe-ml{ background:#fff; color:#114b9b!important; } .fp-safe-muted{ color:#111827!important; } .fp-safe-btn:hover, .fp-safe-ml:hover, .fp-safe-cards a:hover, .fp-safe-tech-action:hover{ transform:translateY(-2px); } .fp-safe-cards{ margin-top:24px; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; } .fp-safe-cards article{ background:#fff; border-radius:22px; padding:24px; border:1px solid rgba(15,23,42,.06); box-shadow:0 18px 60px rgba(15,23,42,.06); min-height:210px; } .fp-safe-cards article > div{ width:46px; height:46px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#fff4cf; font-size:23px; margin-bottom:14px; } .fp-safe-cards h3{ margin:0 0 12px; color:#111827; font-size:21px; } .fp-safe-cards p{ color:#344054; line-height:1.55; margin:0 0 18px; } @keyframes fpSafeFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} } @media(max-width:1180px){ .fp-safe-panel{ grid-template-columns:82px 1fr 1fr; } .fp-safe-buy{ grid-column:2 / 4; display:grid; grid-template-columns:1fr 1fr; gap:18px; } .fp-safe-actions{ grid-column:2; grid-row:1 / 4; align-self:center; } .fp-safe-cards{ grid-template-columns:repeat(2,1fr); } } @media(max-width:768px){ .fp-safe-product{ padding:20px 12px 32px; } .fp-safe-panel{ grid-template-columns:1fr; padding:22px; border-radius:22px; } .fp-safe-gallery{ order:2; flex-direction:row; overflow-x:auto; } .fp-safe-image{ min-height:360px; } .fp-safe-main-img{ max-width:280px!important; max-height:320px!important; } .fp-safe-buy{ grid-column:auto; display:block; } .fp-safe-cards{ grid-template-columns:1fr; } .fp-safe-tech-card{ grid-template-columns:1fr; text-align:center; } .fp-safe-tech-icon{ margin:0 auto; } .fp-safe-tech-action{ width:100%; } .fp-safe-mini-data{ grid-template-columns:1fr; } } @media(max-width:768px){ .fp-safe-mobile-sticky{ position:fixed; left:12px; right:12px; bottom:12px; z-index:9999; display:flex; gap:8px; padding:8px; border-radius:18px; background:rgba(7,9,13,.86); border:1px solid rgba(255,255,255,.12); backdrop-filter:blur(18px); box-shadow:0 22px 60px rgba(0,0,0,.30); } .fp-safe-mobile-sticky a{ flex:1; min-height:44px; border-radius:13px; display:flex; align-items:center; justify-content:center; text-decoration:none!important; font-size:12px; font-weight:950; color:#fff!important; } .fp-safe-mobile-wa{ background:linear-gradient(135deg,#1fd766,#10b84f); } .fp-safe-mobile-pdf{ background:linear-gradient(135deg,var(--fp-yellow),var(--fp-yellow2)); color:#111!important; } .fp-safe-mobile-ml{ background:#fff; color:#114b9b!important; } } /* V17 ajustes Floripaint: acento turquesa premium */ .fp-safe-product{ --fp-yellow:#00a99d!important; --fp-yellow2:#00d0c0!important; --fp-green:#18c65a; } .fp-safe-kicker{ color:#00d0c0!important; } .fp-safe-panel{ background: radial-gradient(circle at 34% 68%, rgba(0,169,157,.22), transparent 24%), radial-gradient(circle at 88% 12%, rgba(0,208,192,.10), transparent 22%), linear-gradient(135deg,#06080c,#11161d 62%,#080a0f)!important; } .fp-safe-glow{ width:410px!important; height:150px!important; bottom:88px!important; background:radial-gradient(ellipse, rgba(0,169,157,.42), transparent 70%)!important; filter:blur(24px)!important; opacity:.85; } .fp-safe-image{ position:relative; isolation:isolate; background:transparent!important; overflow:visible!important; } .fp-safe-image:before{ content:""; position:absolute; width:78%; height:78%; left:50%; top:50%; transform:translate(-50%,-50%); background: radial-gradient( circle, rgba(0,208,192,.10), transparent 72% ); filter:blur(35px); z-index:0; } .fp-safe-main-img{ position:relative; z-index:2; mix-blend-mode:normal!important; background:transparent!important; border:0!important; outline:0!important; box-shadow:none!important; padding:0!important; filter: drop-shadow(0 40px 45px rgba(0,0,0,.52)) drop-shadow(0 0 35px rgba(0,208,192,.10)); transition: transform .18s ease, filter .25s ease; will-change:transform; image-rendering:auto; transform-origin:center; } .fp-safe-image:hover .fp-safe-main-img{ filter: drop-shadow(0 48px 48px rgba(0,0,0,.56)) drop-shadow(0 0 42px rgba(0,208,192,.16)); } .fp-safe-tech-card{ background: linear-gradient(135deg, rgba(0,169,157,.18), rgba(255,255,255,.045))!important; border-color:rgba(0,208,192,.25)!important; } .fp-safe-tech-card:before{ background: linear-gradient(135deg, rgba(0,208,192,.34), transparent 36%, transparent 72%, rgba(0,169,157,.14))!important; } .fp-safe-tech-card:after{ background:radial-gradient(circle, rgba(0,208,192,.18), transparent 70%)!important; } .fp-safe-tech-icon{ background:linear-gradient(135deg, rgba(0,208,192,.22), rgba(0,169,157,.08))!important; border-color:rgba(0,208,192,.24)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,169,157,.14)!important; } .fp-safe-tech-action, .fp-safe-cart, .fp-safe-mobile-pdf{ background:linear-gradient(135deg,#00d0c0,#00a99d)!important; color:#fff!important; box-shadow: 0 16px 34px rgba(0,169,157,.24), inset 0 1px 0 rgba(255,255,255,.24)!important; } .fp-safe-price{ color:#00d0c0!important; } .fp-safe-buy-pres span, .fp-safe-top-chips span{ border-color:rgba(0,208,192,.28)!important; } .fp-safe-rating-bars i:before{ background:linear-gradient(90deg,#00a99d,#7ff5ec)!important; box-shadow:0 0 18px rgba(0,169,157,.35)!important; } .fp-safe-open-colors, .fp-safe-toggle-colors{ border-color:rgba(0,208,192,.30)!important; } .fp-safe-thumb.active, .fp-safe-thumb:hover{ border-color:#00d0c0!important; box-shadow:0 0 0 2px rgba(0,208,192,.18)!important; } .fp-safe-mini-data-premium div{ position:relative; overflow:hidden; min-height:84px; background: linear-gradient(135deg, rgba(0,169,157,.13), rgba(255,255,255,.045))!important; border:1px solid rgba(0,208,192,.16)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 32px rgba(0,0,0,.10); } .fp-safe-mini-data-premium div:before{ content:""; position:absolute; width:80px; height:80px; right:-34px; top:-34px; background:radial-gradient(circle, rgba(0,208,192,.18), transparent 70%); pointer-events:none; } .fp-safe-mini-data-premium b{ font-size:14px!important; letter-spacing:-.01em; } .fp-safe-mini-data-premium span{ color:#d7f8f5!important; font-size:12px!important; line-height:1.25; } .fp-safe-teito-footer{ margin-top:24px; border-radius:28px; padding:24px 28px; position:relative; overflow:hidden; display:grid; grid-template-columns:auto 1fr auto; gap:24px; align-items:center; background: radial-gradient(circle at 0% 50%, rgba(0,208,192,.22), transparent 34%), linear-gradient(135deg, rgba(5,15,20,.96), rgba(10,22,28,.96)); border:1px solid rgba(0,208,192,.22); box-shadow: 0 24px 70px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06); } .fp-safe-teito-footer:before{ content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size:70px 70px; opacity:.22; pointer-events:none; } .fp-safe-teito-figure, .fp-safe-teito-copy, .fp-safe-teito-btn{ position:relative; z-index:2; } .fp-safe-teito-figure{ width:118px; height:118px; border-radius:26px; display:flex; align-items:center; justify-content:center; background: linear-gradient( 135deg, rgba(0,208,192,.18), rgba(255,255,255,.05) ); border:1px solid rgba(0,208,192,.22); overflow:hidden; position:relative; } .fp-safe-teito-figure img{ width:92px; height:auto; object-fit:contain; position:relative; top:6px; filter: drop-shadow(0 14px 22px rgba(0,0,0,.30)); } .fp-safe-teito-copy span{ display:inline-flex; min-height:28px; align-items:center; padding:0 11px; border-radius:999px; background:rgba(0,208,192,.13); border:1px solid rgba(0,208,192,.22); color:#7ff5ec; font-size:11px; font-weight:950; text-transform:uppercase; letter-spacing:.06em; margin-bottom:10px; } .fp-safe-teito-copy h3{ color:#fff; font-size:clamp(24px,2.4vw,34px); line-height:1.05; letter-spacing:-.035em; margin:0 0 8px; } .fp-safe-teito-copy p{ color:#cbd5e1; font-size:15px; line-height:1.5; margin:0; max-width:720px; font-weight:700; } .fp-safe-teito-btn{ min-height:50px; padding:0 22px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#1fd766,#10b84f); color:#fff!important; text-decoration:none!important; font-weight:950; white-space:nowrap; box-shadow:0 16px 34px rgba(16,184,79,.20); transition:.25s ease; } .fp-safe-teito-btn:hover{ transform:translateY(-2px); } @media(max-width:900px){ .fp-safe-teito-footer{ grid-template-columns:1fr; text-align:center; justify-items:center; } .fp-safe-teito-copy p{ max-width:100%; } .fp-safe-teito-btn{ width:100%; } } .fp-safe-share{ min-height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center; text-decoration:none!important; font-weight:950; transition:.25s ease; background:rgba(255,255,255,.075); color:#e7fffb!important; border:1px solid rgba(0,208,192,.22); box-shadow:inset 0 1px 0 rgba(255,255,255,.05); position:relative; overflow:hidden; } .fp-safe-share:before{ content:"↗"; margin-right:8px; width:22px; height:22px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:rgba(0,208,192,.14); color:#7ff5ec; font-size:13px; line-height:1; } .fp-safe-share:hover{ transform:translateY(-2px); background:rgba(0,208,192,.14); border-color:rgba(0,208,192,.36); color:#fff!important; } .fp-safe-image.:after{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background: linear-gradient(90deg, rgba(6,8,12,.20) 0%, transparent 38%, rgba(6,8,12,.86) 100%); border-radius:36px; } /* v0.2.12: mismo ancho visual que las secciones/hero de floripaint.com */ body.fp-product-full-preview .fp-app{grid-template-columns:1fr!important} body.fp-product-full-preview .fp-side{display:none!important} body.fp-product-full-preview .fp-main{padding:22px 0 0!important;overflow:visible!important;min-width:0!important} body.fp-product-full-preview .fp-top, body.fp-product-full-preview .fp-hero, body.fp-product-full-preview .fp-card.fp-preview-toolbar-card{margin-left:auto!important;margin-right:auto!important;width:calc(100% - 32px)!important;max-width:1480px!important} body.fp-product-full-preview .fp-safe-product{width:100%!important;max-width:100%!important;margin:0!important;padding:28px 16px 42px!important} body.fp-product-full-preview .fp-safe-inner{width:100%!important;max-width:1480px!important;margin:0 auto!important} body.fp-product-full-preview .fp-safe-panel{width:100%!important;max-width:100%!important;border-radius:28px!important} @media(max-width:900px){body.fp-product-full-preview .fp-top,body.fp-product-full-preview .fp-hero,body.fp-product-full-preview .fp-card.fp-preview-toolbar-card{width:calc(100% - 24px)!important}body.fp-product-full-preview .fp-safe-product{padding-left:12px!important;padding-right:12px!important}} /* v0.2.12 botones del bloque de compra respetando la referencia actual */ .fp-safe-actions .fp-safe-wa,.fp-safe-actions .fp-safe-ml,.fp-safe-actions .fp-safe-share{display:grid!important;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:62px;padding:10px 14px!important;border-radius:18px!important;text-decoration:none!important;text-align:left!important} .fp-safe-actions .fp-safe-share{grid-template-columns:42px minmax(0,1fr)} .fp-safe-action-icon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex:0 0 auto} .fp-safe-action-icon-wa{background:rgba(255,255,255,.14);color:#fff}.fp-safe-action-icon-ml{background:#ffd83d;color:#fff;font-size:24px}.fp-safe-action-icon-share{background:rgba(0,169,157,.18);border:1px solid rgba(0,169,157,.4);color:#63eee3} .fp-safe-action-svg{width:21px;height:21px;fill:currentColor;stroke:currentColor;stroke-width:1.5} .fp-safe-action-copy{display:block;min-width:0}.fp-safe-action-copy strong,.fp-safe-action-copy small{display:block}.fp-safe-action-copy strong{font-size:14px;line-height:1.25}.fp-safe-action-copy small{font-size:10px;line-height:1.3;margin-top:2px;opacity:.78;font-weight:750}.fp-safe-action-arrow{font-size:28px;line-height:1;text-align:right;font-weight:500} .fp-safe-actions .fp-safe-wa{background:linear-gradient(135deg,#13cb64,#08bbae)!important;color:#fff!important}.fp-safe-actions .fp-safe-ml{background:#fff!important;color:#10202f!important}.fp-safe-actions .fp-safe-share{background:rgba(255,255,255,.07)!important;color:#fff!important;border:1px solid rgba(0,169,157,.4)!important} /* v0.2.13 - CSS EXACTO DEL SNIPPET ACTUAL DE FLORIPAINT.COM */ .fp-safe-product{ --fp-yellow:#ffc107; --fp-yellow2:#ff9f00; --fp-green:#18c65a; --fp-dark:#07090d; --fp-text:#101828; width:100%; max-width:100%; background:#f6f7f9; padding:28px 16px 42px; font-family:inherit; overflow:hidden; } .fp-safe-product *{ box-sizing:border-box; } .fp-safe-product img{ max-width:100%; height:auto; } .fp-safe-image{ overflow:hidden; contain:layout paint; } .fp-safe-product{ --fp-accent:var(--fp-yellow); } .fp-safe-panel{ background: radial-gradient(circle at 32% 62%, color-mix(in srgb, var(--fp-accent) 30%, transparent), transparent 24%), radial-gradient(circle at 90% 12%, color-mix(in srgb, var(--fp-accent) 14%, transparent), transparent 20%), linear-gradient(135deg,#06080c,#11161d 62%,#080a0f)!important; } .fp-safe-panel:after{ content:""; position:absolute; inset:0; pointer-events:none; background: radial-gradient(circle at var(--mx, 45%) var(--my, 50%), rgba(255,255,255,.055), transparent 18%), linear-gradient(115deg, transparent 0%, rgba(255,255,255,.045) 48%, transparent 52%); opacity:.72; mix-blend-mode:screen; } .fp-safe-top-chips{ display:flex; flex-wrap:wrap; gap:8px; margin:0 0 15px; } .fp-safe-top-chips span{ display:inline-flex; min-height:30px; align-items:center; padding:0 11px; border-radius:999px; color:#fff; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.12); font-size:11px; font-weight:900; letter-spacing:.01em; } .fp-safe-image{ perspective:900px; } .fp-safe-main-img{ transition:transform .18s ease, filter .25s ease; will-change:transform; } .fp-safe-image:hover .fp-safe-main-img{ filter:drop-shadow(0 48px 46px rgba(0,0,0,.58)); } .fp-safe-glow{ background:radial-gradient(ellipse, color-mix(in srgb, var(--fp-accent) 68%, transparent), transparent 68%)!important; animation:fpSafeGlow 4.8s ease-in-out infinite; } .fp-safe-thumb.active, .fp-safe-thumb:hover{ border-color:var(--fp-accent)!important; box-shadow:0 0 0 2px color-mix(in srgb, var(--fp-accent) 28%, transparent)!important; } .fp-safe-buy-pres span, .fp-safe-tech-icon, .fp-safe-tech-card, .fp-safe-buy-box{ border-color:color-mix(in srgb, var(--fp-accent) 28%, rgba(255,255,255,.12))!important; } @keyframes fpSafeGlow{ 0%,100%{opacity:.78;transform:scale(1)} 50%{opacity:1;transform:scale(1.08)} } .fp-safe-inner{ width:100%; max-width:1480px; margin:0 auto; } .fp-safe-panel{ min-height:620px; display:grid; grid-template-columns:88px minmax(330px,1.05fr) minmax(360px,1fr) 330px; gap:28px; padding:34px; border-radius:28px; background: radial-gradient(circle at 32% 62%, rgba(255,193,7,.18), transparent 24%), radial-gradient(circle at 90% 12%, rgba(255,193,7,.08), transparent 20%), linear-gradient(135deg,#06080c,#11161d 62%,#080a0f); color:#fff; position:relative; overflow:hidden; } .fp-safe-panel:before{ content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size:80px 80px; opacity:.28; pointer-events:none; } .fp-safe-gallery, .fp-safe-image, .fp-safe-info, .fp-safe-buy{ position:relative; z-index:2; } .fp-safe-gallery{ display:flex; flex-direction:column; gap:16px; } .fp-safe-thumb{ width:78px; height:78px; border-radius:16px; padding:7px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.08); cursor:pointer; overflow:hidden; } .fp-safe-thumb.active, .fp-safe-thumb:hover{ border-color:var(--fp-yellow); box-shadow:0 0 0 2px rgba(255,193,7,.14); } .fp-safe-thumb img{ width:100%; height:100%; object-fit:contain; border-radius:10px; } .fp-safe-image{ min-height:560px; display:flex; align-items:center; justify-content:center; } .fp-safe-glow{ position:absolute; z-index:1; width:350px; height:135px; bottom:105px; background:radial-gradient(ellipse, rgba(255,193,7,.55), transparent 68%); filter:blur(15px); } .fp-safe-main-img{ display:block!important; width:auto!important; height:auto!important; max-width:500px!important; max-height:590px!important; object-fit:contain!important; position:relative; z-index:3; background:transparent!important; border:0!important; outline:0!important; box-shadow:none!important; padding:0!important; filter: drop-shadow(0 52px 55px rgba(0,0,0,.56)) drop-shadow(0 0 42px rgba(0,208,192,.12)); animation:fpSafeFloat 5.5s ease-in-out infinite; transition: transform .18s ease, filter .25s ease; will-change:transform; image-rendering:auto; transform-origin:center; } .fp-safe-info{ align-self:center; } .fp-safe-kicker{ color:var(--fp-yellow); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.06em; margin-bottom:12px; } .fp-safe-info h2{ color:#fff; font-size:clamp(38px,4vw,62px); line-height:1.02; letter-spacing:-.055em; text-transform:uppercase; margin:0 0 18px; max-width:560px; width:100%; text-wrap:initial; } .fp-safe-origin-line{ display:flex; align-items:center; gap:15px; margin:0 0 20px; opacity:.92; } .fp-safe-origin-line span{ display:none !important; } .fp-safe-factory-origin{ position:relative; } .fp-safe-factory-origin .fp-origin-line{ width:64px !important; height:2px !important; display:block !important; background:linear-gradient( 90deg, rgba(0,208,192,.82), transparent ) !important; flex-shrink:0; } .fp-safe-factory-copy h3::after{ display:none !important; content:none !important; border:0 !important; background:none !important; width:0 !important; height:0 !important; box-shadow:none !important; } .fp-safe-origin-line p{ margin:0!important; font-size:13px!important; font-weight:950!important; letter-spacing:.24em; text-transform:uppercase; line-height:1!important; opacity:.98; } .fp-safe-origin-line:before, .fp-safe-origin-line:after, .fp-safe-factory-origin:before, .fp-safe-factory-origin:after{ display:none !important; content:none !important; border:0 !important; background:none !important; } .fp-vzla-yellow{ color:#f4c542; } .fp-vzla-blue{ color:#5fa8ff; } .fp-vzla-red{ color:#ff5a5f; } .fp-safe-info p{ color:#f1f5f9; font-size:17px; line-height:1.62; font-weight:700; margin:0 0 18px; } .fp-safe-tech-card{ position:relative; overflow:hidden; margin-top:10px; padding:18px 20px 15px; border-radius:24px; background: linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,.045)); border:1px solid rgba(255,255,255,.13); display:grid; grid-template-columns:52px minmax(0,1fr) auto; gap:16px; align-items:center; backdrop-filter:blur(22px); box-shadow: 0 22px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08); isolation:isolate; } .fp-safe-tech-card:before{ content:""; position:absolute; inset:-1px; border-radius:25px; background: linear-gradient(135deg, rgba(255,193,7,.28), transparent 36%, transparent 72%, rgba(255,193,7,.12)); z-index:-2; } .fp-safe-tech-card:after{ content:""; position:absolute; width:220px; height:220px; right:-105px; top:-105px; background:radial-gradient(circle, rgba(255,193,7,.18), transparent 70%); filter:blur(18px); z-index:-1; } .fp-safe-tech-bg{ display:none; } .fp-safe-tech-icon, .fp-safe-tech-copy, .fp-safe-tech-action{ position:relative; z-index:2; } .fp-safe-tech-icon{ width:52px; height:52px; border-radius:18px; background: linear-gradient(135deg, rgba(255,193,7,.22), rgba(255,193,7,.08)); border:1px solid rgba(255,193,7,.22); display:flex; align-items:center; justify-content:center; font-size:25px; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(255,193,7,.12); flex-shrink:0; } .fp-safe-tech-copy{ display:flex; flex-direction:column; justify-content:center; min-width:0; } .fp-safe-tech-copy strong{ color:#fff; font-size:20px; font-weight:950; letter-spacing:-.02em; line-height:1.12; margin:0 0 5px; display:block; white-space:nowrap; } .fp-safe-tech-copy span{ color:#cbd5e1; font-size:12.5px; line-height:1.45; font-weight:700; display:block; max-width:420px; } .fp-safe-tech-action{ min-height:36px; padding:0 22px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#ffcc00,#ffb100); color:#111!important; text-decoration:none!important; font-weight:950; font-size:14px; letter-spacing:-.01em; white-space:nowrap; box-shadow: 0 14px 34px rgba(255,193,7,.24), inset 0 1px 0 rgba(255,255,255,.35); transition:.28s ease; } .fp-safe-tech-action:hover{ transform:translateY(-2px) scale(1.01); box-shadow: 0 22px 48px rgba(255,193,7,.32), inset 0 1px 0 rgba(255,255,255,.45); } .fp-safe-tech-disabled{ background:rgba(255,255,255,.08)!important; color:#cbd5e1!important; border:1px solid rgba(255,255,255,.10); box-shadow:none!important; } .fp-safe-tech-points{ grid-column:1 / -1; margin-top:2px; padding-top:14px; border-top:1px solid rgba(255,255,255,.10); display:flex; flex-wrap:wrap; gap:9px; } .fp-safe-tech-points span{ min-height:30px; padding:0 12px; border-radius:999px; display:inline-flex; align-items:center; gap:7px; color:#eafffd; font-size:12px; line-height:1; font-weight:900; background:rgba(0,208,192,.08); border:1px solid rgba(0,208,192,.18); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); } .fp-safe-tech-points i{ width:17px; height:17px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#061015; background:#7ff5ec; font-size:11px; font-style:normal; font-weight:950; flex-shrink:0; } @media(max-width:1280px){ .fp-safe-tech-card{ grid-template-columns:52px 1fr; } .fp-safe-tech-action{ grid-column:1 / -1; width:100%; } .fp-safe-tech-copy strong{ white-space:normal; } .fp-safe-tech-points{ gap:7px; } .fp-safe-tech-points span{ flex:0 1 auto; justify-content:flex-start; max-width:100%; } } .fp-safe-buy{ align-self:center; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.16); border-radius:22px; padding:24px; backdrop-filter:blur(18px); box-shadow:0 24px 60px rgba(0,0,0,.22); } .fp-safe-actions{ display:flex; flex-direction:column; gap:12px; margin-top:4px; } .fp-safe-btn, .fp-safe-ml, .fp-safe-share{ width:100%; border-radius:16px; display:flex; align-items:center; justify-content:flex-start; gap:12px; text-decoration:none!important; transition:.25s ease; position:relative; overflow:hidden; } .fp-safe-wa{ min-height:62px; padding:9px 42px 9px 12px; background: radial-gradient(circle at 15% 50%, rgba(34,197,94,.50), transparent 38%), linear-gradient(135deg,#12d85f,#00b894 48%,#00a99d); color:#fff!important; border:1px solid rgba(127,245,236,.42); box-shadow: 0 18px 42px rgba(0,208,192,.24), 0 0 0 1px rgba(255,255,255,.05) inset, inset 0 1px 0 rgba(255,255,255,.22); } .fp-safe-wa:before{ content:""; position:absolute; inset:-1px; background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.22) 45%, transparent 62%); transform:translateX(-120%); transition:transform .65s ease; } .fp-safe-wa:hover:before{ transform:translateX(120%); } .fp-safe-wa:hover{ transform:translateY(-2px); box-shadow: 0 24px 58px rgba(0,208,192,.34), 0 0 0 1px rgba(255,255,255,.07) inset, inset 0 1px 0 rgba(255,255,255,.28); } .fp-safe-action-icon{ width:42px; height:42px; min-width:42px; min-height:42px; border-radius:14px; display:flex; align-items:center; justify-content:center; flex:0 0 42px; position:relative; z-index:2; } .fp-safe-action-icon-wa{ background:rgba(0,120,64,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 10px 24px rgba(0,0,0,.18); } .fp-safe-action-icon-ml{ width:42px; height:42px; border-radius:12px; background:linear-gradient(135deg,#ffe14a,#ffd21f); border:1px solid rgba(17,24,39,.14); box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 8px 18px rgba(0,0,0,.10); color:#14213d; } .fp-safe-action-icon-share{ width:32px; height:32px; min-width:32px; min-height:32px; flex:0 0 32px; border-radius:11px; background:rgba(0,208,192,.10); border:1px solid rgba(0,208,192,.22); color:#7ff5ec; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); } .fp-safe-action-svg{ width:26px; height:26px; display:block; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; } .fp-safe-action-icon-wa .fp-safe-action-svg{ width:18px; height:18px; fill:#ffffff; color:#ffffff; } .fp-safe-action-icon-ml .fp-safe-action-svg{ width:25px; height:25px; fill:#ffffff; color:#ffffff; display:block; opacity:1; } .fp-safe-action-copy{ display:flex; flex-direction:column; min-width:0; position:relative; z-index:2; margin-left:0; } .fp-safe-action-copy strong{ color:inherit; font-size:15px; line-height:1.15; font-weight:950; letter-spacing:-.02em; } .fp-safe-wa .fp-safe-action-copy strong{ font-size:16px; line-height:1.08; white-space:nowrap; } .fp-safe-action-copy small{ margin-top:4px; color:rgba(255,255,255,.82); font-size:12px; line-height:1.2; font-weight:700; } .fp-safe-wa .fp-safe-action-copy small{ font-size:10.5px; line-height:1.15; font-weight:620; margin-top:3px; opacity:.86; } .fp-safe-action-arrow{ position:absolute; right:16px; top:50%; transform:translateY(-50%); color:currentColor; font-size:30px; line-height:1; font-weight:300; z-index:2; opacity:.94; } .fp-safe-ml{ min-height:49px; padding:7px 36px 7px 12px; background:linear-gradient(135deg,#ffffff,#eef4f8); color:#111827!important; border:1px solid rgba(255,255,255,.44); box-shadow: 0 14px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.80); } .fp-safe-ml:hover{ transform:translateY(-2px); box-shadow: 0 20px 38px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.90); } .fp-safe-ml .fp-safe-action-copy strong{ font-size:12.5px; line-height:1.1; } .fp-safe-ml .fp-safe-action-copy small{ font-size:10.5px; line-height:1.12; color:#64748b; margin-top:2px; font-weight:600; } .fp-safe-ml .fp-safe-action-copy small{ color:#475569; } .fp-safe-share{ min-height:40px; padding:7px 12px; color:#eafffd!important; background:rgba(255,255,255,.035); border:1px solid rgba(0,208,192,.14); justify-content:flex-start; border-radius:14px; } .fp-safe-share:hover{ transform:translateY(-2px); background:rgba(0,208,192,.09); border-color:rgba(0,208,192,.24); } .fp-safe-share .fp-safe-action-copy{ margin-left:0; } .fp-safe-share .fp-safe-action-svg{ width:18px; height:18px; } .fp-safe-share .fp-safe-action-copy strong{ font-size:12.5px; font-weight:780; letter-spacing:-.01em; } .fp-safe-cart{ min-height:46px; padding:0 22px; justify-content:center; background:linear-gradient(135deg,var(--fp-yellow),var(--fp-yellow2)); color:#111!important; font-weight:950; box-shadow:0 12px 28px rgba(255,193,7,.18); } .fp-safe-cart:hover{ transform:translateY(-2px); } .fp-safe-buy small{ color:#e5e7eb; font-weight:900; font-size:16px; display:block; margin-bottom:8px; } .fp-safe-price{ color:var(--fp-yellow); font-size:38px; font-weight:950; line-height:1; margin-bottom:20px; } .fp-safe-price del{ color:#9ca3af; font-size:18px; margin-right:8px; } .fp-safe-price ins{ text-decoration:none; } .fp-safe-buy-box{ border:1px solid rgba(255,255,255,.14); border-radius:16px; padding:16px; background:rgba(0,0,0,.14); margin-bottom:18px; } .fp-safe-buy-box b{ color:#cbd5e1; text-transform:uppercase; font-size:12px; display:block; margin-bottom:10px; } .fp-safe-buy-box em{ color:#fff; font-style:normal; font-weight:900; } .fp-safe-buy-pres{ display:flex; flex-wrap:wrap; gap:8px; } .fp-safe-buy-pres span{ min-height:32px; display:inline-flex; align-items:center; justify-content:center; padding:0 12px; border-radius:999px; background:rgba(255,193,7,.14); border:1px solid rgba(255,193,7,.36); color:#fff; font-size:12px; font-weight:900; } .fp-safe-buy-colors{ padding-bottom:14px; } .fp-safe-buy-color-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; } .fp-safe-buy-color{ appearance:none; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.055); border-radius:14px; padding:9px 6px; cursor:default; min-height:74px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; } .fp-safe-buy-color i{ width:30px; height:30px; border-radius:50%; border:2px solid rgba(255,255,255,.92); outline:1px solid rgba(255,255,255,.22); display:block; } .fp-safe-buy-color span{ color:#fff; font-size:10px; font-weight:900; line-height:1.05; text-align:center; max-width:72px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .fp-safe-colors-scroll{ max-height:none; overflow:visible; } .fp-safe-colors-scroll.has-scroll{ max-height:168px; /* muestra aprox. 6 colores en 2 filas */ overflow-y:auto; overflow-x:hidden; padding-right:4px; scrollbar-width:thin; scrollbar-color:rgba(255,193,7,.55) rgba(255,255,255,.08); } .fp-safe-colors-scroll.has-scroll::-webkit-scrollbar{ width:6px; } .fp-safe-colors-scroll.has-scroll::-webkit-scrollbar-track{ background:rgba(255,255,255,.08); border-radius:999px; } .fp-safe-colors-scroll.has-scroll::-webkit-scrollbar-thumb{ background:rgba(255,193,7,.55); border-radius:999px; } .fp-safe-open-colors{ width:100%; min-height:38px; margin-top:10px; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.09); color:#fff; font-size:12px; font-weight:950; cursor:pointer; transition:.25s ease; } .fp-safe-open-colors:hover{ transform:translateY(-1px); background:rgba(255,193,7,.22); } .fp-safe-color-modal{ position:fixed; inset:0; z-index:999999; display:none; align-items:center; justify-content:center; padding:22px; } .fp-safe-color-modal.is-open{ display:flex; } .fp-safe-color-modal-backdrop{ position:absolute; inset:0; background:rgba(3,7,12,.78); backdrop-filter:blur(12px); } .fp-safe-color-modal-panel{ position:relative; z-index:2; width:min(920px,96vw); max-height:86vh; overflow:auto; border-radius:28px; padding:30px; background: radial-gradient(circle at 20% 0%, rgba(255,193,7,.16), transparent 28%), linear-gradient(135deg,#080c12,#151b24); border:1px solid rgba(255,255,255,.14); box-shadow:0 40px 110px rgba(0,0,0,.45); color:#fff; } .fp-safe-color-modal-close{ position:absolute; top:18px; right:18px; width:42px; height:42px; border-radius:50%; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.08); color:#fff; font-size:28px; line-height:1; cursor:pointer; } .fp-safe-color-modal-head{ padding-right:54px; margin-bottom:22px; } .fp-safe-color-modal-head span{ color:var(--fp-yellow); font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; } .fp-safe-color-modal-head h3{ margin:8px 0; color:#fff; font-size:clamp(30px,4vw,48px); line-height:1; letter-spacing:-.04em; } .fp-safe-color-modal-head p{ color:#cbd5e1; margin:0; font-weight:700; } .fp-safe-color-modal-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(132px,1fr)); gap:20px; } .fp-safe-modal-color{ min-height:118px; border-radius:18px; padding:14px 10px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:10px; } .fp-safe-modal-color i{ width:48px; height:48px; border-radius:50%; border:3px solid rgba(255,255,255,.92); outline:1px solid rgba(255,255,255,.20); box-shadow:0 12px 28px rgba(0,0,0,.28); } .fp-safe-modal-color strong{ color:#fff; font-size:12.5px; line-height:1.15; font-weight:950; } body.fp-safe-modal-lock{ overflow:hidden; } .fp-safe-cards a:hover, .fp-safe-tech-action:hover{ transform:translateY(-2px); } .fp-safe-simulator-banner, .fp-safe-factory-band, .fp-safe-related-products{ margin-top:24px; position:relative; overflow:hidden; border-radius:28px; background: radial-gradient(circle at 10% 20%, rgba(0,208,192,.20), transparent 30%), linear-gradient(135deg,#071016,#101820 68%,#07090d); border:1px solid rgba(0,208,192,.20); box-shadow: 0 24px 70px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06); color:#fff; } .fp-safe-simulator-banner:before, .fp-safe-factory-band:before, .fp-safe-related-products:before{ content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size:72px 72px; opacity:.18; pointer-events:none; } .fp-safe-faq-premium{ position:relative; overflow:hidden; margin:28px 0 34px; padding:46px 46px 38px; border-radius:34px; background: radial-gradient(circle at 12% 0%,rgba(0,169,157,.08),transparent 34%), radial-gradient(circle at 88% 12%,rgba(255,193,7,.08),transparent 32%), linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.88)); border:1px solid rgba(15,23,42,.07); box-shadow: 0 22px 60px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.92); } .fp-safe-faq-premium:before{ content:""; position:absolute; inset:18px; border-radius:28px; border:1px solid rgba(255,255,255,.72); pointer-events:none; } .fp-safe-faq-head{ position:relative; z-index:2; max-width:720px; margin:0 auto 28px; text-align:center; } .fp-safe-faq-head span{ display:inline-flex; align-items:center; justify-content:center; height:32px; padding:0 14px; margin-bottom:14px; border-radius:999px; background:rgba(0,169,157,.08); border:1px solid rgba(0,169,157,.12); color:#007f77; font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; } .fp-safe-faq-head h3{ margin:0 0 12px; color:#0f172a; font-size:clamp(28px,3vw,44px); line-height:1.05; letter-spacing:-.04em; } .fp-safe-faq-head p{ margin:0 auto; max-width:590px; color:#475467; font-size:15.5px; line-height:1.72; font-weight:560; } .fp-safe-faq-list{ position:relative; z-index:2; display:grid; gap:12px; max-width:930px; margin:0 auto; } .fp-safe-faq-item{ overflow:hidden; border-radius:20px; background:rgba(255,255,255,.76); border:1px solid rgba(15,23,42,.075); box-shadow: 0 10px 28px rgba(15,23,42,.038), inset 0 1px 0 rgba(255,255,255,.88); transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease; } .fp-safe-faq-item:hover{ transform:translateY(-2px); border-color:rgba(0,169,157,.14); box-shadow:0 14px 34px rgba(15,23,42,.055); } .fp-safe-faq-question{ position:relative; z-index:5; pointer-events:auto; } .fp-safe-faq-question *{ pointer-events:none; } .fp-safe-faq-item{ position:relative; } .fp-safe-faq-question{ width:100%; border:0; background:transparent; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:18px; cursor:pointer; text-align:left; color:#10243b; font-size:15.5px; font-weight:850; letter-spacing:-.015em; } .fp-safe-faq-question i{ position:relative; flex:0 0 auto; width:34px; height:34px; border-radius:999px; background:rgba(0,169,157,.08); border:1px solid rgba(0,169,157,.12); transition:transform .36s cubic-bezier(.16,1,.3,1), background .36s ease, border-color .36s ease; } .fp-safe-faq-question i:before, .fp-safe-faq-question i:after{ content:""; position:absolute; left:50%; top:50%; width:12px; height:1.5px; border-radius:999px; background:#00a99d; transform:translate(-50%,-50%); transition:transform .36s cubic-bezier(.16,1,.3,1), opacity .28s ease; } .fp-safe-faq-question i:after{ transform:translate(-50%,-50%) rotate(90deg); } .fp-safe-faq-answer{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .42s cubic-bezier(.16,1,.3,1); } .fp-safe-faq-answer > p{ overflow:hidden; margin:0; padding:8px 28px 0; color:#475467; font-size:14.5px; line-height:1.76; font-weight:520; } .fp-safe-faq-item.is-open{ border-color:rgba(0,169,157,.16); background:rgba(255,255,255,.88); box-shadow: 0 16px 40px rgba(15,23,42,.06), 0 0 24px rgba(0,169,157,.06), inset 0 1px 0 rgba(255,255,255,.92); } .fp-safe-faq-item.is-open .fp-safe-faq-answer{ grid-template-rows:1fr; } .fp-safe-faq-item.is-open .fp-safe-faq-answer > p{ padding:8px 28px 18px; } .fp-safe-faq-item.is-open .fp-safe-faq-question i{ transform:rotate(180deg); background:rgba(0,169,157,.12); } .fp-safe-faq-item.is-open .fp-safe-faq-question i:after{ opacity:0; transform:translate(-50%,-50%) rotate(0deg); } .fp-safe-simulator-banner{ display:grid; grid-template-columns:minmax(280px,.85fr) 1.15fr; gap:32px; align-items:center; padding:32px 38px; } .fp-safe-sim-copy, .fp-safe-sim-preview, .fp-safe-section-head, .fp-safe-factory-grid, .fp-safe-related-track{ position:relative; z-index:2; } .fp-safe-sim-copy span, .fp-safe-section-head span{ display:block; color:#00d0c0; font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.08em; margin-bottom:10px; } .fp-safe-sim-copy h3, .fp-safe-section-head h3{ color:#fff; font-size:clamp(28px,3vw,42px); line-height:1.02; letter-spacing:-.04em; margin:0 0 12px; } .fp-safe-sim-copy p{ color:#cbd5e1; font-size:16px; line-height:1.62; font-weight:700; max-width:420px; margin:0 0 18px; } .fp-safe-sim-btn{ min-height:46px; padding:0 22px; border-radius:14px; display:inline-flex; align-items:center; justify-content:center; gap:10px; background:linear-gradient(135deg,#00d0c0,#00a99d); color:#fff!important; text-decoration:none!important; font-weight:950; box-shadow: 0 16px 34px rgba(0,169,157,.24), inset 0 1px 0 rgba(255,255,255,.24); transition:.25s ease; } .fp-safe-sim-btn:after{ content:"›"; font-size:24px; line-height:1; transform:translateY(-1px); } .fp-safe-sim-btn:hover{ transform:translateY(-2px); box-shadow: 0 22px 48px rgba(0,169,157,.34), inset 0 1px 0 rgba(255,255,255,.30); } .fp-safe-simulator-banner{ display:grid; grid-template-columns:minmax(320px,.78fr) 1.22fr; gap:42px; align-items:center; padding:34px 42px; min-height:340px; } .fp-safe-sim-preview{ min-height:240px; display:flex; align-items:center; justify-content:flex-end; perspective:1400px; } .fp-safe-sim-screen{ position:relative; width:min(100%,680px); border-radius:28px; overflow:hidden; background:linear-gradient( 135deg, rgba(15,23,32,.96), rgba(5,10,15,.98) ); border:1px solid rgba(0,208,192,.22); box-shadow: 0 40px 90px rgba(0,0,0,.42), 0 0 70px rgba(0,208,192,.10); transform: rotateY(-4deg) rotateX(1deg); transition: transform .45s ease, box-shadow .45s ease; } .fp-safe-sim-screen:hover{ transform: rotateY(-4deg) rotateX(0deg) translateY(-4px); box-shadow: 0 55px 120px rgba(0,0,0,.50), 0 0 90px rgba(0,208,192,.16); } .fp-safe-sim-screen:before{ content:""; position:absolute; inset:0; background: linear-gradient( 115deg, transparent 0%, rgba(255,255,255,.06) 48%, transparent 52% ); pointer-events:none; z-index:2; } .fp-safe-sim-screen img{ display:block; width:100%; height:auto; object-fit:cover; } .fp-safe-room-before, .fp-safe-room-after{ left:50%; background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)), linear-gradient(90deg,#00a99d 0 100%), radial-gradient(circle at 68% 78%, #20353a 0 12%, transparent 13%), linear-gradient(#0b5d58 68%,#0f172a 68%); } .fp-safe-factory-photo{ display:flex; align-items:flex-end; height:100%; } .fp-safe-factory-photo img{ width:100%; height:auto; max-height:100%; object-fit:cover; display:block; } .fp-safe-factory-band{ padding:18px 26px 18px; } .fp-safe-factory-hero{ margin-bottom:-50px; position:relative; z-index:2; } .fp-safe-factory-photo{ margin-bottom:-20px; } .fp-safe-factory-metrics.fp-safe-factory-strip-premium{ margin-top:0; position:relative; z-index:8; width:calc(100% - 80px); margin-left:auto; margin-right:auto; } .fp-safe-related-products{ padding:30px 30px 34px; } .fp-safe-section-head-center{ text-align:center; margin-bottom:24px; } .fp-safe-related-track{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; } .fp-safe-related-card{ min-height:230px; padding:16px; border-radius:22px; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.11); text-decoration:none!important; color:#fff!important; display:flex; flex-direction:column; justify-content:space-between; transition:.25s ease; overflow:hidden; } .fp-safe-related-card:hover{ transform:translateY(-4px); background:rgba(0,208,192,.10); border-color:rgba(0,208,192,.28); box-shadow:0 20px 48px rgba(0,0,0,.22); } .fp-safe-related-img{ height:132px; border-radius:18px; background: radial-gradient(circle at 50% 78%, rgba(0,208,192,.22), transparent 38%), rgba(255,255,255,.05); display:flex; align-items:center; justify-content:center; margin-bottom:14px; } .fp-safe-related-img img{ max-width:86%; max-height:120px; object-fit:contain; filter:drop-shadow(0 16px 22px rgba(0,0,0,.34)); } .fp-safe-related-card strong{ color:#fff; font-size:14px; line-height:1.25; font-weight:950; display:block; margin-bottom:10px; } .fp-safe-related-card span{ color:#7ff5ec; font-size:12px; font-weight:950; text-transform:uppercase; letter-spacing:.04em; } /* V18 simulador premium: profundidad, badge, chips, botón glass y light sweep */ .fp-safe-simulator-banner{ isolation:isolate; background: radial-gradient(circle at 8% 12%, rgba(0,208,192,.22), transparent 28%), radial-gradient(circle at 92% 78%, rgba(31,91,184,.13), transparent 30%), linear-gradient(120deg,#061015,#101820 58%,#05070b)!important; } .fp-safe-simulator-banner:after{ content:""; position:absolute; inset:-35%; background: radial-gradient(circle at 18% 30%, rgba(0,208,192,.08), transparent 18%), radial-gradient(circle at 70% 55%, rgba(244,197,66,.045), transparent 16%), radial-gradient(circle at 84% 28%, rgba(182,90,60,.045), transparent 18%); filter:blur(10px); opacity:.9; animation:fpSafeAmbientLight 16s ease-in-out infinite alternate; pointer-events:none; z-index:0; } .fp-safe-simulator-banner:before{ opacity:.12!important; background-image: linear-gradient(rgba(255,255,255,.030) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.030) 1px, transparent 1px), radial-gradient(circle, rgba(255,255,255,.07) 1px, transparent 1px)!important; background-size:72px 72px,72px 72px,18px 18px!important; } .fp-safe-sim-copy{ z-index:3!important; } .fp-safe-sim-stats{ display:flex; flex-wrap:wrap; gap:9px; margin:0 0 18px; } .fp-safe-sim-stats span{ min-height:30px; padding:0 12px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; color:#d7fffb; font-size:11px; font-weight:950; letter-spacing:.01em; background:rgba(255,255,255,.055); border:1px solid rgba(0,208,192,.22); box-shadow:inset 0 1px 0 rgba(255,255,255,.06); backdrop-filter:blur(12px); } .fp-safe-sim-btn{ background: linear-gradient(135deg, rgba(0,208,192,.26), rgba(0,169,157,.18))!important; border:1px solid rgba(0,208,192,.36)!important; color:#eafffd!important; backdrop-filter:blur(18px); box-shadow: 0 18px 42px rgba(0,169,157,.20), inset 0 1px 0 rgba(255,255,255,.22)!important; position:relative; overflow:hidden; } .fp-safe-sim-btn:before{ content:""; position:absolute; inset:-1px; background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.20) 45%, transparent 62%); transform:translateX(-120%); transition:transform .65s ease; } .fp-safe-sim-btn:hover:before{ transform:translateX(120%); } .fp-safe-sim-btn:hover{ background: linear-gradient(135deg, rgba(0,208,192,.36), rgba(0,169,157,.24))!important; transform:translateY(-2px); } .fp-safe-sim-screen{ z-index:3; transform: rotateY(-5deg) rotateX(1.5deg) translateZ(0); transform-style:preserve-3d; animation:fpSafeScreenFloat 7s ease-in-out infinite; } .fp-safe-sim-screen:hover{ transform: rotateY(-2deg) rotateX(.5deg) translateY(-6px) scale(1.018); box-shadow: 0 58px 128px rgba(0,0,0,.52), 0 0 90px rgba(0,208,192,.20), 0 0 70px rgba(31,91,184,.10)!important; } .fp-safe-sim-screen:after{ content:""; position:absolute; inset:0; background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.10) 48%, transparent 58%); transform:translateX(-130%); opacity:.75; pointer-events:none; z-index:3; transition:transform .85s ease; } .fp-safe-sim-screen:hover:after{ transform:translateX(130%); } .fp-safe-sim-badge{ position:absolute; top:16px; right:16px; z-index:4; min-height:32px; padding:0 13px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; color:#dffffb; font-size:11px; font-weight:950; letter-spacing:.08em; text-transform:uppercase; background:rgba(5,15,20,.46); border:1px solid rgba(0,208,192,.34); box-shadow: 0 12px 28px rgba(0,0,0,.24), 0 0 22px rgba(0,208,192,.13), inset 0 1px 0 rgba(255,255,255,.12); backdrop-filter:blur(18px); } @keyframes fpSafeAmbientLight{ 0%{transform:translate3d(-1.5%, -1%, 0) scale(1);} 50%{transform:translate3d(1.5%, 1%, 0) scale(1.04);} 100%{transform:translate3d(2%, -1.5%, 0) scale(1.02);} } @keyframes fpSafeScreenFloat{ 0%,100%{ transform:rotateY(-5deg) rotateX(1.5deg) translateY(0) translateZ(0); } 50%{ transform:rotateY(-4deg) rotateX(1deg) translateY(-5px) translateZ(0); } } @keyframes fpSafeFloat{ 0%,100%{transform:translateY(0)} 50%{transform:translateY(-10px)} } @media(max-width:1180px){ .fp-safe-factory-grid, .fp-safe-related-track{ grid-template-columns:repeat(2,1fr); } .fp-safe-simulator-banner{ grid-template-columns:1fr; } .fp-safe-sim-preview{ justify-content:center; } } @media(max-width:1180px){ .fp-safe-panel{ grid-template-columns:82px 1fr 1fr; } .fp-safe-buy{ grid-column:2 / 4; display:grid; grid-template-columns:1fr 1fr; gap:20px; } .fp-safe-actions{ grid-column:2; grid-row:1 / 4; align-self:center; } .fp-safe-cards{ grid-template-columns:repeat(2,1fr); } } @media(max-width:768px){ .fp-safe-info h2{ font-size:clamp(38px,12vw,54px); line-height:.90; letter-spacing:-.045em; } } @media(max-width:768px){ .fp-safe-product{ padding:20px 12px 32px; } .fp-safe-panel{ grid-template-columns:1fr; padding:22px; border-radius:22px; } .fp-safe-gallery{ order:2; flex-direction:row; overflow-x:auto; } .fp-safe-image{ min-height:360px; } .fp-safe-main-img{ max-width:340px!important; max-height:400px!important; } .fp-safe-buy{ grid-column:auto; display:block; } .fp-safe-simulator-banner{ grid-template-columns:1fr; padding:26px 22px; } .fp-safe-sim-preview{ justify-content:center; min-height:220px; } .fp-safe-sim-stats{ justify-content:center; } .fp-safe-sim-screen{ width:100%!important; transform:none!important; animation:none!important; border-radius:22px; } .fp-safe-sim-badge{ top:10px; right:10px; min-height:28px; font-size:10px; } .fp-safe-factory-grid, .fp-safe-related-track{ grid-template-columns:1fr; } .fp-safe-tech-card{ grid-template-columns:1fr; text-align:center; } .fp-safe-tech-icon{ margin:0 auto; } .fp-safe-tech-action{ width:100%; } } @media(max-width:768px){ .fp-safe-mobile-sticky a{ flex:1; min-height:48px; border-radius:13px; display:flex; align-items:center; justify-content:center; text-decoration:none!important; font-size:12px; font-weight:950; color:#fff!important; } .fp-safe-mobile-pdf{ background:linear-gradient(135deg,var(--fp-yellow),var(--fp-yellow2)); color:#111!important; } .fp-safe-mobile-ml{ background:#fff; color:#114b9b!important; } } /* V17 ajustes Floripaint: acento turquesa premium */ .fp-safe-product{ --fp-yellow:#00a99d!important; --fp-yellow2:#00d0c0!important; --fp-green:#18c65a; } .fp-safe-kicker{ color:#00d0c0!important; } .fp-safe-panel{ background: radial-gradient(circle at 34% 68%, rgba(0,169,157,.22), transparent 24%), radial-gradient(circle at 88% 12%, rgba(0,208,192,.10), transparent 22%), linear-gradient(135deg,#06080c,#11161d 62%,#080a0f)!important; } .fp-safe-glow{ width:410px!important; height:150px!important; bottom:88px!important; background:radial-gradient(ellipse, rgba(0,169,157,.42), transparent 70%)!important; filter:blur(24px)!important; opacity:.85; } .fp-safe-image{ position:relative; isolation:isolate; background:transparent!important; overflow:visible!important; } .fp-safe-image:before{ content:""; position:absolute; width:78%; height:78%; left:50%; top:50%; transform:translate(-50%,-50%); background: radial-gradient( circle, rgba(0,208,192,.10), transparent 72% ); filter:blur(35px); z-index:0; } .fp-safe-main-img{ position:relative; z-index:2; mix-blend-mode:normal!important; background:transparent!important; border:0!important; outline:0!important; box-shadow:none!important; padding:0!important; filter: drop-shadow(0 40px 45px rgba(0,0,0,.52)) drop-shadow(0 0 35px rgba(0,208,192,.10)); transition: transform .18s ease, filter .25s ease; will-change:transform; image-rendering:auto; transform-origin:center; } .fp-safe-image:hover .fp-safe-main-img{ filter: drop-shadow(0 48px 48px rgba(0,0,0,.56)) drop-shadow(0 0 42px rgba(0,208,192,.16)); } .fp-safe-tech-card{ background: linear-gradient(135deg, rgba(0,169,157,.18), rgba(255,255,255,.045))!important; border-color:rgba(0,208,192,.25)!important; } .fp-safe-tech-card:before{ background: linear-gradient(135deg, rgba(0,208,192,.34), transparent 36%, transparent 72%, rgba(0,169,157,.14))!important; } .fp-safe-tech-card:after{ background:radial-gradient(circle, rgba(0,208,192,.18), transparent 70%)!important; } .fp-safe-tech-icon{ background:linear-gradient(135deg, rgba(0,208,192,.22), rgba(0,169,157,.08))!important; border-color:rgba(0,208,192,.24)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,169,157,.14)!important; } .fp-safe-tech-action, .fp-safe-cart, .fp-safe-mobile-pdf{ background:linear-gradient(135deg,#00d0c0,#00a99d)!important; color:#fff!important; box-shadow: 0 16px 34px rgba(0,169,157,.24), inset 0 1px 0 rgba(255,255,255,.24)!important; } .fp-safe-price{ color:#00d0c0!important; } .fp-safe-buy-pres span, .fp-safe-top-chips span{ border-color:rgba(0,208,192,.28)!important; } .fp-safe-open-colors, .fp-safe-toggle-colors{ border-color:rgba(0,208,192,.30)!important; } .fp-safe-thumb.active, .fp-safe-thumb:hover{ border-color:#00d0c0!important; box-shadow:0 0 0 2px rgba(0,208,192,.18)!important; } .fp-safe-mini-data-premium div{ position:relative; overflow:hidden; min-height:84px; background: linear-gradient(135deg, rgba(0,169,157,.13), rgba(255,255,255,.045))!important; border:1px solid rgba(0,208,192,.16)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 32px rgba(0,0,0,.10); } .fp-safe-mini-data-premium div:before{ content:""; position:absolute; width:80px; height:80px; right:-34px; top:-34px; background:radial-gradient(circle, rgba(0,208,192,.18), transparent 70%); pointer-events:none; } .fp-safe-mini-data-premium b{ font-size:14px!important; letter-spacing:-.01em; } .fp-safe-mini-data-premium span{ color:#d7f8f5!important; font-size:12px!important; line-height:1.25; } .fp-safe-teito-footer{ margin-top:24px; border-radius:28px; padding:24px 28px; position:relative; overflow:hidden; display:grid; grid-template-columns:auto 1fr auto; gap:24px; align-items:center; background: radial-gradient(circle at 0% 50%, rgba(0,208,192,.22), transparent 34%), linear-gradient(135deg, rgba(5,15,20,.96), rgba(10,22,28,.96)); border:1px solid rgba(0,208,192,.22); box-shadow: 0 24px 70px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06); } .fp-safe-teito-footer:before{ content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size:70px 70px; opacity:.22; pointer-events:none; } .fp-safe-teito-figure, .fp-safe-teito-copy, .fp-safe-teito-btn{ position:relative; z-index:2; } .fp-safe-teito-figure{ width:118px; height:118px; border-radius:26px; display:flex; align-items:center; justify-content:center; background: linear-gradient( 135deg, rgba(0,208,192,.18), rgba(255,255,255,.05) ); border:1px solid rgba(0,208,192,.22); overflow:hidden; position:relative; } .fp-safe-teito-figure img{ width:92px; height:auto; object-fit:contain; position:relative; top:6px; filter: drop-shadow(0 14px 22px rgba(0,0,0,.30)); } .fp-safe-teito-copy span{ display:inline-flex; min-height:28px; align-items:center; padding:0 11px; border-radius:999px; background:rgba(0,208,192,.13); border:1px solid rgba(0,208,192,.22); color:#7ff5ec; font-size:11px; font-weight:950; text-transform:uppercase; letter-spacing:.06em; margin-bottom:10px; } .fp-safe-teito-copy h3{ color:#fff; font-size:clamp(24px,2.4vw,34px); line-height:1.05; letter-spacing:-.035em; margin:0 0 8px; } .fp-safe-teito-copy p{ color:#cbd5e1; font-size:15px; line-height:1.5; margin:0; max-width:720px; font-weight:700; } .fp-safe-teito-btn{ min-height:50px; padding:0 22px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#1fd766,#10b84f); color:#fff!important; text-decoration:none!important; font-weight:950; white-space:nowrap; box-shadow:0 16px 34px rgba(16,184,79,.20); transition:.25s ease; } .fp-safe-teito-btn:hover{ transform:translateY(-2px); } @media(max-width:900px){ .fp-safe-teito-footer{ grid-template-columns:1fr; text-align:center; justify-items:center; } .fp-safe-teito-copy p{ max-width:100%; } .fp-safe-teito-btn{ width:100%; } } .fp-safe-share{ min-height:46px; border-radius:13px; display:flex; align-items:center; justify-content:center; text-decoration:none!important; font-weight:950; transition:.25s ease; background:rgba(255,255,255,.075); color:#e7fffb!important; border:1px solid rgba(0,208,192,.22); box-shadow:inset 0 1px 0 rgba(255,255,255,.05); position:relative; overflow:hidden; } .fp-safe-share:hover{ transform:translateY(-2px); background:rgba(0,208,192,.14); border-color:rgba(0,208,192,.36); color:#fff!important; } .fp-safe-image.:after{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none; background: linear-gradient(90deg, rgba(6,8,12,.20) 0%, transparent 38%, rgba(6,8,12,.86) 100%); border-radius:36px; } /* V19 superficie blanca premium: integración visual inferior */ .fp-safe-product{ background: linear-gradient(180deg,#f4f6f8 0%,#ffffff 48%,#f7f8fb 100%)!important; } .fp-safe-panel{ margin-bottom:0!important; border-bottom-left-radius:28px!important; border-bottom-right-radius:28px!important; } .fp-safe-lower-surface{ position:relative; margin-top:22px; padding:34px; border-radius:32px; background: radial-gradient(circle at 12% 8%, rgba(0,208,192,.075), transparent 26%), radial-gradient(circle at 88% 20%, rgba(31,91,184,.055), transparent 28%), linear-gradient(180deg,#ffffff 0%,#f8fafc 100%); border:1px solid rgba(15,23,42,.06); box-shadow: 0 28px 90px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.9); overflow:hidden; } .fp-safe-lower-surface:before{ content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(15,23,42,.030) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.030) 1px, transparent 1px); background-size:86px 86px; opacity:.45; pointer-events:none; } .fp-safe-lower-surface:after{ content:""; position:absolute; left:7%; right:7%; top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(0,208,192,.34),transparent); pointer-events:none; } .fp-safe-lower-surface > section, .fp-safe-lower-surface > .fp-safe-teito-footer{ position:relative; z-index:2; } .fp-safe-lower-surface .fp-safe-simulator-banner, .fp-safe-lower-surface .fp-safe-factory-band, .fp-safe-lower-surface .fp-safe-related-products{ margin-top:0!important; border-radius:28px; box-shadow:none!important; } .fp-safe-lower-surface .fp-safe-simulator-banner{ background: radial-gradient(circle at 8% 12%, rgba(0,208,192,.15), transparent 30%), radial-gradient(circle at 92% 78%, rgba(31,91,184,.08), transparent 32%), linear-gradient(120deg,#061015,#101820 58%,#05070b)!important; border:1px solid rgba(0,208,192,.20)!important; box-shadow: 0 24px 70px rgba(15,23,42,.14), inset 0 1px 0 rgba(255,255,255,.06)!important; } .fp-safe-lower-surface .fp-safe-factory-band, .fp-safe-lower-surface .fp-safe-related-products{ margin-top:28px!important; background:rgba(255,255,255,.72)!important; color:#101828!important; border:1px solid rgba(15,23,42,.07)!important; box-shadow: 0 18px 55px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.88)!important; backdrop-filter:blur(18px); } .fp-safe-lower-surface .fp-safe-factory-band:before, .fp-safe-lower-surface .fp-safe-related-products:before{ opacity:.35!important; background-image: linear-gradient(rgba(15,23,42,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.028) 1px, transparent 1px)!important; } .fp-safe-lower-surface .fp-safe-section-head span{ color:#00a99d!important; } .fp-safe-lower-surface .fp-safe-section-head h3{ color:#0f172a!important; } .fp-safe-lower-surface .fp-safe-factory-grid article, .fp-safe-lower-surface .fp-safe-related-card{ background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(248,250,252,.78))!important; border:1px solid rgba(15,23,42,.08)!important; box-shadow: 0 16px 45px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.95)!important; color:#101828!important; } .fp-safe-lower-surface .fp-safe-factory-grid article:hover, .fp-safe-lower-surface .fp-safe-related-card:hover{ transform:translateY(-4px); border-color:rgba(0,169,157,.20)!important; box-shadow: 0 24px 60px rgba(15,23,42,.09), 0 0 34px rgba(0,208,192,.08)!important; } .fp-safe-lower-surface .fp-safe-factory-grid i{ background:linear-gradient(135deg,rgba(0,208,192,.14),rgba(0,169,157,.06))!important; border-color:rgba(0,169,157,.18)!important; } .fp-safe-lower-surface .fp-safe-factory-grid b, .fp-safe-lower-surface .fp-safe-related-card strong{ color:#0f172a!important; } .fp-safe-lower-surface .fp-safe-factory-grid p{ color:#475467!important; } .fp-safe-lower-surface .fp-safe-related-img{ background: radial-gradient(circle at 50% 78%, rgba(0,208,192,.18), transparent 40%), linear-gradient(180deg,#ffffff,#f1f5f9)!important; border:1px solid rgba(15,23,42,.05); } .fp-safe-lower-surface .fp-safe-related-card span{ color:#00a99d!important; } .fp-safe-lower-surface .fp-safe-teito-footer{ margin-top:28px!important; background: radial-gradient(circle at 0% 50%, rgba(0,208,192,.18), transparent 34%), linear-gradient(135deg,#071016,#101820 68%,#07090d)!important; color:#ffffff!important; border:1px solid rgba(0,208,192,.16)!important; box-shadow: 0 24px 70px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.05)!important; } .fp-safe-lower-surface .fp-safe-teito-copy h3{ color:#ffffff!important; } .fp-safe-lower-surface .fp-safe-teito-copy p{ color:#cbd5e1!important; } @media(max-width:768px){ .fp-safe-lower-surface{ margin-top:10px; padding:18px; border-radius:26px; } .fp-safe-lower-surface .fp-safe-simulator-banner, .fp-safe-lower-surface .fp-safe-factory-band, .fp-safe-lower-surface .fp-safe-related-products, .fp-safe-lower-surface .fp-safe-teito-footer{ border-radius:22px!important; } } /* V230 bloque SEO dinámico premium claro */ .fp-safe-seo-dynamic{ position:relative; z-index:2; margin:0 0 28px!important; padding:42px 44px 34px; border-radius:28px; display:grid; grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr); gap:34px; align-items:center; background: radial-gradient(circle at 8% 18%, rgba(0,208,192,.105), transparent 26%), radial-gradient(circle at 92% 18%, rgba(31,91,184,.055), transparent 30%), linear-gradient(180deg,#ffffff 0%,#f8fafc 100%); border:1px solid rgba(15,23,42,.065); box-shadow: 0 22px 70px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.95); overflow:hidden; color:#101828; } .fp-safe-seo-dynamic:before{ content:""; position:absolute; inset:0; background-image: linear-gradient(rgba(15,23,42,.026) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.026) 1px, transparent 1px); background-size:84px 84px; opacity:.50; pointer-events:none; } .fp-safe-seo-dynamic:after{ content:""; position:absolute; left:40px; right:40px; top:0; height:1px; background:linear-gradient(90deg,transparent,rgba(0,208,192,.42),transparent); pointer-events:none; } .fp-safe-seo-copy, .fp-safe-seo-grid, .fp-safe-seo-meta{ position:relative; z-index:2; display:flex; flex-wrap:wrap; gap:20px; margin-top:18px; } .fp-safe-seo-meta span{ display:inline-flex; align-items:center; min-height:48px; padding:0 22px; border-radius:16px; background:rgba(255,255,255,.68); border:1px solid rgba(15,23,42,.08); box-shadow:0 8px 20px rgba(15,23,42,.04); color:#10243b; font-size:12.5px; font-weight:700; letter-spacing:-.01em; } .fp-safe-seo-copy span{ display:inline-flex; min-height:30px; align-items:center; padding:0 12px; border-radius:999px; background:rgba(0,169,157,.08); border:1px solid rgba(0,169,157,.15); color:#008f87; font-size:11px; font-weight:950; letter-spacing:.10em; text-transform:uppercase; margin-bottom:16px; } .fp-safe-seo-copy h3{ color:#0f172a!important; margin:0 0 18px!important; font-size:clamp(26px,2.7vw,42px)!important; line-height:1.08!important; letter-spacing:-.038em!important; max-width:520px; } .fp-safe-seo-copy p{ color:#344054!important; font-size:15.5px!important; line-height:1.78!important; font-weight:560!important; margin:0!important; max-width:540px; letter-spacing:-.008em; } .fp-safe-seo-notes{ margin-top:22px; display:grid; gap:10px; } .fp-safe-seo-notes small{ position:relative; display:block; padding-left:24px; color:#344054; font-size:12.5px; line-height:1.45; font-weight:750; } .fp-safe-seo-notes small:before{ content:""; position:absolute; left:0; top:.45em; width:9px; height:9px; border-radius:50%; background:#00a99d; box-shadow:0 0 0 5px rgba(0,169,157,.10); } .fp-safe-seo-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-self:center; margin-top:18px; } .fp-safe-seo-card{ min-height:138px; padding:16px 16px 15px; border-radius:20px; background: linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,252,.72)); border:1px solid rgba(15,23,42,.055); box-shadow: 0 10px 24px rgba(15,23,42,.038), 0 0 22px rgba(0,169,157,.035), inset 0 1px 0 rgba(255,255,255,.94); transition: transform .32s cubic-bezier(.22,.61,.36,1), box-shadow .32s ease, border-color .32s ease; } .fp-safe-seo-card:hover{ transform:translateY(-4px); border-color:rgba(0,169,157,.18); box-shadow: 0 24px 56px rgba(15,23,42,.085), 0 0 34px rgba(0,208,192,.075), inset 0 1px 0 rgba(255,255,255,.96); } .fp-safe-seo-card i{ width:46px; height:46px; border-radius:16px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; background:linear-gradient(135deg,rgba(0,208,192,.13),rgba(0,169,157,.045)); border:1px solid rgba(0,169,157,.14); color:#00a99d; box-shadow:inset 0 1px 0 rgba(255,255,255,.90); } .fp-safe-seo-card svg{ width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; } .fp-safe-seo-card strong{ display:block; color:#101828; font-size:16px; line-height:1.15; font-weight:950; letter-spacing:-.025em; margin:0 0 8px; } .fp-safe-seo-card p{ color:#64748b!important; font-size:13px!important; line-height:1.48!important; font-weight:700!important; margin:0!important; } .fp-safe-seo-meta{ grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:10px; padding-top:20px; margin-top:2px; border-top:1px solid rgba(15,23,42,.07); } .fp-safe-seo-meta span{ min-height:32px; padding:0 13px; border-radius:999px; display:inline-flex; align-items:center; background:rgba(0,169,157,.06); border:1px solid rgba(0,169,157,.12); color:#0f766e; font-size:11.5px; font-weight:850; line-height:1.2; } @media(max-width:1180px){ .fp-safe-seo-dynamic{ grid-template-columns:1fr; padding:34px 30px 30px; } .fp-safe-seo-copy h3, .fp-safe-seo-copy p{ max-width:100%; } } @media(max-width:768px){ .fp-safe-seo-dynamic{ margin-bottom:20px!important; padding:28px 20px 22px; border-radius:22px; } .fp-safe-seo-copy h3{ font-size:clamp(28px,8.2vw,38px)!important; line-height:1.04!important; } .fp-safe-seo-copy p{ font-size:14.5px!important; line-height:1.62!important; } .fp-safe-seo-grid{ grid-template-columns:1fr; gap:12px; } .fp-safe-seo-card{ min-height:auto; padding:18px; display:grid; grid-template-columns:44px 1fr; column-gap:20px; align-items:start; } .fp-safe-seo-card i{ grid-row:1 / 3; margin-bottom:0; } .fp-safe-seo-meta{ gap:8px; } .fp-safe-seo-meta span{ width:100%; min-height:34px; } } /* V20 productos relacionados premium CORREGIDO: 3 visibles, loop automático y PNG limpio */ .fp-safe-lower-surface .fp-safe-related-products{ overflow:hidden!important; padding:34px 34px 42px!important; } .fp-safe-related-viewport{ position:relative; z-index:3; overflow:hidden; width:100%; padding:4px 2px 14px; -webkit-mask-image:linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%); mask-image:linear-gradient(90deg, transparent 0%, #000 7%, #000 93%, transparent 100%); } .fp-safe-related-track{ display:flex!important; grid-template-columns:none!important; gap:22px!important; width:max-content; animation:fpSafeRelatedMarquee 34s linear infinite; will-change:transform; } .fp-safe-related-viewport:hover .fp-safe-related-track{ animation-play-state:paused; } .fp-safe-related-card{ width:calc((min(100vw, 1480px) - 180px) / 3)!important; max-width:360px; min-width:280px; min-height:410px!important; flex:0 0 auto; padding:22px 22px 24px!important; border-radius:24px!important; background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important; border:1px solid rgba(15,23,42,.07)!important; box-shadow: 0 18px 50px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.95)!important; display:flex!important; flex-direction:column; justify-content:flex-start!important; align-items:center; text-align:center; } .fp-safe-related-card:hover{ transform:translateY(-6px)!important; box-shadow: 0 28px 70px rgba(15,23,42,.12), 0 0 38px rgba(0,208,192,.10)!important; } .fp-safe-related-img{ width:100%; height:270px!important; margin:0 0 18px!important; border-radius:22px!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; } .fp-safe-related-img img{ max-width:88%!important; max-height:245px!important; width:auto!important; height:auto!important; object-fit:contain!important; background:transparent!important; border:0!important; outline:0!important; box-shadow:none!important; padding:0!important; mix-blend-mode:normal!important; filter: drop-shadow(0 24px 26px rgba(15,23,42,.18)) drop-shadow(0 0 22px rgba(0,208,192,.06))!important; transform-origin:center; transition:transform .35s ease, filter .35s ease; } .fp-safe-related-card:hover .fp-safe-related-img img{ transform:translateY(-6px) scale(1.035); filter: drop-shadow(0 30px 34px rgba(15,23,42,.22)) drop-shadow(0 0 28px rgba(0,208,192,.12))!important; } .fp-safe-related-card strong{ color:#0f172a!important; font-size:20px!important; line-height:1.15!important; font-weight:950!important; letter-spacing:-.03em; margin:0 0 10px!important; max-width:92%; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .fp-safe-related-card span{ margin-top:auto; min-height:34px; padding:0 14px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; color:#00a99d!important; background:rgba(0,169,157,.08); border:1px solid rgba(0,169,157,.16); font-size:11px!important; font-weight:950!important; text-transform:uppercase; letter-spacing:.05em; } @keyframes fpSafeRelatedMarquee{ 0%{transform:translateX(0);} 100%{transform:translateX(-50%);} } @media(max-width:1180px){ .fp-safe-related-card{ width:calc((100vw - 120px) / 2)!important; min-width:300px; } } @media(max-width:768px){ .fp-safe-related-products{ padding:26px 18px 32px!important; } .fp-safe-related-viewport{ -webkit-mask-image:none!important; mask-image:none!important; overflow:hidden!important; width:100%!important; padding:2px 0 8px!important; scroll-snap-type:none!important; } .fp-safe-related-track{ display:flex!important; flex-wrap:nowrap!important; width:max-content!important; gap:16px!important; animation:fpSafeRelatedMarquee 30s linear infinite!important; will-change:transform!important; transform:translate3d(0,0,0); } .fp-safe-related-viewport:hover .fp-safe-related-track{ animation-play-state:running!important; } .fp-safe-related-card{ width:78vw!important; min-width:78vw!important; max-width:78vw!important; flex:0 0 78vw!important; min-height:360px!important; scroll-snap-align:none!important; } .fp-safe-related-img{ height:225px!important; } .fp-safe-related-img img{ max-height:205px!important; } } /* V22 ajuste simulador: reduce título y proporción general */ .fp-safe-lower-surface .fp-safe-simulator-banner{ min-height:310px!important; padding:30px 42px!important; } .fp-safe-lower-surface .fp-safe-sim-copy h3{ font-size:clamp(34px,3.45vw,48px)!important; line-height:1.02!important; letter-spacing:-.045em!important; max-width:470px!important; } .fp-safe-lower-surface .fp-safe-sim-copy p{ max-width:480px!important; font-size:15px!important; line-height:1.6!important; } .fp-safe-lower-surface .fp-safe-sim-screen{ width:min(100%,650px)!important; } .fp-safe-lower-surface .fp-safe-sim-stats{ margin-bottom:24px!important; } @media(max-width:768px){ .fp-safe-lower-surface .fp-safe-simulator-banner{ padding:24px 20px!important; min-height:auto!important; } .fp-safe-lower-surface .fp-safe-sim-copy h3{ font-size:clamp(30px,9vw,40px)!important; line-height:1!important; } } /* V23 Directo desde fábrica premium editorial */ .fp-safe-lower-surface .fp-safe-factory-premium{ padding:0!important; overflow:hidden!important; background: linear-gradient(180deg,rgba(255,255,255,.94),rgba(248,250,252,.86))!important; border:1px solid rgba(15,23,42,.07)!important; box-shadow: 0 18px 55px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.95)!important; color:#101828!important; } .fp-safe-factory-premium:before{ opacity:.25!important; background-image: linear-gradient(rgba(15,23,42,.028) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.028) 1px, transparent 1px)!important; background-size:86px 86px!important; } .fp-safe-factory-hero{ position:relative; z-index:2; min-height:520px; display:grid; grid-template-columns:.86fr 1.14fr; align-items:stretch; background: radial-gradient(circle at 0% 20%, rgba(0,208,192,.11), transparent 34%), linear-gradient(90deg,#ffffff 0%,#ffffff 43%,rgba(255,255,255,.22) 58%,transparent 100%); } .fp-safe-factory-copy{ position:relative; z-index:3; padding:64px 48px 46px; display:flex; flex-direction:column; justify-content:center; } .fp-safe-factory-copy span, .fp-safe-lab-copy span{ display:block; color:#00a99d; font-size:12px; font-weight:950; letter-spacing:.14em; text-transform:uppercase; margin-bottom:18px; } .fp-safe-factory-copy h3{ color:#101828!important; font-size:clamp(40px,4vw,64px); line-height:.96; letter-spacing:-.055em; margin:0 0 24px; max-width:560px; } .fp-safe-factory-copy h3:after{ content:""; display:block; width:74px; height:3px; border-radius:999px; margin-top:26px; background:linear-gradient(90deg,#00a99d,rgba(0,169,157,.15)); } .fp-safe-factory-copy p{ color:#475467!important; font-size:15px; line-height:1.68; font-weight:700; max-width:540px; margin:0; } .fp-safe-factory-photo{ position:relative; min-height:520px; overflow:hidden; } .fp-safe-factory-photo:before{ content:""; position:absolute; inset:0; z-index:2; background: linear-gradient(90deg,#ffffff 0%,rgba(255,255,255,.80) 8%,rgba(255,255,255,.08) 34%,transparent 60%), linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.18)); pointer-events:none; } .fp-safe-factory-photo img{ width:100%; height:100%; object-fit:cover; display:block; filter:saturate(.96) contrast(1.03); transform:scale(1.02); } .fp-safe-factory-icons{ margin-top:52px; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; max-width:640px; } .fp-safe-factory-icons div{ display:flex; flex-direction:column; gap:10px; align-items:flex-start; } .fp-safe-factory-icons svg, .fp-safe-metric-icon svg{ width:36px; height:36px; fill:none; stroke:#00a99d; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } .fp-safe-factory-icons b{ color:#101828; font-size:12px; line-height:1.15; text-transform:uppercase; font-weight:950; letter-spacing:-.01em; } .fp-safe-factory-metrics{ position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); gap:26px; padding:0 48px 40px; margin-top:-48px; } .fp-safe-factory-metrics article{ min-height:240px; padding:32px 24px; border-radius:26px; background:rgba(255,255,255,.88); border:1px solid rgba(15,23,42,.07); box-shadow: 0 20px 60px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.95); text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; transition:.28s ease; } .fp-safe-factory-metrics article:hover{ transform:translateY(-5px); box-shadow: 0 30px 80px rgba(15,23,42,.11), 0 0 38px rgba(0,208,192,.08); } .fp-safe-metric-icon{ width:72px; height:72px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:18px; background:linear-gradient(135deg,rgba(0,208,192,.14),rgba(0,169,157,.045)); border:1px solid rgba(0,169,157,.13); } .fp-safe-metric-icon svg{ width:42px; height:42px; } .fp-safe-factory-metrics strong{ display:block; color:#10243b; font-size:22px; line-height:1.05; font-weight:950; letter-spacing:-.035em; margin-bottom:12px; text-transform:none; } .fp-safe-factory-metrics p{ color:#475467!important; font-size:14px; line-height:1.55; font-weight:700; margin:0; } .fp-safe-factory-lab{ position:relative; z-index:2; margin:8px 48px 42px; min-height:170px; border-radius:24px; overflow:hidden; display:grid; grid-template-columns:170px minmax(250px,.9fr) minmax(230px,.8fr) minmax(260px,1fr); align-items:center; gap:24px; padding:22px 26px; background: radial-gradient(circle at 0% 50%, rgba(0,208,192,.16), transparent 28%), linear-gradient(90deg,rgba(225,250,247,.92),rgba(255,255,255,.84)); border:1px solid rgba(0,169,157,.12); box-shadow:0 16px 50px rgba(15,23,42,.06); } .fp-safe-lab-photo{ width:132px; height:132px; border-radius:50%; overflow:hidden; border:6px solid rgba(255,255,255,.72); box-shadow:0 16px 38px rgba(15,23,42,.14); } .fp-safe-lab-photo img, .fp-safe-lab-accent img{ width:100%; height:100%; object-fit:cover; display:block; } .fp-safe-lab-copy span{ margin-bottom:10px; } .fp-safe-lab-copy p{ color:#475467!important; font-size:16px; line-height:1.62; font-weight:700; margin:0; } .fp-safe-factory-lab ul{ list-style:none; padding:0; margin:0; display:grid; gap:10px; } .fp-safe-factory-lab li{ color:#344054; font-weight:800; font-size:14px; position:relative; padding-left:24px; } .fp-safe-factory-lab li:before{ content:"✓"; position:absolute; left:0; top:-1px; color:#00a99d; font-weight:950; } .fp-safe-lab-accent{ height:132px; border-radius:20px; overflow:hidden; box-shadow:0 14px 34px rgba(15,23,42,.10); position:relative; } .fp-safe-lab-accent:after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(255,255,255,.34),transparent 45%); pointer-events:none; } @media(max-width:1180px){ .fp-safe-factory-hero{ grid-template-columns:1fr; } .fp-safe-factory-photo{ min-height:360px; order:-1; } .fp-safe-factory-photo:before{ background:linear-gradient(180deg,transparent 30%,rgba(255,255,255,.86) 100%); } .fp-safe-factory-metrics{ grid-template-columns:repeat(2,1fr); margin-top:0; padding:28px 34px 34px; } .fp-safe-factory-lab{ grid-template-columns:120px 1fr; margin:0 34px 34px; } .fp-safe-factory-lab ul, .fp-safe-lab-accent{ grid-column:1 / -1; } } @media(max-width:768px){ .fp-safe-factory-copy{ padding:34px 22px 28px; } .fp-safe-factory-copy h3{ font-size:clamp(34px,10vw,46px); } .fp-safe-factory-icons{ grid-template-columns:repeat(2,1fr); margin-top:34px; } .fp-safe-factory-photo{ min-height:280px; } .fp-safe-factory-metrics{ grid-template-columns:1fr; gap:16px; padding:20px 18px 28px; } .fp-safe-factory-metrics article{ min-height:auto; } .fp-safe-factory-lab{ grid-template-columns:1fr; margin:0 18px 28px; text-align:left; } .fp-safe-lab-photo{ width:110px; height:110px; } } /* V24 FIX Directo desde fábrica: tarjetas flotantes sin montarse sobre la foto */ .fp-safe-lower-surface .fp-safe-factory-premium{ overflow:hidden!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-hero{ position:relative!important; min-height:540px!important; padding-bottom:118px!important; align-items:stretch!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-copy{ padding-bottom:72px!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-photo{ position:relative!important; min-height:540px!important; overflow:hidden!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-photo:before{ content:""!important; position:absolute!important; inset:0!important; z-index:2!important; pointer-events:none!important; background: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.94) 9%, rgba(255,255,255,.58) 24%, rgba(255,255,255,0) 46%), linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.10) 62%, rgba(255,255,255,.88) 100%)!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-photo img{ position:relative!important; z-index:1!important; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-metrics{ position:relative!important; z-index:8!important; margin-top:-72px!important; padding:0 48px 46px!important; gap:26px!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-metrics article{ min-height:230px!important; background:rgba(255,255,255,.76)!important; border:1px solid rgba(255,255,255,.68)!important; backdrop-filter:blur(20px)!important; -webkit-backdrop-filter:blur(20px)!important; box-shadow: 0 22px 58px rgba(15,23,42,.09), inset 0 1px 0 rgba(255,255,255,.92)!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-lab{ margin-top:0!important; } @media(max-width:1180px){ .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-hero{ padding-bottom:0!important; min-height:auto!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-copy{ padding-bottom:34px!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-photo{ min-height:360px!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-metrics{ margin-top:0!important; padding:28px 34px 34px!important; } } @media(max-width:768px){ .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-photo{ min-height:280px!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-metrics{ padding:20px 18px 28px!important; gap:16px!important; } } /* V25 Ajuste fábrica: foto menos difuminada, hero más compacto y tarjetas sin montarse */ .fp-safe-lower-surface .fp-safe-factory-premium{ overflow:hidden!important; } .fp-safe-lower-surface .fp-safe-factory-hero{ min-height:500px!important; padding-bottom:90px!important; } .fp-safe-lower-surface .fp-safe-factory-copy{ padding:56px 48px 40px!important; } .fp-safe-lower-surface .fp-safe-factory-copy h3{ font-size:clamp(38px,3.55vw,56px)!important; line-height:1!important; letter-spacing:-.052em!important; max-width:560px!important; } .fp-safe-lower-surface .fp-safe-factory-copy p{ color:#475467!important; max-width:560px!important; } .fp-safe-lower-surface .fp-safe-factory-photo{ min-height:500px!important; position:relative!important; overflow:hidden!important; } .fp-safe-lower-surface .fp-safe-factory-photo:before{ content:""!important; position:absolute!important; inset:0!important; background:linear-gradient( 90deg, #f6f7f9 0%, rgba(246,247,249,.72) 10%, rgba(246,247,249,.18) 22%, rgba(246,247,249,0) 36% )!important; z-index:2!important; pointer-events:none!important; } .fp-safe-lower-surface .fp-safe-factory-photo:after{ content:""; position:absolute; inset:auto 0 0 0; height:120px; background:linear-gradient(180deg,rgba(246,247,249,0),rgba(246,247,249,.88)); z-index:2; pointer-events:none; } .fp-safe-lower-surface .fp-safe-factory-photo img{ position:relative!important; z-index:1!important; filter:saturate(1.02) contrast(1.04)!important; opacity:.98!important; } .fp-safe-lower-surface .fp-safe-factory-metrics{ position:relative!important; z-index:5!important; margin-top:-56px!important; padding-top:0!important; } .fp-safe-lower-surface .fp-safe-factory-metrics article{ min-height:220px!important; backdrop-filter:blur(18px)!important; background:rgba(255,255,255,.78)!important; border:1px solid rgba(255,255,255,.62)!important; box-shadow: 0 20px 52px rgba(15,23,42,.075), inset 0 1px 0 rgba(255,255,255,.92)!important; } @media(max-width:1180px){ .fp-safe-lower-surface .fp-safe-factory-hero{ padding-bottom:40px!important; } .fp-safe-lower-surface .fp-safe-factory-metrics{ margin-top:0!important; } .fp-safe-lower-surface .fp-safe-factory-photo:before{ background:linear-gradient( 180deg, rgba(246,247,249,0) 0%, rgba(246,247,249,.70) 82%, #f6f7f9 100% )!important; } } @media(max-width:768px){ .fp-safe-lower-surface .fp-safe-factory-copy{ padding:34px 22px 26px!important; } .fp-safe-lower-surface .fp-safe-factory-photo{ min-height:280px!important; } .fp-safe-lower-surface .fp-safe-factory-copy h3{ font-size:clamp(34px,10vw,44px)!important; } } /* V26 ajuste final fábrica: foto con más presencia y menos difuminado */ .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-photo:before{ content:""!important; position:absolute!important; inset:0!important; z-index:2!important; background: linear-gradient( 90deg, #f6f7f9 0%, rgba(246,247,249,.58) 8%, rgba(246,247,249,.12) 18%, rgba(246,247,249,0) 28% ), linear-gradient( 180deg, rgba(255,255,255,.03) 0%, rgba(255,255,255,0) 24%, rgba(255,255,255,0) 76%, rgba(255,255,255,.04) 100% )!important; pointer-events:none!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-hero:after{ content:""!important; position:absolute!important; inset:auto 0 0!important; height:120px!important; background: linear-gradient( 180deg, rgba(246,247,249,0), rgba(246,247,249,.25) )!important; pointer-events:none!important; z-index:3!important; opacity:.25!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-photo img{ filter:saturate(1.04) contrast(1.08) brightness(1.01)!important; opacity:1!important; } /* V27 fábrica premium: foto con más presencia, movimiento sutil, cards premium y métricas corporativas */ .fp-safe-factory-premium{ position:relative!important; overflow:hidden!important; } .fp-safe-factory-premium:after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background-image: radial-gradient(circle at 18% 22%, rgba(0,169,157,.055) 0 1px, transparent 1.4px), linear-gradient(rgba(15,23,42,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,.022) 1px, transparent 1px); background-size:22px 22px,90px 90px,90px 90px; opacity:.34; } .fp-safe-factory-hero{ position:relative!important; padding-bottom:128px!important; min-height:620px!important; overflow:hidden!important; } .fp-safe-factory-hero:after{ content:""; position:absolute; inset:auto 0 0; height:105px; background:linear-gradient( 180deg, rgba(246,247,249,0), rgba(246,247,249,.34) ); pointer-events:none; z-index:4; } .fp-safe-factory-copy{ z-index:6!important; } .fp-safe-factory-copy h3{ color:#111827!important; letter-spacing:-.058em!important; } .fp-safe-factory-copy h3 .fp-safe-title-soft{ color:#253044; } .fp-safe-factory-copy p{ color:#475569!important; max-width:570px!important; } .fp-safe-factory-photo{ position:relative!important; overflow:hidden!important; z-index:2!important; isolation:isolate; } .fp-safe-factory-photo:before{ content:""; position:absolute; inset:0; z-index:3; background: linear-gradient( 90deg, #f6f7f9 0%, rgba(246,247,249,.60) 8%, rgba(246,247,249,.18) 17%, rgba(246,247,249,.045) 27%, rgba(246,247,249,0) 38% ), linear-gradient( 180deg, rgba(255,255,255,.025) 0%, rgba(255,255,255,0) 24%, rgba(255,255,255,0) 76%, rgba(255,255,255,.05) 100% ); pointer-events:none; } .fp-safe-factory-photo:after{ content:""; position:absolute; inset:0; z-index:4; pointer-events:none; background: radial-gradient(circle at 63% 46%, rgba(0,169,157,.08), transparent 34%), linear-gradient(90deg, transparent 55%, rgba(0,0,0,.045) 100%); mix-blend-mode:multiply; opacity:.52; } .fp-safe-factory-photo img{ position:relative!important; z-index:1!important; transform-origin:center; filter: saturate(1.06) contrast(1.08) brightness(1.015) drop-shadow(0 24px 40px rgba(15,23,42,.08))!important; will-change:transform; } 100%{transform:scale(1.055) translateY(-10px);} } .fp-safe-factory-icons{ position:relative; z-index:7!important; } .fp-safe-factory-corp-stats{ position:relative; z-index:7; display:flex; flex-wrap:wrap; gap:10px; margin-top:10px; max-width:620px; } .fp-safe-factory-corp-stats span{ min-height:34px; padding:0 14px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:rgba(255,255,255,.72); border:1px solid rgba(0,169,157,.16); color:#10243b; font-size:11px; font-weight:950; text-transform:uppercase; letter-spacing:.035em; box-shadow: 0 14px 30px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.95); backdrop-filter:blur(16px); } .fp-safe-factory-metrics{ position:relative!important; z-index:8!important; margin-top:-42px!important; padding-top:0!important; } .fp-safe-factory-metrics article{ position:relative; overflow:hidden; background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(255,255,255,.72))!important; border:1px solid rgba(255,255,255,.68)!important; box-shadow: 0 24px 64px rgba(15,23,42,.075), 0 1px 0 rgba(255,255,255,.95) inset!important; backdrop-filter:blur(22px)!important; transition: transform .32s ease, box-shadow .32s ease, border-color .32s ease!important; } .fp-safe-factory-metrics article:before{ content:""; position:absolute; inset:-1px; border-radius:inherit; background: radial-gradient(circle at 50% 0%, rgba(0,208,192,.16), transparent 42%), linear-gradient(135deg, rgba(255,255,255,.35), transparent 48%); opacity:.42; pointer-events:none; transition:opacity .32s ease; } .fp-safe-factory-metrics article:after{ content:""; position:absolute; left:20%; right:20%; bottom:-18px; height:32px; border-radius:999px; background:rgba(0,208,192,.18); filter:blur(22px); opacity:0; transition:opacity .32s ease; } .fp-safe-factory-metrics article:hover{ transform:translateY(-8px)!important; border-color:rgba(0,169,157,.24)!important; box-shadow: 0 34px 90px rgba(15,23,42,.12), 0 0 44px rgba(0,208,192,.10), 0 1px 0 rgba(255,255,255,.95) inset!important; } .fp-safe-factory-metrics article:hover:before, .fp-safe-factory-metrics article:hover:after{ opacity:1; } .fp-safe-metric-icon{ position:relative; z-index:2; transition: transform .32s ease, box-shadow .32s ease!important; } .fp-safe-factory-metrics article:hover .fp-safe-metric-icon{ transform:translateY(-4px) scale(1.045); box-shadow: 0 18px 42px rgba(0,169,157,.18), inset 0 1px 0 rgba(255,255,255,.9)!important; } .fp-safe-factory-metrics strong, .fp-safe-factory-metrics p{ position:relative; z-index:2; } .fp-safe-lab-photo img, .fp-safe-lab-accent img{ filter:saturate(1.04) contrast(1.05) brightness(1.02)!important; } @media(max-width:1180px){ .fp-safe-factory-hero{ min-height:auto!important; padding-bottom:58px!important; } .fp-safe-factory-metrics{ margin-top:0!important; } .fp-safe-factory-photo img{ animation:none; transform:none!important; } } @media(max-width:768px){ .fp-safe-factory-hero{ padding-bottom:28px!important; } .fp-safe-factory-photo:before{ background: linear-gradient(180deg, rgba(246,247,249,0) 0%, rgba(246,247,249,.82) 100%)!important; } .fp-safe-factory-corp-stats{ margin-top:22px; } .fp-safe-factory-corp-stats span{ font-size:10px; min-height:30px; padding:0 10px; } .fp-safe-factory-metrics article:hover{ transform:none!important; } } /* V28 ajuste final fábrica: título editorial + Fabricado en Venezuela premium */ .fp-safe-factory-copy h3{ max-width:560px!important; margin-bottom:18px!important; font-size:clamp(42px,4.15vw,62px)!important; line-height:.94!important; letter-spacing:-.058em!important; color:#101828!important; } .fp-safe-factory-copy h3 .fp-safe-title-soft{ display:inline!important; color:#253044!important; font-size:inherit!important; line-height:inherit!important; letter-spacing:inherit!important; font-weight:760!important; text-transform:none!important; opacity:.92!important; } .fp-safe-factory-origin{ display:flex; align-items:center; gap:12px; margin:2px 0 24px; position:relative; z-index:8; } .fp-safe-factory-origin .fp-origin-line{ width:54px; height:2px; border-radius:999px; flex-shrink:0; background:linear-gradient( 90deg, rgba(0,169,157,.75), rgba(0,169,157,.16) ); box-shadow:0 0 18px rgba(0,169,157,.10); } .fp-safe-factory-origin p{ margin:0!important; display:flex; align-items:center; gap:8px; font-size:11px!important; line-height:1!important; font-weight:950!important; letter-spacing:.22em; text-transform:uppercase; color:#101828!important; } .fp-safe-factory-origin strong{ display:inline-block; position:relative; text-shadow:0 1px 0 rgba(255,255,255,.55); } .fp-safe-factory-origin .fp-origin-yellow{ color:#d8a100!important; text-shadow: 0 0 16px rgba(244,197,66,.10), 0 1px 0 rgba(255,255,255,.70); } .fp-safe-factory-origin .fp-origin-blue{ color:#2f6fd6!important; text-shadow: 0 0 16px rgba(47,111,214,.09), 0 1px 0 rgba(255,255,255,.70); } .fp-safe-factory-origin .fp-origin-red{ color:#d94a52!important; text-shadow: 0 0 16px rgba(217,74,82,.09), 0 1px 0 rgba(255,255,255,.70); } .fp-safe-factory-origin:after{ content:""; width:38px; height:4px; border-radius:999px; background:linear-gradient( 90deg, #f4c542 0 33%, #2f6fd6 33% 66%, #d94a52 66% 100% ); opacity:.78; box-shadow:0 8px 24px rgba(15,23,42,.08); } .fp-safe-factory-copy > p{ margin-top:0!important; } @media(max-width:768px){ .fp-safe-factory-copy h3{ font-size:clamp(34px,10vw,46px)!important; line-height:.98!important; } .fp-safe-factory-origin{ align-items:flex-start; gap:10px; margin-bottom:20px; } .fp-safe-factory-origin p{ flex-wrap:wrap; gap:6px; font-size:10px!important; letter-spacing:.16em; } .fp-safe-factory-origin:after{ display:none; } } /* V29 corrección fina: Fabricado en Venezuela más premium + difuminado inferior restaurado */ .fp-safe-factory-copy h3{ max-width:560px!important; margin-bottom:16px!important; } .fp-safe-factory-origin{ gap:9px!important; margin:0 0 22px!important; align-items:center!important; } .fp-safe-factory-origin .fp-origin-line{ width:42px!important; height:1px!important; background:linear-gradient(90deg, rgba(0,169,157,.65), rgba(0,169,157,.08))!important; box-shadow:none!important; } .fp-safe-factory-origin p{ font-size:9.5px!important; letter-spacing:.18em!important; font-weight:950!important; gap:6px!important; opacity:.92!important; } .fp-safe-factory-origin .fp-origin-yellow{ color:#c99200!important; text-shadow:none!important; } .fp-safe-factory-origin .fp-origin-blue{ color:#3474d6!important; text-shadow:none!important; } .fp-safe-factory-origin .fp-origin-red{ color:#d94a52!important; text-shadow:none!important; } .fp-safe-factory-origin:after{ display:none!important; content:none!important; } .fp-safe-factory-photo{ position:relative!important; overflow:hidden!important; } .fp-safe-factory-photo:before{ content:""!important; position:absolute!important; inset:0!important; z-index:3!important; background: linear-gradient( 90deg, #f6f7f9 0%, rgba(246,247,249,.48) 7%, rgba(246,247,249,.12) 16%, rgba(246,247,249,.03) 26%, rgba(246,247,249,0) 36% )!important; pointer-events:none!important; } .fp-safe-factory-photo:after{ content:""!important; position:absolute!important; inset:auto 0 0 0!important; height:150px!important; z-index:4!important; pointer-events:none!important; background:linear-gradient( 180deg, rgba(246,247,249,0) 0%, rgba(246,247,249,.42) 58%, rgba(246,247,249,.82) 100% )!important; opacity:1!important; mix-blend-mode:normal!important; } .fp-safe-factory-hero:after{ content:""!important; position:absolute!important; inset:auto 0 0!important; height:128px!important; z-index:5!important; pointer-events:none!important; background:linear-gradient( 180deg, rgba(246,247,249,0) 0%, rgba(246,247,249,.38) 56%, rgba(246,247,249,.78) 100% )!important; opacity:1!important; } .fp-safe-factory-metrics{ margin-top:-34px!important; position:relative!important; z-index:8!important; } @media(max-width:768px){ .fp-safe-factory-origin p{ font-size:9px!important; letter-spacing:.13em!important; } .fp-safe-factory-photo:after, .fp-safe-factory-hero:after{ height:82px!important; } } /* AJUSTE FINAL FLORIPAINT - BLOQUE FÁBRICA MÁS PREMIUM Y ALINEADO */ .fp-safe-factory-premium .fp-safe-factory-hero{ min-height:auto!important; padding-bottom:0!important; display:grid!important; grid-template-columns:.92fr 1.08fr!important; align-items:stretch!important; overflow:hidden!important; } .fp-safe-factory-premium .fp-safe-factory-copy{ padding:50px 46px 46px!important; justify-content:center!important; } .fp-safe-factory-premium .fp-safe-factory-copy h3{ font-size:clamp(38px,3.35vw,52px)!important; line-height:.98!important; margin-bottom:16px!important; max-width:560px!important; } .fp-safe-factory-premium .fp-safe-factory-copy h3:after{ margin-top:20px!important; width:64px!important; } .fp-safe-factory-premium .fp-safe-factory-copy > p{ font-size:16px!important; line-height:1.58!important; max-width:560px!important; margin-bottom:0!important; } .fp-safe-factory-premium .fp-safe-factory-photo{ height:auto!important; min-height:auto!important; align-self:stretch!important; display:flex!important; overflow:hidden!important; } .fp-safe-factory-premium .fp-safe-factory-photo img{ width:100%!important; height:100%!important; object-fit:cover!important; object-position:center!important; display:block!important; } .fp-safe-factory-premium .fp-safe-factory-photo:after{ height:96px!important; background:linear-gradient( 180deg, rgba(246,247,249,0) 0%, rgba(246,247,249,.34) 58%, rgba(246,247,249,.72) 100% )!important; } .fp-safe-factory-premium .fp-safe-factory-corp-stats{ width:100%!important; max-width:590px!important; margin-top:26px!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:0!important; padding:14px 16px!important; border-radius:24px!important; background:rgba(255,255,255,.72)!important; border:1px solid rgba(0,169,157,.13)!important; box-shadow: 0 18px 46px rgba(15,23,42,.055), inset 0 1px 0 rgba(255,255,255,.92)!important; backdrop-filter:blur(18px)!important; } .fp-safe-factory-premium .fp-safe-factory-corp-stats span{ min-height:42px!important; padding:0 14px!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#0f172a!important; font-size:10.5px!important; font-weight:950!important; line-height:1.18!important; letter-spacing:.025em!important; text-transform:uppercase!important; text-align:center!important; white-space:nowrap!important; display:flex!important; align-items:center!important; justify-content:center!important; position:relative!important; } .fp-safe-factory-premium .fp-safe-factory-corp-stats span:not(:last-child):after{ content:""!important; position:absolute!important; right:0!important; top:7px!important; bottom:7px!important; width:1px!important; background:linear-gradient( 180deg, transparent, rgba(0,169,157,.20), transparent )!important; } @media(max-width:980px){ .fp-safe-factory-premium .fp-safe-factory-hero{ grid-template-columns:1fr!important; } .fp-safe-factory-premium .fp-safe-factory-photo{ min-height:320px!important; order:-1!important; } .fp-safe-factory-premium .fp-safe-factory-copy{ padding:34px 22px 28px!important; } .fp-safe-factory-premium .fp-safe-factory-corp-stats{ grid-template-columns:1fr!important; padding:8px 16px!important; } .fp-safe-factory-premium .fp-safe-factory-corp-stats span{ min-height:36px!important; white-space:normal!important; } .fp-safe-factory-premium .fp-safe-factory-corp-stats span:not(:last-child):after{ right:12%!important; left:12%!important; top:auto!important; bottom:0!important; width:auto!important; height:1px!important; } } /* AJUSTE FINAL BLOQUE FÁBRICA PREMIUM */ .fp-safe-factory-hero{ align-items:stretch!important; } .fp-safe-factory-copy{ display:flex; flex-direction:column; } .fp-safe-factory-photo{ position:relative!important; overflow:hidden!important; border-radius:30px!important; min-height:0!important; height:100%!important; align-self:stretch!important; display:flex!important; } .fp-safe-factory-photo img{ width:100%!important; height:100%!important; max-height:none!important; object-fit:cover!important; object-position:center center!important; display:block!important; border-radius:30px!important; } .fp-safe-factory-photo:before{ content:""; position:absolute; inset:0; z-index:2; pointer-events:none; background: linear-gradient(90deg, rgba(255,255,255,.96) 0%, rgba(255,255,255,.78) 8%, rgba(255,255,255,.38) 17%, rgba(255,255,255,.08) 28%, rgba(255,255,255,0) 43% ), linear-gradient(0deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.58) 8%, rgba(255,255,255,.18) 18%, rgba(255,255,255,0) 34% ); } .fp-safe-factory-photo:after{ content:""; position:absolute; left:0; right:0; bottom:0; height:35%; z-index:3; pointer-events:none; background: linear-gradient(0deg, rgba(7,16,22,.24) 0%, rgba(7,16,22,.10) 42%, rgba(7,16,22,0) 100% ); } .fp-safe-factory-floating-badge{ position:absolute!important; left:50%!important; bottom:44px!important; transform:translateX(-50%)!important; z-index:6!important; width:min(82%,700px)!important; min-height:66px!important; display:grid!important; grid-template-columns:1fr auto 1fr auto 1fr!important; align-items:center!important; gap:28px!important; padding:12px 20px!important; border-radius:22px!important; background:rgba(8,16,22,.88)!important; border:1px solid rgba(0,208,192,.34)!important; backdrop-filter:blur(22px)!important; box-shadow: 0 24px 58px rgba(0,0,0,.34), 0 0 42px rgba(0,208,192,.10), inset 0 1px 0 rgba(255,255,255,.10)!important; } .fp-safe-factory-floating-badge .fp-factory-badge-item{ display:grid!important; grid-template-columns:34px minmax(0,1fr)!important; align-items:center!important; gap:12px!important; min-width:0!important; } .fp-safe-factory-floating-badge svg{ width:32px!important; height:32px!important; fill:none!important; stroke:#00b3a7!important; stroke-width:1.9!important; stroke-linecap:round!important; stroke-linejoin:round!important; flex-shrink:0!important; filter:drop-shadow(0 0 8px rgba(0,208,192,.18))!important; } .fp-safe-factory-floating-badge span{ color:#ffffff!important; font-size:12px!important; font-weight:950!important; letter-spacing:.035em!important; text-transform:uppercase!important; line-height:1.35!important; white-space:normal!important; } .fp-safe-factory-floating-badge i{ width:1px!important; height:38px!important; background:rgba(255,255,255,.20)!important; display:block!important; } @media(max-width:980px){ .fp-safe-factory-floating-badge{ width:calc(100% - 28px)!important; bottom:16px!important; grid-template-columns:1fr!important; gap:10px!important; border-radius:20px!important; padding:14px!important; } .fp-safe-factory-floating-badge i{ display:none!important; } .fp-safe-factory-floating-badge .fp-factory-badge-item{ grid-template-columns:28px 1fr!important; } .fp-safe-factory-floating-badge svg{ width:26px!important; height:26px!important; } } /* AJUSTE VISUAL ALTURA IZQUIERDA */ .fp-safe-factory-hero{ align-items:stretch!important; gap:28px!important; } .fp-safe-factory-copy{ padding:10px 0 0!important; justify-content:space-between!important; display:flex!important; flex-direction:column!important; } .fp-safe-factory-copy > p{ max-width:560px!important; font-size:15px!important; line-height:1.55!important; } .fp-safe-factory-icons div{ padding:0!important; } .fp-safe-factory-icons b{ font-size:12px!important; line-height:1.2!important; } /* AJUSTE FINAL ALTURA VISUAL */ .fp-safe-factory-hero{ align-items:stretch!important; gap:24px!important; } .fp-safe-factory-copy{ padding-top:4px!important; } .fp-safe-factory-copy h3{ margin-bottom:10px!important; } .fp-safe-factory-copy > p{ max-width:520px!important; margin-bottom:6px!important; } .fp-safe-factory-icons{ margin-top:auto!important; padding-top:6px!important; } .fp-safe-factory-icons b{ font-size:11px!important; line-height:1.15!important; } /* AJUSTE VISUAL NATURAL */ .fp-safe-factory-copy{ padding-top:14px!important; } .fp-safe-factory-copy > p{ max-width:500px!important; } .fp-safe-factory-icons{ padding-top:10px!important; } .fp-safe-factory-icons div{ display:flex!important; flex-direction:column!important; justify-content:flex-start!important; } .fp-safe-factory-icons b{ font-size:12px!important; line-height:1.22!important; margin-top:8px!important; } /* AJUSTE FINAL TITULO E ICONOS */ .fp-safe-factory-copy h3{ max-width:540px!important; letter-spacing:-.05em!important; } .fp-safe-factory-icons{ align-items:flex-start!important; } .fp-safe-factory-icons div{ padding-top:4px!important; } /* BAJAR ICONOS */ .fp-safe-factory-icons{ padding-top:28px!important; } /* REFINAMIENTO PREMIUM FINAL */ .fp-safe-factory-icons svg{ filter: drop-shadow(0 0 10px rgba(0,208,192,.12)); } .fp-safe-factory-floating-badge span{ font-size:11px!important; line-height:1.28!important; } .fp-safe-factory-floating-badge svg{ width:28px!important; height:28px!important; } /* CORRECCIÓN FINAL BADGE PREMIUM */ .fp-safe-factory-floating-badge{ width:min(84%,740px)!important; min-height:64px!important; bottom:38px!important; padding:11px 28px!important; border-radius:24px!important; background:rgba(7,14,20,.92)!important; border:1px solid rgba(0,208,192,.24)!important; box-shadow: 0 22px 58px rgba(0,0,0,.38), 0 0 34px rgba(0,208,192,.08), inset 0 1px 0 rgba(255,255,255,.06)!important; } .fp-safe-factory-floating-badge .fp-factory-badge-item{ grid-template-columns:24px auto!important; gap:12px!important; justify-content:center!important; padding:0 8px!important; } .fp-safe-factory-floating-badge span{ font-size:10.5px!important; font-weight:950!important; letter-spacing:.13em!important; text-transform:uppercase!important; color:#ffffff!important; white-space:nowrap!important; line-height:1.1!important; } .fp-safe-factory-floating-badge svg{ width:22px!important; height:22px!important; stroke:#00d0c0!important; fill:none!important; stroke-width:1.8!important; stroke-linecap:round!important; stroke-linejoin:round!important; filter:drop-shadow(0 0 10px rgba(0,208,192,.22))!important; } .fp-safe-factory-floating-badge i{ height:26px!important; background:rgba(255,255,255,.14)!important; } /* BANDA PREMIUM FINAL */ .fp-safe-factory-premium .fp-safe-factory-band{ position:relative!important; margin-top:48px!important; padding:34px 38px!important; display:grid!important; grid-template-columns:auto 1px auto 1px auto 1px auto!important; align-items:center!important; gap:26px!important; border-radius:30px!important; background: radial-gradient(circle at 10% 50%, rgba(0,208,192,.10), transparent 26%), radial-gradient(circle at 90% 50%, rgba(0,208,192,.10), transparent 26%), linear-gradient(135deg,#071016,#0a1820 58%,#071118)!important; border:1px solid rgba(0,208,192,.18)!important; box-shadow: 0 28px 70px rgba(0,0,0,.22), 0 0 50px rgba(0,208,192,.08), inset 0 1px 0 rgba(255,255,255,.05)!important; overflow:hidden!important; } .fp-safe-factory-premium .fp-safe-band-item{ display:grid!important; grid-template-columns:44px auto!important; align-items:center!important; gap:16px!important; background:none!important; border:none!important; box-shadow:none!important; padding:0!important; min-height:auto!important; } .fp-safe-factory-premium .fp-safe-band-item svg{ width:26px!important; height:26px!important; fill:none!important; stroke:#00d0c0!important; stroke-width:1.8!important; stroke-linecap:round!important; stroke-linejoin:round!important; filter:drop-shadow(0 0 10px rgba(0,208,192,.22))!important; } .fp-safe-factory-premium .fp-safe-band-item strong{ display:block!important; margin:0 0 5px!important; color:#ffffff!important; font-size:18px!important; font-weight:900!important; letter-spacing:-.03em!important; line-height:1.05!important; } .fp-safe-factory-premium .fp-safe-band-item p{ margin:0!important; color:#b9c7d6!important; font-size:13px!important; line-height:1.4!important; font-weight:700!important; } .fp-safe-factory-premium .fp-safe-factory-band i{ width:1px!important; height:58px!important; background:rgba(255,255,255,.12)!important; } @media(max-width:1100px){ .fp-safe-factory-premium .fp-safe-factory-band{ grid-template-columns:1fr 1fr!important; gap:28px!important; } .fp-safe-factory-premium .fp-safe-factory-band i{ display:none!important; } } @media(max-width:680px){ .fp-safe-factory-premium .fp-safe-factory-band{ grid-template-columns:1fr!important; padding:28px 24px!important; } .fp-safe-factory-premium .fp-safe-band-item{ border-bottom:1px solid rgba(255,255,255,.08)!important; padding-bottom:18px!important; } .fp-safe-factory-premium .fp-safe-band-item:last-child{ border-bottom:0!important; padding-bottom:0!important; } } /* AJUSTE FINO BANDA PREMIUM - MÁS AIRE */ .fp-safe-factory-premium .fp-safe-factory-band{ margin-top:42px!important; padding:28px 46px!important; grid-template-columns:1fr 1px 1fr 1px 1fr 1px 1fr!important; gap:34px!important; border-radius:28px!important; min-height:118px!important; } .fp-safe-factory-premium .fp-safe-band-item{ grid-template-columns:32px minmax(0,1fr)!important; gap:18px!important; align-items:center!important; } .fp-safe-factory-premium .fp-safe-band-item svg{ width:24px!important; height:24px!important; } .fp-safe-factory-premium .fp-safe-band-item strong{ font-size:16px!important; line-height:1.15!important; margin-bottom:7px!important; letter-spacing:-.025em!important; } .fp-safe-factory-premium .fp-safe-band-item p{ font-size:12px!important; line-height:1.42!important; max-width:190px!important; color:#c2cfda!important; } .fp-safe-factory-premium .fp-safe-factory-band i{ height:44px!important; opacity:.65!important; } @media(max-width:1180px){ .fp-safe-factory-premium .fp-safe-factory-band{ grid-template-columns:1fr 1fr!important; gap:28px 34px!important; padding:30px!important; } .fp-safe-factory-premium .fp-safe-factory-band i{ display:none!important; } } /* FRANJA PREMIUM DEFINITIVA - SIN CARDS */ .fp-safe-factory-premium .fp-safe-factory-strip-premium{ position:relative!important; z-index:5!important; width:calc(100% - 28px)!important; margin:42px auto 0!important; padding:24px 34px!important; display:grid!important; grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr) 1px minmax(0,1fr)!important; align-items:center!important; gap:24px!important; border-radius:26px!important; background: radial-gradient(circle at 8% 50%, rgba(0,208,192,.14), transparent 26%), radial-gradient(circle at 92% 50%, rgba(0,208,192,.12), transparent 28%), linear-gradient(135deg,#061014,#091820 58%,#061016)!important; border:1px solid rgba(0,208,192,.20)!important; box-shadow: 0 24px 62px rgba(0,0,0,.20), 0 0 42px rgba(0,208,192,.08), inset 0 1px 0 rgba(255,255,255,.06)!important; overflow:hidden!important; } .fp-safe-factory-premium .fp-safe-factory-strip-premium:before{ content:""!important; position:absolute!important; left:34px!important; right:34px!important; top:0!important; height:1px!important; background:linear-gradient(90deg,transparent,rgba(0,208,192,.65),transparent)!important; opacity:.75!important; pointer-events:none!important; } .fp-safe-factory-premium .fp-safe-strip-item{ display:grid!important; grid-template-columns:34px minmax(0,1fr)!important; align-items:center!important; gap:16px!important; min-width:0!important; min-height:74px!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; } .fp-safe-factory-premium .fp-safe-strip-icon{ width:34px!important; height:34px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-radius:13px!important; background:rgba(0,208,192,.075)!important; border:1px solid rgba(0,208,192,.22)!important; flex-shrink:0!important; } .fp-safe-factory-premium .fp-safe-strip-icon svg{ width:20px!important; height:20px!important; fill:none!important; stroke:#00d0c0!important; stroke-width:1.8!important; stroke-linecap:round!important; stroke-linejoin:round!important; filter:drop-shadow(0 0 8px rgba(0,208,192,.20))!important; } .fp-safe-factory-premium .fp-safe-strip-copy{ min-width:0!important; } .fp-safe-factory-premium .fp-safe-strip-copy strong{ display:block!important; color:#ffffff!important; font-size:15px!important; font-weight:950!important; letter-spacing:-.025em!important; line-height:1.12!important; margin:0 0 6px!important; white-space:normal!important; } .fp-safe-factory-premium .fp-safe-strip-copy p{ color:#bdc9d6!important; font-size:12px!important; font-weight:750!important; line-height:1.35!important; margin:0!important; max-width:190px!important; } .fp-safe-factory-premium .fp-safe-strip-separator{ width:1px!important; height:46px!important; background:rgba(255,255,255,.12)!important; display:block!important; } @media(max-width:1180px){ .fp-safe-factory-premium .fp-safe-factory-strip-premium{ grid-template-columns:1fr 1fr!important; gap:24px 28px!important; padding:28px 30px!important; } .fp-safe-factory-premium .fp-safe-strip-separator{ display:none!important; } } @media(max-width:680px){ .fp-safe-factory-premium .fp-safe-factory-strip-premium{ width:100%!important; grid-template-columns:1fr!important; gap:18px!important; padding:24px 22px!important; } .fp-safe-factory-premium .fp-safe-strip-item{ min-height:auto!important; padding-bottom:18px!important; border-bottom:1px solid rgba(255,255,255,.08)!important; } .fp-safe-factory-premium .fp-safe-strip-item:last-child{ padding-bottom:0!important; border-bottom:0!important; } } /* AJUSTE PROPORCIÓN FRANJA PREMIUM */ .fp-safe-factory-premium .fp-safe-factory-strip-premium{ width:min(100% - 96px,1180px)!important; margin:42px auto 0!important; padding:24px 34px!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:0!important; justify-items:stretch!important; } .fp-safe-factory-premium .fp-safe-strip-item{ grid-template-columns:30px minmax(0,1fr)!important; gap:14px!important; padding:0 28px!important; justify-content:start!important; } .fp-safe-factory-premium .fp-safe-strip-item:first-child{ padding-left:10px!important; } .fp-safe-factory-premium .fp-safe-strip-item:last-child{ padding-right:10px!important; } .fp-safe-factory-premium .fp-safe-strip-icon{ width:30px!important; height:30px!important; border-radius:11px!important; } .fp-safe-factory-premium .fp-safe-strip-icon svg{ width:18px!important; height:18px!important; } .fp-safe-factory-premium .fp-safe-strip-copy strong{ font-size:14px!important; margin-bottom:5px!important; white-space:nowrap!important; } .fp-safe-factory-premium .fp-safe-strip-copy p{ font-size:11.5px!important; line-height:1.35!important; max-width:170px!important; } .fp-safe-factory-premium .fp-safe-strip-separator{ display:none!important; } .fp-safe-factory-premium .fp-safe-strip-item:not(:last-child){ border-right:1px solid rgba(255,255,255,.10)!important; } @media(max-width:1180px){ .fp-safe-factory-premium .fp-safe-factory-strip-premium{ width:calc(100% - 40px)!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:22px 0!important; } .fp-safe-factory-premium .fp-safe-strip-item{ padding:0 22px!important; } .fp-safe-factory-premium .fp-safe-strip-item:nth-child(2n){ border-right:0!important; } } @media(max-width:680px){ .fp-safe-factory-premium .fp-safe-factory-strip-premium{ width:100%!important; grid-template-columns:1fr!important; padding:24px 22px!important; } .fp-safe-factory-premium .fp-safe-strip-item{ border-right:0!important; padding:0 0 18px!important; } } /* ALINEACIÓN FINAL ENTRE BLOQUES */ .fp-safe-factory-premium .fp-safe-factory-strip-premium{ width:calc(100% - 80px)!important; max-width:1280px!important; margin:46px auto 0!important; min-height:104px!important; } .fp-safe-factory-premium .fp-safe-factory-lab{ width:calc(100% - 80px)!important; max-width:1280px!important; margin:34px auto 0!important; } .fp-safe-factory-premium .fp-safe-factory-band{ margin-bottom:0!important; } @media(max-width:1180px){ .fp-safe-factory-premium .fp-safe-factory-strip-premium, .fp-safe-factory-premium .fp-safe-factory-lab{ width:calc(100% - 40px)!important; } .fp-safe-factory-premium .fp-safe-factory-lab{ margin-top:28px!important; } } @media(max-width:680px){ .fp-safe-factory-premium .fp-safe-factory-strip-premium, .fp-safe-factory-premium .fp-safe-factory-lab{ width:100%!important; } .fp-safe-factory-premium .fp-safe-factory-lab{ margin-top:22px!important; } } /* CORRECCIÓN FINAL V209: separación real entre franja oscura y bloque claro */ .fp-safe-lower-surface .fp-safe-factory-band.fp-safe-factory-premium{ padding-bottom:52px!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-strip-premium{ width:calc(100% - 80px)!important; max-width:1280px!important; margin:46px auto 34px!important; min-height:104px!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-lab{ width:calc(100% - 80px)!important; max-width:1280px!important; margin:0 auto!important; } @media(max-width:1180px){ .fp-safe-lower-surface .fp-safe-factory-band.fp-safe-factory-premium{ padding-bottom:40px!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-strip-premium, .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-lab{ width:calc(100% - 40px)!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-strip-premium{ margin:34px auto 28px!important; } } @media(max-width:680px){ .fp-safe-lower-surface .fp-safe-factory-band.fp-safe-factory-premium{ padding-bottom:28px!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-strip-premium, .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-lab{ width:100%!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-strip-premium{ margin:28px auto 22px!important; } } /* CORRECCIÓN FINAL V210: barra de métricas más centrada y premium */ .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-strip-premium{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; align-items:center!important; gap:0!important; width:calc(100% - 80px)!important; max-width:1280px!important; margin:46px auto 34px!important; padding:22px 26px!important; min-height:122px!important; border-radius:30px!important; overflow:hidden!important; background: radial-gradient(circle at 8% 18%, rgba(0,208,192,.16), transparent 28%), radial-gradient(circle at 92% 82%, rgba(0,169,157,.10), transparent 30%), linear-gradient(90deg,#022c2c 0%,#041827 38%,#02111d 68%,#022c2c 100%)!important; border:1px solid rgba(0,208,192,.18)!important; box-shadow: 0 20px 46px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.05)!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-strip-item{ display:flex!important; align-items:center!important; justify-content:center!important; gap:16px!important; min-height:78px!important; padding:0 26px!important; border-right:1px solid rgba(255,255,255,.10)!important; position:relative!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-strip-item:last-child{ border-right:0!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-strip-separator{ display:none!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-strip-icon{ width:46px!important; height:46px!important; border-radius:15px!important; display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 46px!important; background: linear-gradient(135deg, rgba(0,208,192,.13), rgba(0,208,192,.04))!important; border:1px solid rgba(0,208,192,.25)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 10px 24px rgba(0,208,192,.08)!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-strip-icon svg{ width:21px!important; height:21px!important; stroke:#00d0c0!important; stroke-width:1.8!important; fill:none!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-strip-copy{ display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:flex-start!important; gap:5px!important; min-width:0!important; max-width:180px!important; text-align:left!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-strip-copy strong{ display:block!important; color:#ffffff!important; font-size:17px!important; line-height:1.08!important; font-weight:950!important; letter-spacing:-.025em!important; margin:0!important; text-wrap:balance!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-strip-copy p{ margin:0!important; color:#d9e2ec!important; font-size:12px!important; line-height:1.35!important; font-weight:800!important; opacity:.9!important; text-wrap:balance!important; } @media(max-width:1180px){ .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-strip-premium{ width:calc(100% - 40px)!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; padding:24px 22px!important; margin:34px auto 28px!important; min-height:auto!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-strip-item{ justify-content:flex-start!important; min-height:74px!important; padding:0 24px!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-strip-item:nth-of-type(4n + 3){ border-right:0!important; } } @media(max-width:680px){ .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-factory-strip-premium{ width:100%!important; grid-template-columns:1fr!important; padding:24px 22px!important; margin:28px auto 22px!important; border-radius:24px!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-strip-item{ justify-content:flex-start!important; border-right:0!important; border-bottom:1px solid rgba(255,255,255,.10)!important; padding:0 0 18px!important; margin-bottom:18px!important; } .fp-safe-lower-surface .fp-safe-factory-premium .fp-safe-strip-item:last-child{ border-bottom:0!important; padding-bottom:0!important; margin-bottom:0!important; } } /* V216 refinamiento claro premium - laboratorio / innovación constante */ .fp-safe-factory-lab{ background: radial-gradient(circle at 8% 28%, rgba(0,208,192,.14), transparent 28%), linear-gradient(135deg,#dff4f1 0%,#f8fcfc 46%,#eef8f7 100%)!important; border:1px solid rgba(0,169,157,.10)!important; box-shadow: 0 18px 45px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.68)!important; } .fp-safe-factory-lab > *{ position:relative; } .fp-safe-factory-lab > *:not(:last-child)::after{ content:""; position:absolute; right:-28px; top:14%; bottom:14%; width:1px; background: linear-gradient( 180deg, transparent, rgba(15,23,42,.055), transparent ); pointer-events:none; } .fp-safe-lab-copy span{ display:block; letter-spacing:.14em; margin-bottom:14px; } .fp-safe-lab-copy p{ font-size:17px; line-height:1.72; letter-spacing:-.015em; } .fp-safe-lab-photo img{ box-shadow: 0 18px 42px rgba(15,23,42,.08), 0 0 0 7px rgba(255,255,255,.72); } .fp-safe-lab-accent img{ transform:translateY(-4px); filter: contrast(1.025) saturate(1.015) brightness(.99); box-shadow: 0 22px 60px rgba(15,23,42,.10); } .fp-safe-factory-lab ul li{ letter-spacing:-.01em; } @media(max-width:900px){ .fp-safe-factory-lab > *:not(:last-child)::after{ display:none; } .fp-safe-lab-accent img{ transform:none; } } /* V217 microajustes finales claro premium - laboratorio */ .fp-safe-lab-copy{ transform:translateY(3px); } .fp-safe-lab-copy span{ color:#00a99d!important; opacity:.92; } .fp-safe-lab-photo img{ border-width:5px!important; box-shadow: 0 16px 38px rgba(15,23,42,.075), 0 0 0 5px rgba(255,255,255,.64)!important; } .fp-safe-factory-lab ul{ transform:translateY(2px); } @media(max-width:900px){ .fp-safe-lab-copy, .fp-safe-factory-lab ul{ transform:none; } } /* V218 refinamiento tipográfico premium elegante */ .fp-safe-lab-copy p{ font-weight:650!important; color:#475467!important; font-size:16px!important; line-height:1.78!important; letter-spacing:-0.018em!important; } .fp-safe-factory-lab ul li{ font-weight:700!important; color:#344054!important; letter-spacing:-0.012em!important; } .fp-safe-lab-copy span{ font-size:13px!important; letter-spacing:.16em!important; font-weight:900!important; color:#00a99d!important; } /* V219 alineación premium innovación constante */ .fp-safe-factory-lab{ align-items:start!important; } .fp-safe-lab-copy{ transform:translateY(-10px)!important; } .fp-safe-factory-lab ul{ padding-top:2px!important; } @media(max-width:900px){ .fp-safe-lab-copy{ transform:none!important; } .fp-safe-factory-lab ul{ padding-top:0!important; } } /* V220 corrección visual: vuelve a una alineación más natural y elegante */ .fp-safe-factory-lab{ align-items:center!important; } .fp-safe-lab-copy{ transform:translateY(0)!important; } .fp-safe-factory-lab ul{ padding-top:0!important; transform:translateY(0)!important; } .fp-safe-lab-copy span{ margin-bottom:16px!important; } .fp-safe-lab-copy p{ max-width:390px; } /* V221 microanimaciones premium - solo secciones fábrica/laboratorio */ .fp-safe-factory-strip-premium, .fp-safe-factory-floating-badge, .fp-safe-factory-lab, .fp-safe-lab-accent img, .fp-safe-lab-photo img{ transition: transform .55s cubic-bezier(.22,.61,.36,1), box-shadow .55s cubic-bezier(.22,.61,.36,1), border-color .55s ease, filter .55s ease, background .55s ease; } .fp-safe-factory-strip-premium:hover{ transform:translateY(-4px); box-shadow: 0 28px 72px rgba(0,0,0,.18), 0 0 42px rgba(0,208,192,.10), inset 0 1px 0 rgba(255,255,255,.07)!important; border-color:rgba(0,208,192,.26)!important; } .fp-safe-factory-strip-premium:hover .fp-safe-strip-icon{ transform:translateY(-2px) scale(1.045); border-color:rgba(0,208,192,.36); box-shadow: 0 12px 28px rgba(0,208,192,.10), inset 0 1px 0 rgba(255,255,255,.08); } .fp-safe-strip-icon, .fp-safe-strip-icon svg, .fp-safe-strip-copy strong, .fp-safe-strip-copy p, .fp-factory-badge-item, .fp-factory-badge-item svg, .fp-factory-badge-item span{ transition: transform .45s cubic-bezier(.22,.61,.36,1), color .45s ease, opacity .45s ease, stroke .45s ease, filter .45s ease, letter-spacing .45s ease, box-shadow .45s ease, border-color .45s ease; } .fp-safe-factory-strip-premium:hover .fp-safe-strip-icon svg{ filter:drop-shadow(0 0 8px rgba(0,208,192,.42)); } .fp-safe-factory-strip-premium:hover .fp-safe-strip-copy strong{ color:#ffffff; } .fp-safe-factory-strip-premium:hover .fp-safe-strip-copy p{ opacity:1; } .fp-safe-factory-floating-badge{ overflow:hidden; } .fp-safe-factory-floating-badge:after{ content:""; position:absolute; top:-40%; bottom:-40%; left:-65%; width:42%; background: linear-gradient( 115deg, transparent, rgba(255,255,255,.12), transparent ); transform:skewX(-18deg); opacity:0; transition:left .85s cubic-bezier(.22,.61,.36,1), opacity .45s ease; pointer-events:none; } .fp-safe-factory-photo:hover .fp-safe-factory-floating-badge{ box-shadow: 0 22px 54px rgba(0,0,0,.20), 0 0 34px rgba(0,208,192,.10); border-color:rgba(0,208,192,.28); } .fp-safe-factory-photo:hover .fp-safe-factory-floating-badge:after{ left:120%; opacity:1; } .fp-safe-factory-photo:hover .fp-factory-badge-item svg{ transform:translateY(-1px) scale(1.055); filter:drop-shadow(0 0 8px rgba(0,208,192,.38)); } .fp-safe-factory-photo:hover .fp-factory-badge-item span{ letter-spacing:.17em; } .fp-safe-factory-lab:hover{ border-color:rgba(0,169,157,.16)!important; box-shadow: 0 24px 58px rgba(15,23,42,.07), inset 0 1px 0 rgba(255,255,255,.72)!important; } .fp-safe-factory-lab:hover .fp-safe-lab-accent img{ transform:translateY(-5px) scale(1.018); filter: contrast(1.04) saturate(1.03) brightness(.99); box-shadow: 0 26px 68px rgba(15,23,42,.13); } .fp-safe-factory-lab:hover .fp-safe-lab-photo img{ transform:none; box-shadow: 0 16px 34px rgba(15,23,42,.08), 0 0 0 4px rgba(255,255,255,.58)!important; } @media (prefers-reduced-motion: reduce){ .fp-safe-factory-strip-premium, .fp-safe-factory-strip-premium *, .fp-safe-factory-floating-badge, .fp-safe-factory-floating-badge *, .fp-safe-factory-lab, .fp-safe-factory-lab *, .fp-safe-lab-accent img, .fp-safe-lab-photo img{ transition:none!important; animation:none!important; transform:none!important; } .fp-safe-factory-floating-badge:after{ display:none!important; } } @media(max-width:900px){ .fp-safe-factory-strip-premium:hover, .fp-safe-factory-lab:hover, .fp-safe-factory-lab:hover .fp-safe-lab-accent img, .fp-safe-factory-lab:hover .fp-safe-lab-photo img{ transform:none!important; } } /* Destello premium banda inferior métricas */ .fp-safe-factory-strip-premium{ overflow:hidden; position:relative; } .fp-safe-factory-strip-premium:after{ content:""; position:absolute; top:-45%; bottom:-45%; left:-55%; width:28%; background: linear-gradient( 115deg, transparent, rgba(255,255,255,.12), transparent ); transform:skewX(-18deg); opacity:0; pointer-events:none; transition: left .95s cubic-bezier(.22,.61,.36,1), opacity .45s ease; } .fp-safe-factory-strip-premium:hover:after{ left:125%; opacity:1; } /* V225 ajuste final etiqueta Fabricado en Venezuela */ .fp-safe-origin-line, .fp-safe-factory-origin{ gap:14px!important; margin:0 0 24px!important; } .fp-safe-origin-line span, .fp-safe-factory-origin .fp-origin-line{ width:82px!important; height:2px!important; border-radius:999px!important; background:linear-gradient( 90deg, rgba(0,208,192,.95), rgba(0,208,192,.20) )!important; flex-shrink:0!important; } .fp-safe-origin-line p, .fp-safe-factory-origin p{ margin:0!important; font-size:14px!important; font-weight:950!important; letter-spacing:.26em!important; text-transform:uppercase!important; line-height:1!important; opacity:1!important; } .fp-safe-origin-line:after, .fp-safe-factory-origin:after, .fp-safe-made:after{ display:none!important; content:none!important; } @media(max-width:768px){ .fp-safe-origin-line p, .fp-safe-factory-origin p{ font-size:12px!important; letter-spacing:.18em!important; } .fp-safe-origin-line span, .fp-safe-factory-origin .fp-origin-line{ width:56px!important; } } /* V226 elimina línea duplicada superior */ .fp-safe-made:before, .fp-safe-origin-line:before{ display:none!important; content:none!important; } /* V228 solución definitiva: se oculta el span viejo y se crea una sola línea limpia */ .fp-safe-origin-line, .fp-safe-factory-origin{ display:flex!important; align-items:center!important; gap:14px!important; margin:0 0 24px!important; padding:0!important; border:0!important; background:none!important; box-shadow:none!important; } .fp-safe-origin-line > span, .fp-safe-factory-origin > .fp-origin-line{ display:none!important; width:0!important; height:0!important; min-width:0!important; max-width:0!important; flex:0 0 0!important; background:none!important; border:0!important; box-shadow:none!important; } .fp-safe-origin-line::before, .fp-safe-origin-line::after, .fp-safe-factory-origin::before, .fp-safe-factory-origin::after{ display:none!important; content:none!important; width:0!important; height:0!important; background:none!important; border:0!important; box-shadow:none!important; } .fp-safe-origin-line p, .fp-safe-factory-origin p{ margin:0!important; padding:0!important; display:flex!important; align-items:center!important; gap:14px!important; font-size:14px!important; font-weight:950!important; letter-spacing:.26em!important; text-transform:uppercase!important; line-height:1!important; opacity:1!important; border:0!important; background:none!important; box-shadow:none!important; } .fp-safe-origin-line p::before, .fp-safe-factory-origin p::before{ content:""!important; display:block!important; width:82px!important; height:2px!important; min-width:82px!important; border-radius:999px!important; background:linear-gradient( 90deg, rgba(0,208,192,.95), rgba(0,208,192,.18) )!important; border:0!important; box-shadow:none!important; flex:0 0 82px!important; } .fp-safe-origin-line p::after, .fp-safe-factory-origin p::after{ display:none!important; content:none!important; } @media(max-width:768px){ .fp-safe-origin-line p, .fp-safe-factory-origin p{ font-size:12px!important; letter-spacing:.18em!important; gap:10px!important; } .fp-safe-origin-line p::before, .fp-safe-factory-origin p::before{ width:56px!important; min-width:56px!important; flex-basis:56px!important; } } /* === Microinteracciones premium Floripaint === */ .fp-safe-product a, .fp-safe-product button, .fp-safe-product .fp-safe-tech-card, .fp-safe-product .fp-safe-buy-box, .fp-safe-product .fp-safe-related-card, .fp-safe-product .fp-safe-simulator-banner, .fp-safe-product .fp-safe-factory-photo, .fp-safe-product .fp-safe-factory-metrics, .fp-safe-product .fp-safe-teito-footer{ transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s cubic-bezier(.2,.8,.2,1), border-color .28s ease, background .28s ease, opacity .28s ease, filter .28s ease; } .fp-safe-wa:hover, .fp-safe-teito-btn:hover, .fp-safe-mobile-wa:hover{ transform:translateY(-2px); filter:saturate(1.04); box-shadow: 0 22px 48px rgba(0,208,192,.30), 0 0 0 1px rgba(255,255,255,.07) inset, inset 0 1px 0 rgba(255,255,255,.26); } .fp-safe-ml:hover, .fp-safe-share:hover, .fp-safe-tech-action:hover, .fp-safe-open-colors:hover, .fp-safe-sim-btn:hover{ transform:translateY(-2px); } .fp-safe-buy-box:hover, .fp-safe-tech-card:hover{ border-color:rgba(0,208,192,.34)!important; background: linear-gradient(135deg, rgba(0,208,192,.075), rgba(255,255,255,.035)); box-shadow: 0 18px 46px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.07); } .fp-safe-buy-color:hover{ transform:translateY(-2px) scale(1.025); border-color:rgba(0,208,192,.32); box-shadow: 0 12px 24px rgba(0,0,0,.18), 0 0 0 1px rgba(0,208,192,.10) inset; } .fp-safe-buy-color:hover i{ box-shadow: 0 0 0 2px rgba(255,255,255,.92), 0 0 18px rgba(0,208,192,.18); } .fp-safe-thumb:hover{ transform:translateY(-2px); background:rgba(255,255,255,.11); } .fp-safe-image:hover .fp-safe-main-img{ transform:translateY(-3px) scale(1.012); } .fp-safe-related-card:hover{ transform:translateY(-4px); border-color:rgba(0,208,192,.28); box-shadow:0 20px 44px rgba(0,0,0,.18); } .fp-safe-factory-photo:hover, .fp-safe-simulator-banner:hover, .fp-safe-teito-footer:hover{ transform:translateY(-2px); } .fp-safe-action-arrow{ transition:transform .28s cubic-bezier(.2,.8,.2,1), opacity .28s ease; } .fp-safe-wa:hover .fp-safe-action-arrow, .fp-safe-ml:hover .fp-safe-action-arrow{ transform:translateY(-50%) translateX(3px); opacity:1; } @media (prefers-reduced-motion: reduce){ .fp-safe-product *, .fp-safe-product *:before, .fp-safe-product *:after{ animation:none!important; transition:none!important; scroll-behavior:auto!important; } } /* ========================================================= MOBILE PREMIUM OPTIMIZATION SOLO MOBILE - SIN TOCAR DESKTOP ========================================================= */ @media (max-width: 768px){ .fp-safe-product{ padding:0!important; } .fp-safe-inner{ gap:20px!important; } .fp-safe-panel{ grid-template-columns:1fr!important; gap:18px!important; } /* ---------- GALERIA ---------- */ .fp-safe-gallery{ order:3!important; flex-direction:row!important; justify-content:center!important; gap:10px!important; padding:0 10px!important; } .fp-safe-thumb{ width:58px!important; height:58px!important; border-radius:16px!important; } /* ---------- IMAGEN ---------- */ .fp-safe-image{ min-height:320px!important; border-radius:28px!important; padding:20px 16px 10px!important; overflow:hidden!important; } .fp-safe-main-img{ max-width:220px!important; max-height:260px!important; } /* ---------- INFO ---------- */ .fp-safe-info{ padding:0 2px!important; } .fp-safe-kicker{ font-size:10px!important; letter-spacing:.16em!important; margin-bottom:10px!important; } .fp-safe-top-chips{ gap:8px!important; margin-bottom:14px!important; } .fp-safe-top-chips span{ min-height:30px!important; padding:0 12px!important; border-radius:999px!important; font-size:10px!important; } .fp-safe-info h2{ font-size:44px!important; line-height:.92!important; letter-spacing:-2px!important; margin-bottom:12px!important; } .fp-safe-origin-line{ margin:10px 0 14px!important; } .fp-safe-origin-line p{ font-size:10px!important; letter-spacing:.18em!important; } .fp-safe-info > p{ font-size:13.5px!important; line-height:1.7!important; opacity:.92!important; margin-bottom:18px!important; } /* ---------- FICHA TECNICA ---------- */ .fp-safe-tech-card{ padding:18px 16px!important; border-radius:24px!important; gap:14px!important; } .fp-safe-tech-copy strong{ font-size:15px!important; } .fp-safe-tech-copy span{ font-size:12px!important; line-height:1.55!important; } .fp-safe-tech-action{ min-height:42px!important; padding:0 16px!important; border-radius:14px!important; font-size:12px!important; } .fp-safe-tech-points{ gap:8px!important; margin-top:4px!important; } .fp-safe-tech-points span{ min-height:30px!important; padding:0 10px!important; font-size:10px!important; } /* ---------- SIDEBAR ---------- */ .fp-safe-buy{ padding:20px 16px!important; border-radius:26px!important; margin-top:2px!important; } .fp-safe-buy small{ font-size:10px!important; letter-spacing:.18em!important; } .fp-safe-price{ font-size:42px!important; line-height:.95!important; margin:8px 0 16px!important; } .fp-safe-buy-box{ padding:16px 14px!important; border-radius:18px!important; margin-bottom:14px!important; } .fp-safe-buy-box b{ font-size:11px!important; letter-spacing:.08em!important; } .fp-safe-buy-pres{ gap:8px!important; margin-top:12px!important; } .fp-safe-buy-pres span{ min-height:30px!important; padding:0 10px!important; font-size:10px!important; } /* ---------- COLORES ---------- */ .fp-safe-colors-scroll{ margin-top:12px!important; } .fp-safe-buy-color-grid{ gap:10px!important; } .fp-safe-buy-color{ min-width:68px!important; padding:10px 8px!important; border-radius:16px!important; } .fp-safe-buy-color i{ width:24px!important; height:24px!important; margin-bottom:6px!important; } .fp-safe-buy-color span{ font-size:9px!important; line-height:1.25!important; } .fp-safe-open-colors{ margin-top:12px!important; min-height:40px!important; font-size:11px!important; border-radius:14px!important; } /* ---------- BOTONES ---------- */ .fp-safe-actions{ gap:12px!important; margin-top:4px!important; } .fp-safe-btn, .fp-safe-wa, .fp-safe-ml, .fp-safe-share{ min-height:58px!important; border-radius:18px!important; padding:12px 14px!important; } .fp-safe-action-icon{ width:38px!important; height:38px!important; border-radius:12px!important; } .fp-safe-action-copy strong{ font-size:13px!important; } .fp-safe-action-copy small{ font-size:10px!important; } .fp-safe-action-arrow{ font-size:18px!important; } /* ---------- WHATSAPP PREMIUM ---------- */ .fp-safe-wa{ background: linear-gradient(180deg,#2ce67d 0%,#16c65d 100%)!important; box-shadow: 0 14px 30px rgba(34,197,94,.24), inset 0 1px 0 rgba(255,255,255,.22)!important; } .fp-safe-wa .fp-safe-action-copy strong{ font-size:14px!important; } /* ---------- SHARE ---------- */ .fp-safe-share{ min-height:48px!important; opacity:.92!important; } /* ---------- LOWER BLOCKS ---------- */ .fp-safe-lower-surface{ gap:22px!important; margin-top:22px!important; } /* ---------- FAQ / SEO / RELATED ---------- */ .fp-safe-seo-dynamic, .fp-safe-faq-premium, .fp-safe-related-products{ border-radius:28px!important; } /* ---------- GENERAL SPACING ---------- */ .fp-safe-seo-dynamic{ padding:28px 18px!important; } .fp-safe-faq-premium{ padding:26px 18px!important; } .fp-safe-related-products{ padding:28px 18px!important; } } /* FIX MOBILE FINAL: galería debajo de la imagen principal, no debajo de compartir */ @media (max-width: 768px){ .fp-safe-panel{ display:flex!important; flex-direction:column!important; } .fp-safe-image{ order:1!important; } .fp-safe-gallery{ order:2!important; display:flex!important; flex-direction:row!important; justify-content:center!important; align-items:center!important; gap:10px!important; width:100%!important; padding:0 10px!important; margin:-6px 0 14px!important; overflow-x:auto!important; scrollbar-width:none!important; -webkit-overflow-scrolling:touch!important; } .fp-safe-gallery::-webkit-scrollbar{ display:none!important; } .fp-safe-thumb{ flex:0 0 58px!important; width:58px!important; height:58px!important; border-radius:16px!important; } .fp-safe-thumb img{ width:100%!important; height:100%!important; object-fit:contain!important; } .fp-safe-info{ order:3!important; } .fp-safe-buy{ order:4!important; } } .fp-floating-wa svg, .fp-whatsapp-floating svg, .fp-wa-floating svg, .floating-whatsapp svg, .floating-wa svg{ width:28px!important; height:28px!important; } } /* ========================================================= FIX FINAL MOBILE - BOTON FLOTANTE WHATSAPP COMPACTO Selector real: } /* ========================================================= MOBILE REFINEMENT — SEGUNDO BLOQUE TECNICO SOLO MOBILE / DESKTOP INTACTO ========================================================= */ @media (max-width:768px){ .fp-safe-product{ padding-top:18px!important; } .fp-safe-panel{ min-height:auto!important; padding-top:8px!important; padding-bottom:18px!important; gap:18px!important; } .fp-safe-image{ min-height:320px!important; max-height:360px!important; padding:0!important; margin-top:-8px!important; } .fp-safe-main-img{ max-width:250px!important; max-height:320px!important; transform:translateY(-6px)!important; } .fp-safe-glow{ transform:scale(.82)!important; opacity:.55!important; filter:blur(42px)!important; } .fp-safe-light-beam{ opacity:.45!important; } .fp-safe-info{ padding-top:0!important; margin-top:-6px!important; } .fp-safe-info h2{ font-size:clamp(2rem,8vw,2.8rem)!important; line-height:.92!important; margin-bottom:12px!important; } .fp-safe-origin-line{ margin:10px 0 14px!important; } .fp-safe-info p{ margin-bottom:14px!important; } .fp-safe-tech-card{ margin-top:10px!important; padding:16px!important; } .fp-safe-buy{ margin-top:4px!important; padding-top:0!important; } } /* ========================================================= MOBILE SEO + FAQ REFINEMENT ========================================================= */ @media (max-width:768px){ .fp-safe-seo-grid{ gap:14px!important; margin-top:18px!important; } .fp-safe-seo-card{ padding:18px 18px!important; min-height:auto!important; } .fp-safe-seo-card p{ margin-top:6px!important; line-height:1.45!important; } .fp-safe-faq-answer{ padding:14px 20px 18px!important; } .fp-safe-faq-answer p{ line-height:1.55!important; font-size:.96rem!important; } } /* ========================================================= MOBILE LUXURY REFINEMENT — VISUALIZADOR INTERACTIVO Ajuste fino sin rediseñar / Desktop intacto ========================================================= */ @media (max-width:768px){ .fp-safe-simulator-banner{ margin-top:24px!important; padding:38px 24px 34px!important; border-radius:30px!important; min-height:auto!important; overflow:hidden!important; } .fp-safe-sim-copy{ gap:0!important; } .fp-safe-sim-copy > span{ display:block!important; font-size:.74rem!important; line-height:1.35!important; letter-spacing:.14em!important; margin:0 0 18px!important; max-width:92%!important; } .fp-safe-sim-copy h3{ font-size:clamp(2.15rem,9.6vw,3rem)!important; line-height:1!important; letter-spacing:-.045em!important; margin:0 0 18px!important; max-width:92%!important; } .fp-safe-sim-copy p{ font-size:1rem!important; line-height:1.58!important; margin:0 0 22px!important; max-width:92%!important; opacity:.86!important; } .fp-safe-sim-tags{ gap:10px!important; margin:0 0 22px!important; } .fp-safe-sim-tags span{ padding:9px 14px!important; min-height:38px!important; font-size:.72rem!important; line-height:1!important; letter-spacing:.055em!important; border-radius:999px!important; background:rgba(255,255,255,.055)!important; border-color:rgba(0,169,157,.38)!important; box-shadow:none!important; } .fp-safe-sim-action{ width:auto!important; max-width:285px!important; min-height:56px!important; padding:0 24px!important; margin:4px 0 46px!important; border-radius:20px!important; font-size:1.1rem!important; line-height:1!important; box-shadow: 0 18px 46px rgba(0,169,157,.16), inset 0 1px 0 rgba(255,255,255,.14)!important; } .fp-safe-sim-visual{ margin-top:0!important; transform:translateY(-6px)!important; } .fp-safe-sim-window{ border-radius:20px!important; overflow:hidden!important; box-shadow: 0 18px 48px rgba(0,0,0,.34), 0 0 0 1px rgba(0,169,157,.22)!important; } .fp-safe-simulator-banner:before{ opacity:.32!important; filter:blur(72px)!important; transform:scale(.92)!important; } .fp-safe-simulator-banner:after{ opacity:.16!important; } } /* ========================================================= REFINAMIENTO PREMIUM MOBILE - INSERTADO DENTRO DEL STYLE No altera estructura PHP / JS ========================================================= */ @media (max-width: 768px){ .fp-safe-product .fp-safe-info{ padding-left: 8px!important; padding-right: 8px!important; } .fp-safe-product .fp-safe-info h2{ font-size: 37px!important; line-height: .98!important; letter-spacing: -1.7px!important; max-width: 94%!important; margin-bottom: 18px!important; } .fp-safe-product .fp-safe-origin-line{ margin: 17px 0 21px!important; gap: 12px!important; } .fp-safe-product .fp-safe-origin-line span{ width: 52px!important; opacity: .9!important; } .fp-safe-product .fp-safe-origin-line p{ font-size: 12px!important; letter-spacing: .28em!important; line-height: 1.35!important; } .fp-safe-product .fp-safe-info > p{ font-size: 14px!important; line-height: 1.82!important; margin-bottom: 24px!important; max-width: 96%!important; } .fp-safe-product .fp-safe-lower-surface{ gap: 22px!important; } .fp-safe-product .fp-safe-seo-grid{ gap: 14px!important; } .fp-safe-product .fp-safe-seo-card{ padding: 18px 16px!important; min-height: auto!important; border-radius: 22px!important; } .fp-safe-product .fp-safe-seo-card strong{ margin-top: 10px!important; font-size: 14px!important; } .fp-safe-product .fp-safe-seo-card p{ margin-top: 6px!important; line-height: 1.55!important; font-size: 12px!important; } .fp-safe-product .fp-safe-seo-dynamic{ padding: 26px 20px!important; border-radius: 30px!important; } .fp-safe-product .fp-safe-seo-copy{ margin-bottom: 18px!important; } .fp-safe-product .fp-safe-seo-copy h3{ margin-bottom: 14px!important; } .fp-safe-product .fp-safe-seo-meta{ margin-top: 18px!important; gap: 10px!important; } .fp-safe-product .fp-safe-faq-premium{ padding: 28px 20px!important; border-radius: 30px!important; } .fp-safe-product .fp-safe-faq-head{ margin-bottom: 18px!important; } .fp-safe-product .fp-safe-faq-head h3{ margin: 10px 0 12px!important; line-height: 1.08!important; } .fp-safe-product .fp-safe-faq-head p{ line-height: 1.7!important; } .fp-safe-product .fp-safe-faq-item{ border-radius: 20px!important; } .fp-safe-product .fp-safe-faq-question{ min-height: 68px!important; padding: 18px!important; } .fp-safe-product .fp-safe-faq-answer{ padding: 0 18px 18px!important; } .fp-safe-product .fp-safe-faq-answer p{ line-height: 1.72!important; } .fp-safe-product .fp-safe-image{ border-radius: 30px!important; } .fp-safe-product .fp-safe-image::after{ content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit; background: radial-gradient(circle at top left, rgba(255,255,255,.18), transparent 42%); z-index: 1; } } /* ========================================================= */ /* ========================================================= MICRO AJUSTES PREMIUM MOBILE V3 ========================================================= */ @media (max-width:768px){ /* MÁS ANCHO UTIL DEL CONTENIDO */ .fp-safe-product .fp-safe-info{ padding-left: 4px!important; padding-right: 4px!important; } /* TITULO MÁS EDITORIAL */ .fp-safe-product .fp-safe-info h2{ font-size: 35px!important; line-height: .94!important; letter-spacing: -2px!important; max-width: 100%!important; margin-bottom: 16px!important; } /* SUBTITULO SUPERIOR */ .fp-safe-product .fp-safe-kicker{ margin-bottom: 20px!important; letter-spacing: .22em!important; } /* FABRICADO EN VENEZUELA MÁS PREMIUM */ .fp-safe-product .fp-safe-origin-line{ margin: 18px 0 24px!important; gap: 14px!important; align-items: center!important; } .fp-safe-product .fp-safe-origin-line span{ width: 60px!important; opacity: .95!important; } .fp-safe-product .fp-safe-origin-line p{ font-size: 13px!important; letter-spacing: .34em!important; line-height: 1.5!important; font-weight: 700!important; } /* TEXTO MÁS LIMPIO */ .fp-safe-product .fp-safe-info > p{ max-width: 100%!important; line-height: 1.75!important; } /* OVERLAY MÁS GLASS */ .fp-safe-product .fp-safe-image .fp-safe-overlay, .fp-safe-product .fp-safe-image .fp-safe-floating-card, .fp-safe-product .fp-safe-image .fp-safe-feature-box{ background: rgba(5,10,18,.50)!important; backdrop-filter: blur(18px)!important; -webkit-backdrop-filter: blur(18px)!important; border: 1px solid rgba(255,255,255,.10)!important; } /* BOTON FLOTANTE MENOS INVASIVO */ .scroll-top, .fp-scroll-top, .back-to-top{ width: 58px!important; height: 58px!important; right: 14px!important; bottom: 18px!important; opacity: .88!important; border-radius: 18px!important; } } /* ========================================================= */ /* ========================================================= AJUSTE FINAL MOBILE V5 Abre ancho real del título y reduce botón flotante ========================================================= */ @media (max-width:768px){ /* Reduce el encajonamiento lateral general de la sección */ .fp-safe-product .fp-safe-inner, .fp-safe-product .fp-safe-panel, .fp-safe-product .fp-safe-info{ padding-left: 0!important; padding-right: 0!important; } /* El bloque textual usa más ancho real en mobile */ .fp-safe-product .fp-safe-info{ width: 100%!important; max-width: 100%!important; } /* Título con más ancho útil y menos cortes */ .fp-safe-product .fp-safe-info h2{ width: 100%!important; max-width: 100%!important; font-size: 33px!important; line-height: .96!important; letter-spacing: -1.85px!important; margin-bottom: 15px!important; } /* Ajusta el sello para que no compita con el botón */ .fp-safe-product .fp-safe-origin-line{ margin: 17px 0 24px!important; padding-right: 54px!important; } .fp-safe-product .fp-safe-origin-line p{ font-size: 12.5px!important; letter-spacing: .31em!important; } /* Texto descriptivo más compacto y con ancho completo */ .fp-safe-product .fp-safe-info > p{ width: 100%!important; max-width: 100%!important; font-size: 14px!important; line-height: 1.72!important; } /* Botón flotante menos protagonista */ .scroll-top, .fp-scroll-top, .back-to-top, #scroll-top, #back-to-top{ width: 48px!important; height: 48px!important; right: 12px!important; bottom: 12px!important; opacity: .72!important; border-radius: 14px!important; transform: scale(.92)!important; } .scroll-top:hover, .fp-scroll-top:hover, .back-to-top:hover, #scroll-top:hover, #back-to-top:hover{ opacity: .9!important; } } /* ========================================================= */ /* ========================================================= MICRO REFINAMIENTO FINAL V6 ========================================================= */ @media (max-width:768px){ /* Contenedor ligeramente más abierto */ .fp-safe-product .fp-safe-inner, .fp-safe-product .fp-safe-panel{ width: calc(100% + 10px)!important; margin-left: -5px!important; } /* H2 más elegante y balanceado */ .fp-safe-product .fp-safe-info h2{ font-size: 32px!important; line-height: .95!important; letter-spacing: -2px!important; max-width: 100%!important; } /* Mejor respiración del sello */ .fp-safe-product .fp-safe-origin-line{ margin-top: 20px!important; margin-bottom: 26px!important; } /* Menos peso visual general */ .fp-safe-product .fp-safe-info > p{ line-height: 1.68!important; } } /* ========================================================= */ /* ========================================================= REFINAMIENTO BLOQUE TEXTO + ICONOS MOBILE V7 ========================================================= */ @media (max-width:768px){ /* PÁRRAFO MÁS PREMIUM Y LIGERO */ .fp-safe-product .fp-safe-info > p{ font-size: 13.6px!important; line-height: 1.82!important; font-weight: 540!important; color: #4b5568!important; max-width: 92%!important; margin-bottom: 26px!important; } /* GRID MÁS COMPACTO */ .fp-safe-product .fp-safe-seo-grid{ gap: 10px!important; row-gap: 16px!important; margin-top: 4px!important; } /* CARDS MÁS ELEGANTES */ .fp-safe-product .fp-safe-seo-card{ padding: 12px 10px!important; border-radius: 18px!important; min-height: auto!important; } /* ICONOS MÁS PROPORCIONADOS */ .fp-safe-product .fp-safe-seo-card i, .fp-safe-product .fp-safe-seo-card svg{ transform: scale(.92)!important; margin-bottom: 8px!important; } /* TITULOS MENOS AGRESIVOS */ .fp-safe-product .fp-safe-seo-card strong{ font-size: 12.8px!important; line-height: 1.22!important; letter-spacing: -.2px!important; margin-top: 2px!important; font-weight: 700!important; } /* MENOS ALTURA TOTAL */ .fp-safe-product .fp-safe-seo-card p{ margin-top: 4px!important; font-size: 11.5px!important; line-height: 1.45!important; } /* REDUCE ESPACIO INFERIOR GENERAL */ .fp-safe-product .fp-safe-info{ padding-bottom: 4px!important; } } /* ========================================================= */ /* ========================================================= AJUSTE ESPACIADO BLOQUE OSCURO V8 ========================================================= */ @media (max-width:768px){ /* Más respiración antes del bloque oscuro */ .fp-safe-product .fp-safe-seo-dynamic{ margin-top: 24px!important; } } /* ========================================================= */ /* ========================================================= FIX REAL BOTON ASTRA SCROLL TOP MOBILE ========================================================= */ @media (max-width:768px){ #ast-scroll-top{ width:44px!important; height:44px!important; right:12px!important; bottom:12px!important; border-radius:12px!important; opacity:.65!important; transform:scale(.88)!important; backdrop-filter:blur(10px)!important; -webkit-backdrop-filter:blur(10px)!important; box-shadow: 0 8px 22px rgba(0,0,0,.18)!important; } #ast-scroll-top svg{ width:14px!important; height:14px!important; } } /* ========================================================= */ /* ========================================================= */ /* ========================================================= OCULTAR STICKY WHATSAPP DUPLICADO Evita que aparezca en PC y mobile ========================================================= */ .fp-safe-mobile-sticky{ display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } @media (max-width:768px){ .fp-safe-mobile-sticky{ display:none!important; opacity:0!important; visibility:hidden!important; pointer-events:none!important; } } /* ========================================================= */ /* ========================================================= */ /* ========================================================= */ /* ========================================================= PRODUCTOS RELACIONADOS PREMIUM V14 CARRUSEL MOBILE POR SLIDE VISIBLE ========================================================= */ .related.products, .fp-safe-product .related.products, .fp-safe-product section.related.products{ position:relative!important; overflow:hidden!important; border-radius:34px!important; padding:54px 34px 46px!important; background: radial-gradient(circle at 18% 12%, rgba(0,169,157,.13), transparent 34%), radial-gradient(circle at 86% 24%, rgba(255,255,255,.85), transparent 28%), linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,252,252,.92))!important; border:1px solid rgba(0,169,157,.12)!important; box-shadow: 0 26px 70px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.86)!important; } .related.products > h2, .fp-safe-product .related.products > h2{ max-width:720px!important; margin:0 auto 34px!important; text-align:center!important; font-size:clamp(34px, 4vw, 56px)!important; line-height:.95!important; letter-spacing:-2.4px!important; color:#071225!important; font-weight:800!important; } .related.products > h2::before, .fp-safe-product .related.products > h2::before{ content:"TAMBIÉN PUEDE INTERESARTE"; display:block; margin-bottom:18px; font-size:13px; line-height:1; letter-spacing:.22em; color:#00a99d; font-weight:900; } .related.products ul.products, .fp-safe-product .related.products ul.products{ display:grid!important; grid-template-columns:repeat(4, minmax(0, 1fr))!important; gap:24px!important; margin:0!important; padding:0!important; } .related.products ul.products li.product, .fp-safe-product .related.products ul.products li.product{ position:relative!important; overflow:hidden!important; border-radius:30px!important; padding:22px 18px 24px!important; background: radial-gradient(circle at 50% 38%, rgba(0,169,157,.13), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,251,251,.94))!important; border:1px solid rgba(15,23,42,.06)!important; box-shadow: 0 18px 48px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.92)!important; transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s cubic-bezier(.2,.8,.2,1), border-color .45s ease!important; } .related.products ul.products li.product::after, .fp-safe-product .related.products ul.products li.product::after{ content:""; position:absolute; left:18%; right:18%; bottom:112px; height:28px; border-radius:999px; background:rgba(0,169,157,.16); filter:blur(18px); opacity:.72; pointer-events:none; animation:fpRelatedGlowV14 3.8s ease-in-out infinite!important; } @keyframes fpRelatedGlowV14{ 0%,100%{opacity:.42; transform:scaleX(.92);} 50%{opacity:.82; transform:scaleX(1.08);} } .related.products ul.products li.product a img, .fp-safe-product .related.products ul.products li.product a img{ position:relative!important; z-index:2!important; width:100%!important; max-width:240px!important; height:260px!important; object-fit:contain!important; margin:0 auto 18px!important; filter:drop-shadow(0 18px 24px rgba(15,23,42,.14))!important; animation:fpRelatedFloatV14 4.2s ease-in-out infinite!important; transform-origin:center bottom!important; } @keyframes fpRelatedFloatV14{ 0%,100%{transform:translateY(0) scale(1);} 50%{transform:translateY(-8px) scale(1.022);} } .related.products ul.products li.product .woocommerce-loop-product__title, .fp-safe-product .related.products ul.products li.product .woocommerce-loop-product__title{ position:relative!important; z-index:2!important; text-align:center!important; font-size:20px!important; line-height:1.08!important; letter-spacing:-.7px!important; color:#071225!important; font-weight:850!important; margin:8px auto 18px!important; max-width:92%!important; } .related.products ul.products li.product .price, .fp-safe-product .related.products ul.products li.product .price{ display:none!important; } .related.products ul.products li.product .button, .fp-safe-product .related.products ul.products li.product .button{ position:relative!important; z-index:2!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:44px!important; padding:0 24px!important; margin:0 auto!important; border-radius:999px!important; background:rgba(0,169,157,.10)!important; border:1px solid rgba(0,169,157,.22)!important; color:#00a99d!important; font-size:12px!important; font-weight:900!important; letter-spacing:.12em!important; text-transform:uppercase!important; box-shadow:0 12px 28px rgba(0,169,157,.08)!important; } @media (hover:hover){ .related.products ul.products li.product:hover, .fp-safe-product .related.products ul.products li.product:hover{ transform:translateY(-8px)!important; border-color:rgba(0,169,157,.24)!important; box-shadow: 0 30px 80px rgba(15,23,42,.13), 0 0 0 1px rgba(0,169,157,.08), inset 0 1px 0 rgba(255,255,255,.95)!important; } } @media (max-width:1024px){ .related.products ul.products, .fp-safe-product .related.products ul.products{ grid-template-columns:repeat(2, minmax(0, 1fr))!important; } } /* MOBILE: carrusel real por transición de slide */ @media (max-width:768px){ .related.products, .fp-safe-product .related.products, .fp-safe-product section.related.products{ border-radius:30px!important; padding:42px 20px 38px!important; margin-top:26px!important; } .related.products > h2, .fp-safe-product .related.products > h2{ font-size:38px!important; line-height:.95!important; letter-spacing:-1.9px!important; margin-bottom:28px!important; } .related.products > h2::before, .fp-safe-product .related.products > h2::before{ font-size:12px!important; letter-spacing:.18em!important; margin-bottom:16px!important; } .related.products ul.products, .fp-safe-product .related.products ul.products{ display:flex!important; flex-wrap:nowrap!important; overflow:hidden!important; gap:18px!important; margin:0!important; padding:2px 4px 10px!important; transition:transform .72s cubic-bezier(.22,.8,.22,1)!important; will-change:transform!important; } .related.products ul.products li.product, .fp-safe-product .related.products ul.products li.product{ flex:0 0 100%!important; min-width:100%!important; max-width:100%!important; padding:22px 18px 24px!important; border-radius:28px!important; margin:0!important; } .related.products ul.products li.product a img, .fp-safe-product .related.products ul.products li.product a img{ max-width:245px!important; height:255px!important; margin-bottom:16px!important; } .related.products ul.products li.product .woocommerce-loop-product__title, .fp-safe-product .related.products ul.products li.product .woocommerce-loop-product__title{ font-size:21px!important; line-height:1.08!important; margin-bottom:18px!important; } .related.products ul.products li.product .button, .fp-safe-product .related.products ul.products li.product .button{ min-height:42px!important; padding:0 22px!important; font-size:11.5px!important; } } /* ========================================================= */ /* ========================================================= FIX DEFINITIVO FAQ ACCORDION — PC + MOBILE Solo corrige apertura/cierre de preguntas frecuentes ========================================================= */ .fp-safe-product .fp-safe-faq-answer{ display:block!important; max-height:0!important; overflow:hidden!important; padding:0!important; opacity:0!important; transition:max-height .38s cubic-bezier(.16,1,.3,1), opacity .25s ease, padding .25s ease!important; } .fp-safe-product .fp-safe-faq-answer > p{ margin:0!important; padding:0 28px!important; overflow:visible!important; } .fp-safe-product .fp-safe-faq-item.is-open .fp-safe-faq-answer{ max-height:520px!important; opacity:1!important; padding:8px 0 18px!important; } .fp-safe-product .fp-safe-faq-item.is-open .fp-safe-faq-answer > p{ padding:0 28px!important; } .fp-safe-product .fp-safe-faq-question{ pointer-events:auto!important; cursor:pointer!important; user-select:none!important; } .fp-safe-product .fp-safe-faq-question *{ pointer-events:none!important; } @media (max-width:768px){ .fp-safe-product .fp-safe-faq-answer{ padding:0!important; } .fp-safe-product .fp-safe-faq-answer > p{ padding:0 18px!important; } .fp-safe-product .fp-safe-faq-item.is-open .fp-safe-faq-answer{ padding:4px 0 18px!important; } .fp-safe-product .fp-safe-faq-item.is-open .fp-safe-faq-answer > p{ padding:0 18px!important; } } /* ========================================================= FIX MOBILE HERO — ALINEACION INTERNA TITULO / DESCRIPCION / FICHA Solo corrige la ficha principal del producto en móvil. No agrega fondos ni bordes blancos laterales. ========================================================= */ @media (max-width:768px){ .fp-safe-product{ overflow:hidden!important; } .fp-safe-product .fp-safe-inner, .fp-safe-product .fp-safe-panel{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } .fp-safe-product .fp-safe-panel{ padding-left:18px!important; padding-right:18px!important; } .fp-safe-product .fp-safe-info{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; padding-left:0!important; padding-right:0!important; box-sizing:border-box!important; overflow:visible!important; } .fp-safe-product .fp-safe-top-chips, .fp-safe-product .fp-safe-info h2, .fp-safe-product .fp-safe-origin-line, .fp-safe-product .fp-safe-info > p, .fp-safe-product .fp-safe-tech-card{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } .fp-safe-product .fp-safe-info h2{ font-size:32px!important; line-height:.98!important; letter-spacing:-1.45px!important; text-align:left!important; word-break:normal!important; overflow-wrap:normal!important; } .fp-safe-product .fp-safe-origin-line{ padding-right:0!important; justify-content:flex-start!important; } .fp-safe-product .fp-safe-origin-line p{ font-size:11.5px!important; letter-spacing:.26em!important; white-space:nowrap!important; } .fp-safe-product .fp-safe-info > p{ font-size:13.6px!important; line-height:1.76!important; text-align:left!important; padding:0!important; } .fp-safe-product .fp-safe-tech-card{ padding:24px 18px!important; text-align:center!important; } } /* ========================================================= */ /* ========================================================= FIX COLOR DESCRIPCION HERO MOBILE Solo cambia la descripción del hero en móvil. ========================================================= */ @media (max-width:768px){ .fp-safe-product .fp-safe-info > p{ color:#c7d2e0!important; opacity:1!important; text-shadow:0 1px 2px rgba(0,0,0,.28)!important; } } /* ========================================================= */ /* ========================================================= FIX BRANDING INFERIOR MOBILE Solo bloque "Fabricamos calidad..." ========================================================= */ @media (max-width:768px){ .fp-safe-branding-lower h2, .fp-safe-brand-copy h2, .fp-safe-transform-title{ font-size:52px!important; line-height:.92!important; letter-spacing:-2px!important; } .fp-safe-branding-lower .fp-safe-origin-line, .fp-safe-brand-copy .fp-safe-origin-line, .fp-safe-transform-origin{ flex-wrap:nowrap!important; white-space:nowrap!important; gap:12px!important; } .fp-safe-branding-lower .fp-safe-origin-line p, .fp-safe-brand-copy .fp-safe-origin-line p, .fp-safe-transform-origin p{ white-space:nowrap!important; display:flex!important; align-items:center!important; gap:12px!important; flex-wrap:nowrap!important; } } /* ========================================================= */ /* ========================================================= MOBILE FIX - FABRICAMOS CALIDAD Solo versión móvil ========================================================= */ @media (max-width:768px){ .fp-safe-product .fp-safe-factory-copy h3{ font-size:clamp(34px, 9.2vw, 44px)!important; line-height:.92!important; letter-spacing:-1.5px!important; } .fp-safe-product .fp-safe-factory-origin{ display:flex!important; align-items:center!important; gap:10px!important; flex-wrap:nowrap!important; overflow:hidden!important; } .fp-safe-product .fp-safe-factory-origin .fp-origin-line{ width:42px!important; min-width:42px!important; flex:0 0 42px!important; } .fp-safe-product .fp-safe-factory-origin p{ display:flex!important; align-items:center!important; gap:8px!important; flex-wrap:nowrap!important; white-space:nowrap!important; font-size:11px!important; letter-spacing:.12em!important; line-height:1!important; margin:0!important; } } /* ========================================================= */ .fp-original-reference-note{width:calc(100% - 32px);max-width:1480px;margin:18px auto 0;padding:12px 16px;border-radius:14px;background:#eafffb;border:1px solid #a7ebe4;color:#075b55;font-size:13px;line-height:1.5}.fp-original-reference-note strong{font-weight:950} /* v0.2.14: restaurar EXACTAMENTE el botón Compartir del shortcode original. El Manager tenía una regla más específica heredada de la v0.2.12 que lo convertía en una tarjeta grande. Esta regla solo neutraliza esa interferencia. */ body.fp-product-full-preview .fp-safe-actions .fp-safe-share{ min-height:46px!important; padding:0 14px!important; border-radius:13px!important; display:flex!important; grid-template-columns:none!important; align-items:center!important; justify-content:center!important; gap:0!important; text-align:center!important; text-decoration:none!important; font-weight:950!important; background:rgba(255,255,255,.075)!important; color:#e7fffb!important; border:1px solid rgba(0,208,192,.22)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important; position:relative!important; overflow:hidden!important; } body.fp-product-full-preview .fp-safe-actions .fp-safe-share:before{ content:"↗"!important; margin-right:8px!important; width:22px!important; height:22px!important; border-radius:50%!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; background:rgba(0,208,192,.14)!important; color:#7ff5ec!important; font-size:13px!important; line-height:1!important; flex:0 0 22px!important; } body.fp-product-full-preview .fp-safe-actions .fp-safe-share:hover{ transform:translateY(-2px)!important; background:rgba(0,208,192,.14)!important; border-color:rgba(0,208,192,.36)!important; color:#fff!important; } /* v0.3.10 · Catálogo privado V2 */ .fp-cat-hero{margin-bottom:18px;background:linear-gradient(135deg,#06263b 0%,#007f78 58%,#00a99d 100%);color:#fff;border-radius:26px;padding:26px 28px;display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:0 22px 54px rgba(0,88,92,.16)} .fp-cat-hero h2{font-size:30px;margin:0;letter-spacing:-.035em}.fp-cat-hero p{margin:8px 0 0;color:rgba(255,255,255,.76);max-width:760px;line-height:1.5}.fp-cat-badge{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:900;letter-spacing:.08em} .fp-cat-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;align-items:start}.fp-cat-sidebar{position:sticky;top:20px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 16px 38px rgba(7,20,32,.045)}.fp-cat-sidebar h3{margin:0 0 14px;font-size:17px}.fp-cat-filter{padding:13px 0;border-top:1px solid var(--line)}.fp-cat-filter:first-of-type{border-top:0}.fp-cat-filter>strong{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#64727c;margin-bottom:8px}.fp-cat-filter select,.fp-cat-color-trigger{width:100%;height:42px;border:1px solid rgba(7,20,32,.10);border-radius:12px;background:#fbfdfd;padding:0 10px;color:#15343a;font:inherit;font-size:12px;font-weight:750;text-align:left}.fp-cat-filter select:focus,.fp-cat-color-trigger:focus{outline:0;border-color:rgba(0,169,157,.40);box-shadow:0 0 0 3px rgba(0,169,157,.08)}.fp-cat-filter option:disabled{color:#a8b4b6}.fp-cat-color-trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.fp-cat-color-trigger b{font-size:15px;color:#00a99d}.fp-cat-clear{width:100%;min-height:42px;border:0;border-radius:12px;background:#eef7f6;color:#08766f;font-weight:900;cursor:pointer}.fp-cat-clear:hover{background:#e3f4f2} .fp-cat-main{min-width:0;position:relative}.fp-cat-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:14px}.fp-cat-searchbar{min-height:72px;display:grid;grid-template-columns:62px minmax(0,1fr) minmax(180px,32%);gap:10px;align-items:center;padding:8px 10px 8px 8px;background:#f8fbfd;border:1px solid #d8e7ee;border-radius:20px;box-shadow:0 12px 30px rgba(7,20,32,.045)}.fp-cat-search-mascot{width:56px;height:56px;border-radius:16px;background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(0,169,157,.16);box-shadow:0 7px 18px rgba(0,169,157,.09);overflow:hidden}.fp-cat-search{display:flex;align-items:center;gap:12px;min-width:0;min-height:54px;background:#fff;border:1px solid #bcdcf2;border-radius:15px;padding:0 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.fp-cat-search:focus-within{border-color:#00a99d;box-shadow:0 0 0 3px rgba(0,169,157,.08)}.fp-cat-search svg{width:20px;height:20px;stroke:#087ec0;flex:0 0 auto}.fp-cat-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:14px;font-weight:650;color:#183238}.fp-cat-search input::placeholder{color:#718493;font-weight:500}.fp-cat-search-btn{height:54px;border:0;border-radius:15px;background:linear-gradient(135deg,#00bcae,#008f87);color:#fff;font:inherit;font-size:15px;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(0,169,157,.18);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.fp-cat-search-btn:hover{transform:translateY(-1px);box-shadow:0 11px 22px rgba(0,169,157,.24);filter:saturate(1.06)}.fp-cat-search-btn:active{transform:translateY(0)}.fp-cat-count{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 16px;white-space:nowrap;font-size:12px;font-weight:900;color:#365058}.fp-cat-count b{color:#008f87} .fp-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fp-cat-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid rgba(7,20,32,.07);border-radius:22px;overflow:hidden;box-shadow:0 15px 36px rgba(7,20,32,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.fp-cat-card:hover{transform:translateY(-3px);border-color:rgba(0,169,157,.22);box-shadow:0 20px 44px rgba(0,115,109,.10)}.fp-cat-image{height:220px;background:linear-gradient(145deg,#f8fbfa,#eef6f5);display:flex;align-items:center;justify-content:center;padding:18px;position:relative;overflow:hidden}.fp-cat-image img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .22s ease}.fp-cat-card:hover .fp-cat-image img{transform:scale(1.025)}.fp-cat-image .fp-cat-noimg{font-weight:950;color:#8ea09f;font-size:12px}.fp-cat-quick{position:absolute;right:12px;bottom:12px;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.68);border-radius:999px;background:rgba(4,35,43,.86);backdrop-filter:blur(8px);color:#fff;font:inherit;font-size:10px;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.14)}.fp-cat-quick:hover{background:#007f78}.fp-cat-body{padding:17px;display:flex;flex-direction:column;flex:1}.fp-cat-kicker{font-size:9px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:#00a99d;margin-bottom:6px}.fp-cat-title{margin:0;font-size:18px;line-height:1.12;letter-spacing:-.025em;color:#132b38}.fp-cat-desc{margin:8px 0 12px;color:#718087;font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fp-cat-specgrid{display:grid;grid-template-columns:1fr 1fr;margin:4px 0 10px;border-top:1px solid #e4ebed;border-bottom:1px solid #e4ebed}.fp-cat-spec{min-height:55px;display:grid;grid-template-columns:18px 1fr;gap:7px;align-items:center;padding:9px 10px;color:#5c6b79;font-size:10px;line-height:1.35;font-weight:650}.fp-cat-spec:nth-child(odd){border-right:1px solid #e4ebed}.fp-cat-spec:nth-child(-n+2){border-bottom:1px solid #e4ebed}.fp-cat-spec i{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#eff9f7;color:#00a99d;font-size:10px;font-style:normal;font-weight:950}.fp-cat-meta{display:grid;gap:8px;margin-top:auto}.fp-cat-meta-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.fp-cat-pill{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:999px;background:#f5f9f8;border:1px solid rgba(7,20,32,.06);font-size:9.5px;font-weight:850;color:#50646a}.fp-cat-dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(0,0,0,.12);margin-right:5px;flex:0 0 11px}.fp-cat-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.fp-cat-view,.fp-cat-wa{display:flex;align-items:center;justify-content:center;min-height:40px;border-radius:12px;font-size:10.5px;font-weight:950;text-decoration:none}.fp-cat-view{background:linear-gradient(135deg,#00bdb1,#008f87);color:#fff}.fp-cat-wa{background:#fff;border:1px solid rgba(0,169,157,.28);color:#08766f}.fp-cat-wa:hover{background:#effaf8}.fp-cat-empty{display:none;background:#fff;border:1px dashed rgba(0,169,157,.30);border-radius:22px;padding:44px;text-align:center;color:#718087}.fp-cat-empty.is-visible{display:block}.fp-cat-card[hidden]{display:none!important}.fp-cat-future{opacity:.55}.fp-cat-future select{cursor:not-allowed} /* Skeleton brillante */ .fp-cat-loading{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fp-cat-main.is-loading .fp-cat-loading{display:grid}.fp-cat-main.is-loading .fp-cat-grid,.fp-cat-main.is-loading .fp-cat-empty{display:none!important}.fp-cat-skeleton{height:430px;border-radius:22px;border:1px solid rgba(7,20,32,.06);background:#fff;overflow:hidden;position:relative}.fp-cat-skeleton:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#f3f7f6 8%,#ffffff 18%,#eef5f4 33%);background-size:220% 100%;animation:fpCatShimmer 1.05s linear infinite}.fp-cat-skeleton:after{content:"";position:absolute;left:18px;right:18px;bottom:24px;height:105px;border-radius:14px;background:rgba(255,255,255,.70);box-shadow:0 -245px 0 24px rgba(255,255,255,.38)}@keyframes fpCatShimmer{to{background-position-x:-220%}} /* Modales */ .fp-cat-modal{position:fixed;inset:0;z-index:999999;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(3,19,25,.72);backdrop-filter:blur(5px);overscroll-behavior:contain}.fp-cat-modal.is-open{display:flex} .fp-cat-modal[data-fp-color-modal]{z-index:1000011}.fp-cat-modal-card{position:relative;width:min(940px,96vw);max-height:88vh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:26px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.30)}.fp-cat-modal-close{position:absolute;z-index:4;right:16px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:#eef7f6;color:#17383d;font-size:24px;line-height:1;cursor:pointer}.fp-cat-qv-grid{display:grid;grid-template-columns:42% 58%;min-height:510px}.fp-cat-qv-media{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f7fbfa,#eaf5f3);padding:30px}.fp-cat-qv-media img{max-width:100%;max-height:410px;object-fit:contain}.fp-cat-qv-content{padding:42px 36px 34px}.fp-cat-qv-kicker{color:#00a99d;font-size:10px;letter-spacing:.10em;text-transform:uppercase;font-weight:950}.fp-cat-qv-content h3{font-size:31px;line-height:1.02;letter-spacing:-.04em;margin:9px 0 12px;color:#102f37}.fp-cat-qv-desc{color:#6b7c82;font-size:13px;line-height:1.55}.fp-cat-qv-specs{display:grid;grid-template-columns:1fr 1fr;margin-top:16px;border:1px solid #e1ebec;border-radius:14px;overflow:hidden}.fp-cat-qv-spec{min-height:52px;display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;padding:10px 12px;color:#53686f;font-size:10.5px;line-height:1.35;font-weight:750;background:#fbfdfd}.fp-cat-qv-spec:nth-child(odd){border-right:1px solid #e1ebec}.fp-cat-qv-spec:nth-child(-n+2){border-bottom:1px solid #e1ebec}.fp-cat-qv-spec i{width:20px;height:20px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#edf9f7;color:#00a99d;font-size:11px;font-style:normal;font-weight:950}.fp-cat-qv-section{margin-top:20px}.fp-cat-qv-section>strong{display:block;margin-bottom:9px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#53686f}.fp-cat-qv-list{display:flex;gap:7px;flex-wrap:wrap}.fp-cat-qv-colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:160px;overflow:auto;padding-right:4px}.fp-cat-qv-color{display:flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border-radius:10px;background:#f5f9f8;border:1px solid rgba(7,20,32,.06);font-size:10.5px;font-weight:850;color:#425960}.fp-cat-qv-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.fp-cat-qv-actions a{min-height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:950;text-decoration:none}.fp-cat-qv-product{color:#fff;background:linear-gradient(135deg,#00bdb1,#008f87)}.fp-cat-qv-wa{border:1px solid rgba(0,169,157,.32);color:#08766f;background:#f7fbfa} .fp-cat-color-card{width:min(720px,96vw);padding:26px}.fp-cat-color-card h3{margin:0 0 6px;font-size:23px;color:#15343a}.fp-cat-color-card>p{margin:0 0 16px;color:#728087;font-size:12px}.fp-cat-color-search{width:100%;height:44px;border:1px solid rgba(7,20,32,.10);border-radius:13px;padding:0 13px;font:inherit;font-size:12px;margin-bottom:14px}.fp-cat-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:55vh;overflow:auto;padding:2px}.fp-cat-color-option{display:flex;align-items:center;gap:9px;min-height:42px;padding:0 11px;border:1px solid rgba(7,20,32,.08);border-radius:12px;background:#f8fbfa;color:#334f55;font:inherit;font-size:11px;font-weight:850;text-align:left;cursor:pointer}.fp-cat-color-option:hover,.fp-cat-color-option.is-selected{border-color:rgba(0,169,157,.42);background:#effaf8;color:#08766f}.fp-cat-color-option[hidden]{display:none!important}.fp-cat-color-option .fp-cat-dot{width:15px;height:15px;flex-basis:15px}.fp-cat-color-all{grid-column:1/-1;justify-content:center;background:#eef7f6;color:#08766f} .fp-cat-card{border-radius:24px}.fp-cat-image{height:238px;padding:20px;background:radial-gradient(circle at 50% 42%,#fff 0,#f7fbfa 42%,#edf5f4 100%)}.fp-cat-quick{right:14px;bottom:14px;min-height:38px;padding:0 14px;font-size:10.5px;transition:transform .18s ease,background .18s ease}.fp-cat-quick:hover{transform:translateY(-1px)}.fp-cat-body{padding:18px 18px 17px}.fp-cat-title{font-size:19px}.fp-cat-desc{-webkit-line-clamp:2;min-height:32px}.fp-cat-color-summary{gap:8px}.fp-cat-color-count{background:#effaf8;color:#08766f;border-color:rgba(0,169,157,.12)}.fp-cat-swatches{display:flex;align-items:center}.fp-cat-swatch{width:20px;height:20px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(7,20,32,.10);margin-left:-4px}.fp-cat-swatch:first-child{margin-left:0}.fp-cat-more{font-size:9.5px;font-weight:900;color:#718087}.fp-cat-actions{margin-top:16px}.fp-cat-view,.fp-cat-wa{min-height:43px;border-radius:13px}.fp-cat-qv-card{width:min(980px,96vw);overflow:visible}.fp-cat-qv-grid{grid-template-columns:44% 56%;min-height:560px}.fp-cat-qv-media{border-radius:26px 0 0 26px;position:relative}.fp-cat-qv-media:after{content:"VISTA RÁPIDA";position:absolute;left:22px;top:22px;padding:7px 10px;border-radius:999px;background:rgba(4,35,43,.86);color:#fff;font-size:9px;font-weight:950;letter-spacing:.08em}.fp-cat-qv-content{padding:40px 38px 32px}.fp-cat-qv-desc{min-height:42px}.fp-cat-qv-pickers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.fp-cat-qv-pickers label,.fp-cat-qv-color-picker{display:block}.fp-cat-qv-pickers strong,.fp-cat-qv-qty>strong{display:block;margin-bottom:8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#53686f}.fp-cat-qv-pickers select,.fp-cat-qv-color-trigger{width:100%;height:46px;border:1px solid rgba(0,169,157,.18);border-radius:12px;background:#f7fbfa;color:#16363d;padding:0 13px;font:inherit;font-size:11px;font-weight:900;outline:none}.fp-cat-qv-color-picker{position:relative}.fp-cat-qv-color-trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.fp-cat-qv-color-pop{position:absolute;z-index:9;left:0;right:0;top:62px;max-height:220px;overflow:auto;padding:8px;border:1px solid rgba(7,20,32,.08);border-radius:14px;background:#fff;box-shadow:0 18px 44px rgba(7,20,32,.16)}.fp-cat-qv-color-options{display:grid;grid-template-columns:1fr;gap:6px}.fp-cat-qv-color-option{display:flex;align-items:center;min-height:36px;border:0;border-radius:9px;background:#f6f9f9;padding:0 10px;color:#425960;font:inherit;font-size:10.5px;font-weight:850;cursor:pointer;text-align:left}.fp-cat-qv-color-option:hover{background:#edf8f6}.fp-cat-qv-bottom{margin-top:24px}.fp-cat-qv-qty{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding:11px 12px;border-radius:13px;background:#f7fbfa;border:1px solid rgba(7,20,32,.06)}.fp-cat-qv-qty>strong{margin:0}.fp-cat-qv-qty>div{display:grid;grid-template-columns:34px 42px 34px;align-items:center;text-align:center}.fp-cat-qv-qty button{height:34px;border:1px solid rgba(0,169,157,.18);background:#fff;border-radius:9px;color:#08766f;font-size:18px;font-weight:900;cursor:pointer}.fp-cat-qv-qty span{font-weight:950;color:#17383d}.fp-cat-qv-actions{margin-top:0}.fp-cat-qv-actions a{min-height:48px}.fp-cat-qv-wa{background:linear-gradient(135deg,#00bdb1,#008f87);color:#fff;border:0}.fp-cat-qv-product{background:#102f37}.fp-cat-qv-color-trigger:disabled{opacity:.55;cursor:not-allowed} .fp-cat-wa,.fp-cat-qv-wa{gap:8px}.fp-cat-wa-icon{width:17px;height:17px;fill:currentColor;flex:0 0 17px}.fp-cat-active-filterbar{display:none;align-items:center;justify-content:flex-start;margin:0 0 12px}.fp-cat-active-filterbar.is-visible{display:flex}.fp-cat-active-clear{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 13px;border:1px solid rgba(231,0,76,.18);border-radius:999px;background:#fff5f8;color:#b3003d;font:inherit;font-size:10.5px;font-weight:950;cursor:pointer;box-shadow:0 7px 18px rgba(231,0,76,.06)}.fp-cat-active-clear:hover{background:#ffeaf1}.fp-cat-active-clear i{font-style:normal;font-size:14px;line-height:1}.fp-cat-qv-desc{min-height:0;margin:10px 0 0;display:block;overflow:visible;color:#5f747b;font-size:12.5px;line-height:1.58}.fp-cat-qv-pickers{grid-template-columns:1fr;margin-top:20px}.fp-cat-qv-pres-wrap>strong,.fp-cat-qv-color-heading strong,.fp-cat-qv-qty>strong{display:block;margin-bottom:8px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#53686f}.fp-cat-qv-presentations{display:flex;gap:7px;flex-wrap:wrap}.fp-cat-qv-presentation{min-height:36px;padding:0 13px;border:1px solid rgba(7,20,32,.08);border-radius:999px;background:#f6f9f9;color:#425960;font:inherit;font-size:10.5px;font-weight:900;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.fp-cat-qv-presentation:hover{background:#edf8f6}.fp-cat-qv-presentation.is-selected{background:#e9faf7;border-color:#00a99d;color:#08766f;box-shadow:0 0 0 2px rgba(0,169,157,.08)}.fp-cat-qv-presentation-empty{padding:10px 12px;border-radius:10px;background:#f6f9f9;color:#73868c;font-size:11px}.fp-cat-qv-color-panel{margin-top:18px}.fp-cat-qv-color-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.fp-cat-qv-color-heading strong{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#53686f}.fp-cat-qv-color-heading span{font-size:10px;font-weight:900;color:#08766f}.fp-cat-qv-color-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:210px;overflow:auto;padding:2px 4px 2px 0;scrollbar-width:thin}.fp-cat-qv-color-option{display:flex;align-items:center;gap:8px;min-height:38px;border:1px solid rgba(7,20,32,.07);border-radius:10px;background:#f6f9f9;padding:0 10px;color:#425960;font:inherit;font-size:10.5px;font-weight:850;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,color .15s ease}.fp-cat-qv-color-option:hover{background:#edf8f6}.fp-cat-qv-color-option.is-selected{background:#e9faf7;border-color:#00a99d;color:#08766f;box-shadow:0 0 0 2px rgba(0,169,157,.08)}.fp-cat-qv-color-option .fp-cat-dot{width:15px;height:15px;flex:0 0 15px}.fp-cat-qv-color-empty{grid-column:1/-1;padding:12px;border-radius:10px;background:#f6f9f9;color:#73868c;font-size:11px}.fp-cat-qv-card{max-height:90vh;overflow:auto}.fp-cat-qv-content{align-self:start} @media(max-width:1180px){.fp-cat-grid,.fp-cat-loading{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.fp-cat-layout{grid-template-columns:1fr}.fp-cat-sidebar{position:relative;top:auto}.fp-cat-grid,.fp-cat-loading{grid-template-columns:repeat(2,minmax(0,1fr))}.fp-cat-qv-grid{grid-template-columns:1fr}.fp-cat-qv-media{min-height:280px}.fp-cat-qv-content{padding:26px}.fp-cat-qv-colors{grid-template-columns:1fr 1fr}}@media(max-width:640px){.fp-cat-qv-color-options{grid-template-columns:1fr;max-height:180px}.fp-main{padding:18px}.fp-cat-hero{padding:20px;display:block}.fp-cat-badge{margin-top:14px}.fp-cat-toolbar{grid-template-columns:1fr}.fp-cat-grid,.fp-cat-loading{grid-template-columns:1fr}.fp-cat-image{height:220px}.fp-cat-color-grid{grid-template-columns:1fr 1fr}.fp-cat-qv-colors{grid-template-columns:1fr}.fp-cat-qv-actions{grid-template-columns:1fr}.fp-cat-qv-grid{grid-template-columns:1fr;min-height:0}.fp-cat-qv-media{min-height:250px;border-radius:26px 26px 0 0}.fp-cat-qv-content{padding:24px 20px 22px}.fp-cat-qv-pickers{grid-template-columns:1fr}.fp-cat-qv-card{overflow:auto}.fp-cat-qv-color-pop{position:relative;top:auto;margin-top:7px}.fp-cat-qv-content h3{font-size:27px}} @media(max-width:760px){.fp-cat-toolbar{grid-template-columns:1fr}.fp-cat-searchbar{grid-template-columns:48px minmax(0,1fr);padding:7px}.fp-cat-search-mascot{width:44px;height:44px;border-radius:13px}.fp-cat-search{min-height:48px}.fp-cat-search-btn{grid-column:1 / -1;height:46px}.fp-cat-count{justify-self:start}} /* v0.3.19 · Catálogo responsive móvil/tablet */ .fp-cat-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.fp-cat-sidebar-head h3{margin:0 0 14px}.fp-cat-filter-close,.fp-cat-filter-done,.fp-cat-mobile-filter,.fp-cat-filter-overlay{display:none}.fp-cat-mobile-tools{display:flex;align-items:center;gap:8px}.fp-cat-mobile-filter{align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid rgba(0,169,157,.20);border-radius:13px;background:#fff;color:#08766f;font:inherit;font-size:12px;font-weight:950;box-shadow:0 8px 20px rgba(7,20,32,.05);cursor:pointer}.fp-cat-mobile-filter-icon{font-size:16px;line-height:1}.fp-cat-mobile-filter b{min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#e7004c;color:#fff;font-size:10px}.fp-cat-mobile-filter b[hidden]{display:none!important} @media(max-width:900px){ .fp-cat-modal{z-index:1000010!important} .fp-cat-layout{display:block}.fp-cat-main{width:100%}.fp-cat-toolbar{grid-template-columns:minmax(0,1fr) auto}.fp-cat-mobile-filter{display:inline-flex}.fp-cat-mobile-tools{justify-content:flex-end}.fp-cat-count{min-height:44px;display:flex;align-items:center;padding:0 13px} .fp-cat-sidebar{position:fixed;z-index:1000002;left:0;top:0;bottom:0;width:min(390px,88vw);height:100dvh;margin:0;border-radius:0 24px 24px 0;padding:18px 18px 92px;overflow:auto;overscroll-behavior:contain;transform:translateX(-104%);transition:transform .24s ease;box-shadow:24px 0 70px rgba(3,19,25,.24)} .fp-cat-sidebar.is-mobile-open{transform:translateX(0)}.fp-cat-sidebar-head{position:sticky;top:-18px;z-index:3;margin:-18px -18px 2px;padding:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-radius:0 24px 0 0;border-bottom:1px solid #edf2f2}.fp-cat-sidebar-head h3{margin:0;font-size:19px}.fp-cat-filter-close{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border:0;border-radius:50%;background:#eef7f6;color:#17383d;font-size:25px;cursor:pointer} .fp-cat-filter select,.fp-cat-color-trigger{height:48px;font-size:13px}.fp-cat-filter{padding:14px 0}.fp-cat-clear{min-height:48px;margin-top:4px}.fp-cat-filter-done{display:flex;position:fixed;z-index:4;left:14px;bottom:14px;width:min(362px,calc(88vw - 28px));min-height:54px;align-items:center;justify-content:center;gap:5px;border:0;border-radius:15px;background:linear-gradient(135deg,#00bdb1,#008f87);color:#fff;font:inherit;font-size:13px;font-weight:950;box-shadow:0 14px 30px rgba(0,143,135,.24);cursor:pointer}.fp-cat-filter-done b{font:inherit} .fp-cat-filter-overlay{position:fixed;z-index:1000001;inset:0;width:100%;height:100%;border:0;background:rgba(3,19,25,.56);backdrop-filter:blur(3px);cursor:pointer}.fp-cat-filter-overlay.is-visible{display:block} .fp-cat-grid,.fp-cat-loading{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fp-cat-card:hover{transform:none}.fp-cat-image{height:210px}.fp-cat-quick{min-height:40px;padding:0 14px;font-size:11px} .fp-cat-modal{padding:14px}.fp-cat-qv-card{width:min(760px,96vw);max-height:92dvh}.fp-cat-qv-grid{grid-template-columns:38% 62%;min-height:0}.fp-cat-qv-media{min-height:420px;padding:22px}.fp-cat-qv-content{padding:32px 28px 26px}.fp-cat-qv-content h3{font-size:28px}.fp-cat-qv-color-options{max-height:190px} } @media(max-width:640px){ .fp-main{padding:12px!important}.fp-cat-hero{border-radius:20px;padding:18px;margin-bottom:12px}.fp-cat-hero h2{font-size:25px}.fp-cat-hero p{font-size:12px}.fp-cat-badge{font-size:9px;margin-top:12px} .fp-cat-toolbar{grid-template-columns:1fr;gap:9px;margin-bottom:10px}.fp-cat-searchbar{grid-template-columns:46px minmax(0,1fr);gap:7px;min-height:62px;padding:7px;border-radius:17px}.fp-cat-search-mascot{width:46px;height:46px;border-radius:13px}.fp-cat-search{min-height:46px;padding:0 12px;border-radius:13px}.fp-cat-search svg{width:18px;height:18px}.fp-cat-search input{font-size:12.5px}.fp-cat-search-btn{grid-column:1/-1;height:44px;border-radius:12px;font-size:13px}.fp-cat-mobile-tools{width:100%;justify-content:space-between}.fp-cat-mobile-filter,.fp-cat-count{min-height:43px}.fp-cat-count{margin-left:auto} .fp-cat-grid,.fp-cat-loading{grid-template-columns:1fr;gap:12px}.fp-cat-card{border-radius:20px}.fp-cat-image{height:225px}.fp-cat-body{padding:16px}.fp-cat-title{font-size:19px}.fp-cat-desc{font-size:11.5px}.fp-cat-spec{font-size:10.5px;min-height:52px}.fp-cat-actions{gap:7px}.fp-cat-view,.fp-cat-wa{min-height:46px;font-size:11px}.fp-cat-active-filterbar{margin-bottom:9px}.fp-cat-active-clear{min-height:38px} .fp-cat-modal{align-items:flex-end;padding:0}.fp-cat-modal-card{width:100%;max-width:none;max-height:94dvh;border-radius:24px 24px 0 0}.fp-cat-modal-close{position:sticky;float:right;right:12px;top:12px;margin:12px 12px -52px 0;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.10)}.fp-cat-qv-card{width:100%;max-height:94dvh;overflow:auto}.fp-cat-qv-grid{display:block;min-height:0}.fp-cat-qv-media{min-height:210px;height:220px;border-radius:24px 24px 0 0;padding:22px 28px}.fp-cat-qv-media img{max-height:180px}.fp-cat-qv-media:after{left:16px;top:16px}.fp-cat-qv-content{padding:22px 18px 20px}.fp-cat-qv-content h3{font-size:25px;margin-right:40px}.fp-cat-qv-desc{font-size:12px;line-height:1.5}.fp-cat-qv-specs{grid-template-columns:1fr}.fp-cat-qv-spec:nth-child(n){border-right:0}.fp-cat-qv-spec:nth-child(-n+3){border-bottom:1px solid #e1ebec}.fp-cat-qv-presentations{gap:7px}.fp-cat-qv-presentation{min-height:40px;padding:0 14px}.fp-cat-qv-color-options{grid-template-columns:1fr;max-height:190px}.fp-cat-qv-color-option{min-height:42px}.fp-cat-qv-qty{min-height:54px}.fp-cat-qv-actions{position:sticky;bottom:-20px;z-index:3;margin:18px -18px -20px;padding:12px 18px 18px;background:linear-gradient(180deg,rgba(255,255,255,.82),#fff 22%);grid-template-columns:1fr}.fp-cat-qv-actions a{min-height:50px}.fp-cat-color-card{width:100%;padding:22px 16px 18px}.fp-cat-color-grid{grid-template-columns:1fr 1fr;max-height:58dvh}.fp-cat-color-option{min-height:46px} } @media(max-width:390px){.fp-cat-color-grid{grid-template-columns:1fr}.fp-cat-image{height:178px}.fp-cat-specgrid{grid-template-columns:1fr}.fp-cat-spec:nth-child(n){border-right:0}.fp-cat-spec:nth-child(-n+3){border-bottom:1px solid #e4ebed}.fp-cat-actions{grid-template-columns:1fr}.fp-cat-view,.fp-cat-wa{min-height:47px}} /* v0.3.20 · corrección visual móvil real */ @media(max-width:640px){ .fp-main{overflow-x:hidden!important} .fp-cat-toolbar{width:100%;min-width:0} .fp-cat-searchbar{width:100%;min-width:0;display:grid!important;grid-template-columns:40px minmax(0,1fr) 92px!important;gap:6px!important;min-height:58px!important;padding:6px!important;border-radius:16px!important;overflow:hidden} .fp-cat-search-mascot{width:40px!important;height:40px!important;border-radius:11px!important;align-self:center} .fp-cat-search{min-width:0!important;min-height:44px!important;height:44px!important;padding:0 9px!important;gap:7px!important;border-radius:11px!important;overflow:hidden} .fp-cat-search svg{width:16px!important;height:16px!important;flex:0 0 16px} .fp-cat-search input{min-width:0!important;width:100%!important;font-size:11.5px!important;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .fp-cat-search-btn{grid-column:auto!important;height:44px!important;min-width:0!important;width:92px!important;padding:0 8px!important;border-radius:11px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:12px!important;font-weight:950!important;line-height:1!important;display:flex!important;align-items:center!important;justify-content:center!important} .fp-cat-mobile-tools{margin-top:2px} .fp-cat-card{overflow:hidden} .fp-cat-image{height:180px!important;min-height:180px!important;max-height:180px!important;padding:14px!important} .fp-cat-image img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;opacity:1!important} .fp-cat-quick{right:10px!important;bottom:10px!important} .fp-cat-body{padding:15px!important} } @media(max-width:420px){ .fp-cat-searchbar{grid-template-columns:36px minmax(0,1fr) 78px!important} .fp-cat-search-mascot{width:36px!important;height:36px!important} .fp-cat-search-btn{width:78px!important;font-size:11px!important} .fp-cat-search input{font-size:11px!important} .fp-cat-image{height:170px!important;min-height:170px!important;max-height:170px!important} } /* v0.3.21 · estabilización real del viewport móvil del Manager/Catálogo */ @media(max-width:900px){ html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important} body{position:relative} .fp-app{display:block!important;width:100%!important;max-width:100vw!important;min-width:0!important;overflow-x:hidden!important} .fp-side{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important} .fp-brand{min-width:0!important} .fp-nav{display:flex!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none} .fp-nav::-webkit-scrollbar{display:none} .fp-nav a{flex:0 0 auto!important} .fp-main{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow-x:hidden!important} .fp-top,.fp-hero,.fp-cat-hero,.fp-cat-layout,.fp-cat-main,.fp-cat-toolbar,.fp-cat-grid,.fp-cat-card{width:100%!important;max-width:100%!important;min-width:0!important} .fp-cat-hero{overflow:hidden!important} .fp-cat-hero>div{min-width:0!important;width:100%!important} .fp-cat-hero h2,.fp-cat-hero p{max-width:100%!important;overflow-wrap:anywhere} .fp-cat-searchbar,.fp-cat-search,.fp-cat-search input{max-width:100%!important;min-width:0!important} .fp-cat-card,.fp-cat-image,.fp-cat-body{max-width:100%!important} } @media(max-width:640px){ .fp-side{padding:12px 10px!important} .fp-brand{padding:2px 4px 10px!important} .fp-brand strong{font-size:20px!important} .fp-nav{gap:4px!important;padding-bottom:2px!important} .fp-nav a{padding:10px 11px!important;font-size:12px!important} .fp-main{padding:10px!important} .fp-top{margin-bottom:14px!important} .fp-top h1{font-size:24px!important} .fp-top p{font-size:12px!important} .fp-cat-hero{padding:16px!important;margin:0 0 10px!important;border-radius:18px!important} .fp-cat-hero h2{font-size:23px!important} .fp-cat-hero p{font-size:11.5px!important;line-height:1.45!important} .fp-cat-searchbar{box-sizing:border-box!important} .fp-cat-grid{margin:0!important} .fp-cat-card{box-sizing:border-box!important} .fp-cat-image{width:100%!important} } /* v0.3.22 · Filtro móvil: alto visible real + footer sticky */ @media(max-width:900px){ html.fp-cat-filter-lock,body.fp-cat-filter-lock{overflow:hidden!important;overscroll-behavior:none!important} .fp-cat-sidebar{ left:12px!important; right:12px!important; top:12px!important; bottom:auto!important; width:auto!important; max-width:520px!important; height:auto!important; max-height:calc(100dvh - 24px)!important; margin:0!important; padding:0 18px calc(10px + env(safe-area-inset-bottom))!important; border-radius:24px!important; overflow-y:auto!important; overflow-x:hidden!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior:contain!important; transform:translateX(calc(-100% - 28px))!important; } .fp-cat-sidebar.is-mobile-open{transform:translateX(0)!important} .fp-cat-sidebar-head{ top:0!important; margin:0 -18px 2px!important; padding:18px!important; border-radius:24px 24px 0 0!important; background:rgba(255,255,255,.98)!important; } .fp-cat-filter:first-of-type{padding-top:18px!important} .fp-cat-filter-done{ position:sticky!important; left:auto!important; right:auto!important; bottom:0!important; z-index:8!important; width:100%!important; min-height:56px!important; margin:10px 0 0!important; border-radius:16px!important; box-shadow:0 -12px 26px rgba(255,255,255,.94),0 12px 26px rgba(0,143,135,.20)!important; } .fp-cat-filter-overlay{height:100dvh!important} } @media(max-width:640px){ .fp-cat-sidebar{left:10px!important;right:10px!important;top:10px!important;max-height:calc(100dvh - 20px)!important;padding-left:16px!important;padding-right:16px!important} .fp-cat-sidebar-head{margin-left:-16px!important;margin-right:-16px!important;padding:17px 16px!important} .fp-cat-sidebar-head h3{font-size:20px!important} .fp-cat-filter{padding:12px 0!important} .fp-cat-filter select,.fp-cat-color-trigger{height:50px!important} .fp-cat-clear{min-height:46px!important} .fp-cat-filter-done{min-height:56px!important;margin-top:10px!important} } /* v0.3.25 — mismo paso Nombre + Ciudad de Producto individual para WhatsApp del catálogo */ .fp-customer-modal{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:20px} .fp-customer-modal.is-open{display:flex} .fp-customer-modal__backdrop{position:absolute;inset:0;z-index:0;background:rgba(5,18,22,.72);backdrop-filter:blur(6px)} .fp-customer-modal__dialog{position:relative;z-index:1;width:min(100%,460px);background:#fff;color:#183238;border-radius:24px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.32)} .fp-customer-modal__close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:#eef4f4;color:#183238;font-size:25px;line-height:1;cursor:pointer} .fp-customer-modal__eyebrow{display:block;margin-bottom:8px;color:#00a99d;font-weight:800;font-size:12px;letter-spacing:.06em;text-transform:uppercase} .fp-customer-modal__dialog h3{margin:0 42px 8px 0;font-size:26px;line-height:1.12;color:#153238} .fp-customer-modal__dialog>p{margin:0 0 22px;color:#65777b;font-size:14px;line-height:1.55} .fp-customer-field{display:block;margin:0 0 14px} .fp-customer-field span{display:block;margin-bottom:7px;color:#29464c;font-size:13px;font-weight:800} .fp-customer-field input{width:100%;box-sizing:border-box;height:48px;border:1px solid #d8e3e4;border-radius:12px;padding:0 14px;background:#fff;color:#183238;font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease} .fp-customer-field input:focus{border-color:#00a99d;box-shadow:0 0 0 3px rgba(0,169,157,.12)} .fp-customer-field input.has-error{border-color:#d63c56;box-shadow:0 0 0 3px rgba(214,60,86,.10)} .fp-customer-city-help{display:block;margin:-1px 0 8px;color:#b36b00;font-size:12px;line-height:1.35;font-weight:800} .fp-customer-error{min-height:20px;margin:2px 0 8px;color:#c8324b;font-size:13px;font-weight:700} .fp-customer-continue{width:100%;min-height:50px;border:0;border-radius:13px;background:#20c463;color:#fff;font-weight:900;font-size:15px;cursor:pointer;box-shadow:0 10px 24px rgba(32,196,99,.22)} .fp-customer-continue:hover{filter:brightness(.97)} html.fp-customer-modal-open{overflow:hidden} @media(max-width:600px){.fp-customer-modal{padding:14px}.fp-customer-modal__dialog{padding:24px 20px 20px;border-radius:20px}.fp-customer-modal__dialog h3{font-size:23px}} /* v0.3.26 · Catálogo público propio */ .fp-public-catalog-wrap{width:100%;background:#f3f7f6;padding:28px 0 56px;min-height:60vh} .fp-public-catalog-inner{width:min(1480px,calc(100% - 36px));margin:0 auto} .fp-public-catalog-page .entry-header,.fp-public-catalog-page .entry-title{display:none!important} .fp-public-catalog-page .site-content,.fp-public-catalog-page .ast-container{max-width:none!important;padding:0!important} .fp-public-catalog-page .content-area{width:100%!important;margin:0!important} .fp-public-catalog-page .fp-cat-hero{margin-top:0} .fp-public-catalog-page .fp-cat-layout{width:100%} .fp-public-catalog-page .fp-cat-main{min-width:0} @media(max-width:640px){.fp-public-catalog-wrap{padding:14px 0 34px}.fp-public-catalog-inner{width:min(100% - 20px,1480px)}} /* v0.3.28: conserva el hero original de Productos mientras el catálogo ya corre fuera de Elementor. */ .fp-public-catalog-legacy-hero{width:100%;max-width:none;margin:0;padding:0;overflow:hidden} .fp-public-catalog-legacy-hero>.elementor-element,.fp-public-catalog-legacy-hero>section{margin-top:0!important} \n\n/* v0.3.30 · Layout público: hero arriba y catálogo debajo */\n.fp-public-catalog-page .site-content>.ast-container,\n.fp-public-catalog-page .site-content .ast-container{\n display:block!important;\n width:100%!important;\n max-width:none!important;\n padding-left:0!important;\n padding-right:0!important;\n}\n.fp-public-catalog-stack{\n display:block!important;\n width:100%!important;\n max-width:100%!important;\n min-width:0!important;\n flex:0 0 100%!important;\n}\n.fp-public-catalog-hero-shell,\n.fp-public-catalog-wrap{\n display:block!important;\n width:100%!important;\n max-width:none!important;\n min-width:0!important;\n flex:none!important;\n clear:both!important;\n}\n.fp-public-catalog-hero-shell{\n width:min(1480px,calc(100% - 40px))!important;\n margin:28px auto 24px!important;\n}\n.fp-public-catalog-page .fp-public-catalog-wrap .fp-cat-hero{display:none!important}\n.fp-public-catalog-page .fp-public-catalog-wrap{padding-top:10px!important}\n@media(max-width:768px){\n .fp-public-catalog-hero-shell{width:calc(100% - 24px)!important;margin:16px auto 18px!important}\n .fp-public-catalog-page .fp-public-catalog-wrap{padding-top:4px!important}\n}\n /* v0.3.31 · Pulido catálogo público */ .fp-public-catalog-page, .fp-public-catalog-page .site-content, .fp-public-catalog-page .site-content>.ast-container, .fp-public-catalog-page .site-content .ast-container, .fp-public-catalog-stack{ background:#f4f7f6!important; } .fp-public-catalog-hero-shell{ background:transparent!important; } /* El interior oscuro del hero se conserva; solo aclaramos el fondo exterior. */ .fp-hero-product-link{ position:relative; z-index:3; display:flex; align-items:center; justify-content:center; width:100%; text-decoration:none!important; cursor:pointer; } .fp-hero-product-link img{ pointer-events:auto; } .fp-hero-product-link:focus-visible{ outline:3px solid rgba(255,255,255,.92); outline-offset:8px; border-radius:22px; } /* La imagen de cada tarjeta abre Producto simple; Vista rápida sigue siendo un botón aparte. */ .fp-cat-image-link{ position:relative; z-index:1; width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-decoration:none!important; cursor:pointer; } .fp-cat-image-link img{ max-width:100%; max-height:100%; object-fit:contain; } .fp-cat-quick{ z-index:3; } /* También la imagen de Vista rápida lleva al Producto simple. */ .fp-cat-qv-image-link{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; text-decoration:none!important; cursor:pointer; } .fp-cat-qv-image-link img{ max-width:100%; max-height:410px; object-fit:contain; } /* Astra no debe volver blanco el texto de los colores al hacer hover. */ .fp-cat-qv-color-option, .fp-cat-qv-color-option span{ color:#425960!important; } .fp-cat-qv-color-option:hover, .fp-cat-qv-color-option:hover span, .fp-cat-qv-color-option:focus, .fp-cat-qv-color-option:focus span{ color:#08766f!important; background:#edf8f6!important; } .fp-cat-qv-color-option.is-selected, .fp-cat-qv-color-option.is-selected span{ color:#08766f!important; } @media(max-width:640px){ .fp-cat-qv-image-link img{max-height:180px} } /* v0.3.34 · Cabecera del catálogo con mascota como marca de agua */ .fp-cat-hero{ position:relative; isolation:isolate; overflow:hidden; } .fp-cat-hero-copy{ position:relative; z-index:3; min-width:0; } .fp-cat-hero-kicker{ display:block; margin:0 0 6px; color:rgba(255,255,255,.72); font-size:10px; line-height:1.2; font-weight:900; letter-spacing:.15em; text-transform:uppercase; } .fp-cat-hero-accent{ display:block; width:84px; height:4px; margin:9px 0 10px; border-radius:999px; background:linear-gradient(90deg,#38f0df 0 60%,#e7004c 60% 82%,#f6c647 82%); box-shadow:0 0 18px rgba(56,240,223,.20); } .fp-cat-hero-side{ position:relative; z-index:4; display:flex; align-items:center; gap:12px; flex:0 0 auto; } .fp-cat-hero-count{ min-width:78px; min-height:62px; padding:10px 14px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:18px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.08); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); color:#fff; font-size:23px; line-height:1; font-weight:950; box-shadow:inset 0 1px 0 rgba(255,255,255,.10); } .fp-cat-hero-count small{ margin-top:5px; font-size:9px; line-height:1; text-transform:uppercase; letter-spacing:.09em; color:rgba(255,255,255,.72); } .fp-cat-hero-watermark{ position:absolute; z-index:1; right:145px; top:50%; width:265px; height:265px; object-fit:cover; transform:translateY(-50%) rotate(-4deg); opacity:.11; filter:grayscale(1) saturate(.35) brightness(1.35) contrast(.9); mix-blend-mode:screen; pointer-events:none; user-select:none; border-radius:50%; mask-image:radial-gradient(ellipse at center,#000 24%,rgba(0,0,0,.88) 48%,transparent 76%); -webkit-mask-image:radial-gradient(ellipse at center,#000 24%,rgba(0,0,0,.88) 48%,transparent 76%); } .fp-cat-hero.is-public:after{ content:""; position:absolute; z-index:0; right:4%; top:-65%; width:420px; height:320px; border-radius:50%; background:radial-gradient(circle,rgba(255,255,255,.10),transparent 66%); pointer-events:none; } @media(max-width:900px){ .fp-cat-hero-watermark{ right:10px; width:220px; height:220px; opacity:.09; } .fp-cat-hero-side{gap:8px} } @media(max-width:640px){ .fp-cat-hero{ min-height:190px; } .fp-cat-hero-watermark{ right:-48px; top:52%; width:205px; height:205px; opacity:.085; } .fp-cat-hero-copy{ max-width:72%; } .fp-cat-hero-side{ margin-top:14px; align-items:flex-start; flex-wrap:wrap; } .fp-cat-hero-count{ min-width:64px; min-height:54px; font-size:20px; } .fp-cat-hero-kicker{font-size:8px} } /* v0.3.35 · Franja Catálogo Floripaint refinada */ .fp-cat-hero.is-public{ position:relative; overflow:hidden; isolation:isolate; padding:26px 28px!important; min-height:190px; border-radius:26px!important; background: radial-gradient(circle at 74% 48%,rgba(255,255,255,.14),transparent 26%), radial-gradient(circle at 92% 20%,rgba(0,246,255,.16),transparent 22%), linear-gradient(105deg,#083041 0%,#075a61 42%,#00a99b 100%)!important; box-shadow: 0 18px 42px rgba(5,38,49,.12), inset 0 1px 0 rgba(255,255,255,.08); } .fp-cat-hero.is-public:before{ content:""; position:absolute; inset:auto -7% -58px 34%; height:150px; z-index:0; pointer-events:none; background: linear-gradient(100deg,transparent 0 11%,rgba(0,225,211,.20) 12% 44%,rgba(0,225,211,.05) 62%,transparent 72%); transform:rotate(-5deg) skewX(-10deg); border-radius:50%; filter:blur(.2px); } .fp-cat-hero.is-public:after{ content:""; position:absolute; z-index:0; right:-2%; top:-48%; width:480px; height:330px; border-radius:50%; background: radial-gradient(circle,rgba(255,255,255,.14),rgba(255,255,255,.025) 48%,transparent 70%); pointer-events:none; } .fp-cat-hero.is-public .fp-cat-hero-copy{ position:relative; z-index:4; max-width:760px; } .fp-cat-hero.is-public .fp-cat-hero-kicker{ margin-bottom:7px; color:rgba(255,255,255,.70)!important; font-size:10px!important; font-weight:950!important; letter-spacing:.18em!important; } .fp-cat-hero.is-public h2{ margin:0!important; font-size:clamp(34px,3vw,52px)!important; line-height:1!important; letter-spacing:-.035em!important; font-weight:950!important; text-shadow:0 8px 24px rgba(0,0,0,.18); } .fp-cat-hero.is-public h2 span{ color:#ffffff!important; } .fp-cat-hero.is-public h2 em{ color:#49f5ea!important; font-style:normal!important; text-shadow:0 0 22px rgba(73,245,234,.18); } .fp-cat-hero.is-public .fp-cat-hero-accent{ width:108px!important; height:5px!important; margin:12px 0 13px!important; background:linear-gradient(90deg,#21f0df 0 48%,#e7004c 48% 76%,#ffd52e 76%)!important; box-shadow:0 0 20px rgba(33,240,223,.16); } .fp-cat-hero.is-public p{ position:relative; z-index:4; max-width:710px!important; margin:0!important; color:rgba(255,255,255,.92)!important; font-size:17px!important; line-height:1.55!important; font-weight:700!important; } .fp-cat-hero.is-public .fp-cat-hero-side{ position:relative; z-index:5; display:flex!important; align-items:center!important; gap:12px!important; flex:0 0 auto; } .fp-cat-hero.is-public .fp-cat-hero-count{ min-width:84px!important; min-height:66px!important; border:1px solid rgba(255,255,255,.26)!important; background:rgba(255,255,255,.11)!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 10px 26px rgba(0,0,0,.08)!important; backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); } .fp-cat-hero.is-public .fp-cat-badge{ position:relative; z-index:5; border:1px solid rgba(255,255,255,.28)!important; background:rgba(255,255,255,.08)!important; color:#fff!important; box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 10px 26px rgba(0,0,0,.07)!important; backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); } /* Mascota como verdadera marca de agua blanca/turquesa, más presente pero no invasiva */ .fp-cat-hero.is-public .fp-cat-hero-watermark{ right:150px!important; top:52%!important; width:330px!important; height:330px!important; opacity:.24!important; transform:translateY(-50%) rotate(-3deg)!important; filter:grayscale(1) brightness(2.7) contrast(.72)!important; mix-blend-mode:screen!important; border-radius:50%!important; mask-image:radial-gradient(circle at center,#000 0 44%,rgba(0,0,0,.86) 56%,transparent 79%)!important; -webkit-mask-image:radial-gradient(circle at center,#000 0 44%,rgba(0,0,0,.86) 56%,transparent 79%)!important; } /* pequeños puntos de color para reforzar el universo pintura */ .fp-cat-hero.is-public .fp-cat-hero-copy:after{ content:""; position:absolute; left:148px; top:10px; width:7px; height:7px; border-radius:50%; background:#e7004c; box-shadow: 36px 22px 0 -1px #ffd52e, 64px -4px 0 -2px #21f0df; opacity:.72; pointer-events:none; } @media(max-width:900px){ .fp-cat-hero.is-public{ min-height:210px; padding:24px 22px!important; } .fp-cat-hero.is-public .fp-cat-hero-watermark{ right:15px!important; width:270px!important; height:270px!important; opacity:.19!important; } .fp-cat-hero.is-public .fp-cat-hero-copy{ max-width:64%; } } @media(max-width:640px){ .fp-cat-hero.is-public{ min-height:250px; padding:22px 18px!important; align-items:flex-start!important; } .fp-cat-hero.is-public .fp-cat-hero-copy{ max-width:78%!important; } .fp-cat-hero.is-public h2{ font-size:34px!important; } .fp-cat-hero.is-public p{ font-size:14px!important; line-height:1.45!important; } .fp-cat-hero.is-public .fp-cat-hero-watermark{ right:-62px!important; top:48%!important; width:245px!important; height:245px!important; opacity:.16!important; } .fp-cat-hero.is-public .fp-cat-hero-side{ margin-top:16px!important; gap:8px!important; flex-wrap:wrap; } .fp-cat-hero.is-public .fp-cat-hero-count{ min-width:66px!important; min-height:54px!important; } .fp-cat-hero.is-public .fp-cat-badge{ font-size:9px!important; } } /* v0.3.36 · imágenes de tarjetas un poco más grandes sin deformar la tarjeta */ .fp-cat-image img{ max-width:116%!important; max-height:116%!important; width:auto!important; height:auto!important; object-fit:contain!important; } .fp-cat-card:hover .fp-cat-image img{ transform:scale(1.065)!important; } @media(max-width:900px){ .fp-cat-image img{ max-width:122%!important; max-height:122%!important; } } @media(max-width:640px){ .fp-cat-image{padding:12px!important} .fp-cat-image img{ width:auto!important; height:auto!important; max-width:120%!important; max-height:120%!important; object-fit:contain!important; } } @media(max-width:420px){ .fp-cat-image img{ max-width:122%!important; max-height:122%!important; } } /* v0.3.49 · imagen del producto ligeramente más grande SOLO en PC, sin alterar la tarjeta */ @media(min-width:901px){ .fp-cat-image img{ max-width:126%!important; max-height:126%!important; transform:scale(1.085)!important; transform-origin:center center!important; } .fp-cat-card:hover .fp-cat-image img{ transform:scale(1.115)!important; } }