crefito 5/5641964895f fernanda lilma

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <style> html { overflow: hidden; } { margin: 0; padding: 0; box-sizing: border-box; } iframe { max-width: 100%; } </style><style> {margin:0;padding:0;box-sizing:border-box} :root{--green:#00b09b;--green-dark:#009582;--accent:#9bdc65;--gold:#FFD700;--gold-dark:#B8860B;--gold-gradient:linear-gradient(135deg,#FFD700,#FFA500);--bg:#fff;--card:#fff;--muted:#555;--hero-title:#fff;--hero-sub:#f0f0f0;--hero-brightness:1;--section-title:#009582;--quote-card-bg:#e9f9f5;--quote-text-color:#046b5d;--caption-title-color:#046b5d;--photo-border:#00b09b;--photo-border-width:3px;--photo-border-style:solid;--social-bg:linear-gradient(135deg,var(--green),var(--green-dark));--social-text:#fff;--social-radius:8px;--content-text-color:#222;--bottom-safe:40px} body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:var(--content-text-color);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh} body.editor-hidden .wrap{max-width:100%} .wrap{width:100%;max-width:980px;margin:0 auto;padding:18px 16px var(--bottom-safe);flex:1;box-sizing:border-box} header{background:linear-gradient(120deg,var(--green),var(--accent));padding:32px 22px 60px;border-radius:24px;color:#fff;text-align:center;position:relative;overflow:hidden;filter:brightness(var(--hero-brightness));width:100%;box-sizing:border-box} header::before,header::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.12)} header::before{width:200px;height:200px;top:-60px;left:-80px} header::after{width:150px;height:150px;bottom:-40px;right:-60px} header h1{font-size:2rem;font-weight:700;color:var(--hero-title)} header h2{font-size:1.05rem;opacity:.95;color:var(--hero-sub);margin-top:8px} .gold-badge{position:absolute;top:15px;right:20px;background:var(--gold-gradient);color:#8B4513;font-size:12px;font-weight:bold;padding:5px 12px;border-radius:30px;animation:goldPulseBadge 2s infinite} @keyframes goldPulseBadge{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 4px 15px rgba(255,215,0,.6)}100%{transform:scale(1)}} .section{background:var(--card);border-radius:20px;padding:20px;margin-top:20px;box-shadow:0 4px 20px rgba(0,176,155,.08);width:100%;box-sizing:border-box} .section h2{color:var(--section-title);margin-bottom:12px;font-size:1.3rem;font-weight:600} .profile-card{width:100%;max-width:420px;margin:28px auto 18px;border-radius:28px;overflow:hidden;box-shadow:0 8px 30px rgba(0,176,155,.15);animation:fadeSlide .8s ease forwards;position:relative} .profile-card img{width:100%;height:auto;display:block;object-fit:cover;border-radius:inherit;transition:transform .6s ease;border:var(--photo-border-width) var(--photo-border-style) var(--photo-border)} .profile-card:hover img{transform:scale(1.03)} .quote-card{background:var(--quote-card-bg);border-left:4px solid var(--gold);border-radius:16px;padding:18px 24px;font-style:italic;margin:20px 0;text-align:center} .photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;width:100%} .photo-container{overflow:hidden;border-radius:16px;position:relative} .photo{width:100%;height:240px;object-fit:cover;display:block;border-radius:inherit;transition:transform 0.3s ease,box-shadow 0.3s ease;border:var(--photo-border-width) var(--photo-border-style) var(--photo-border)} .photo:hover{transform:scale(1.02);box-shadow:0 8px 24px rgba(0,176,155,.15)} .caption{text-align:center;font-weight:600;padding:10px;margin-top:8px;color:var(--caption-title-color)} .videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%} .video-item{display:flex;flex-direction:column;align-items:center} .video-wrapper{position:relative;width:100%;padding-top:56.25%;border-radius:16px;overflow:hidden;border:var(--photo-border-width) var(--photo-border-style) var(--photo-border);background-size:cover;background-position:center;background-repeat:no-repeat} .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:inherit} .video-caption{margin-top:10px;text-align:center;color:var(--caption-title-color)} .map-container{position:relative;width:100%;padding-bottom:56.25%;border-radius:16px;margin-top:12px;overflow:hidden} .map-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0} .social{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:12px;width:100%} .social a{background:var(--social-bg);color:var(--social-text);text-decoration:none;padding:10px 20px;border-radius:var(--social-radius);font-weight:600;transition:all .2s ease} .social a:hover{opacity:.85;transform:translateY(-2px)} .gold-footer{margin-top:30px;padding:16px;text-align:center;font-size:11px;color:#B8860B;border-top:1px solid #FFD700;background:linear-gradient(135deg,#FFF9E6,#FFF5D9);border-radius:16px;width:100%;box-sizing:border-box} @keyframes fadeSlide{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} .editor-panel{width:380px;background:#f8f9fc;padding:20px;border-left:3px solid var(--gold);overflow-y:auto;position:fixed;top:0;right:0;bottom:0;transition:transform .35s;z-index:1000} .editor-panel h3{margin:16px 0 12px;color:var(--gold-dark);border-bottom:2px solid var(--gold);display:inline-block} .editor-panel label{display:block;margin:10px 0 4px;font-weight:600;font-size:.85rem} .editor-panel input,.editor-panel textarea,.editor-panel select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:10px;margin-bottom:8px} .upload-btn{display:inline-block;background:var(--green);color:#fff;padding:6px 12px;border-radius:8px;cursor:pointer} .photo-upload-group{background:#fff;border-radius:12px;padding:12px;margin:12px 0} .photo-upload-row{display:flex;justify-content:space-between;margin-bottom:8px;padding:6px} .photo-label{font-weight:600;min-width:110px} .upload-preview-container{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;background:#f1f3f5;border-radius:12px;padding:8px;min-height:70px} .upload-preview-item{position:relative;width:60px;height:60px} .upload-preview-item img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:2px solid #27ae60} .upload-preview-check{position:absolute;top:-6px;right:-6px;background:#27ae60;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px} .global-bar-container{background:#e9ecef;height:10px;border-radius:10px;margin:12px 0} .global-bar{height:100%;background:linear-gradient(90deg,var(--green),var(--gold));width:0%;text-align:center;font-size:.7rem;color:#fff;transition:width .3s} .upload-status{font-size:.8rem;background:#fff3cd;padding:8px;border-radius:8px;margin:8px 0} .editor-toggle-btn{position:fixed;top:50%;right:380px;transform:translateY(-50%);background:var(--gold);color:#8B4513;border:none;border-radius:12px 0 0 12px;width:40px;height:70px;cursor:pointer;z-index:1001;font-size:22px} .editor-toggle-btn.hidden{right:0} .editor-panel.hidden{transform:translateX(100%)} body.editor-hidden .editor-toggle-btn{right:0} .edit-btn{position:fixed;bottom:24px;right:24px;background:var(--gold);color:#8B4513;border:none;border-radius:60px;width:58px;height:58px;display:none;justify-content:center;align-items:center;font-size:28px;cursor:pointer;z-index:1002} @media(max-width:768px){ body{flex-direction:column;align-items:center;justify-content:flex-start} .wrap{padding:16px} header h1{font-size:1.6rem} header h2{font-size:1rem} .section{padding:16px} .photo{height:200px} .photos,.videos-grid{grid-template-columns:1fr} .social a{width:calc(50% - 10px);text-align:center;justify-content:center} .gold-footer{font-size:10px} .editor-panel{width:100%;max-width:400px;transform:translateX(100%)} .editor-panel.active{transform:translateX(0)} .editor-toggle-btn{display:none} .edit-btn{display:flex} .photo-upload-row{flex-direction:column;align-items:flex-start;gap:6px} } @media(min-width:769px){.editor-panel{transform:translateX(0)}.editor-panel.hidden{transform:translateX(100%)}.edit-btn{display:none}.editor-toggle-btn{display:flex}} </style><style>:root {--section-title: #6b82f5; --quote-card-bg: #d4d3f8; --quote-text-color: #8f8a00; --caption-title-color: #7e99ed; --photo-border: #839bfb; --photo-border-width: 3px; --photo-border-style: solid; --content-text-color: #222222; --hero-title: #fff; --hero-sub: #f0f0f0;}</style><style>.wrap{max-width:980px!important;margin:0 auto!important;padding:18px 16px 40px!important}.photos{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:20px!important}.social{display:flex!important;justify-content:center!important;gap:14px!important;flex-wrap:wrap!important}.profile-card{max-width:420px!important;margin:28px auto 18px!important}header{width:100%!important;box-sizing:border-box!important}</style><style>html,body{overflow:auto!important;height:auto!important;min-height:100vh!important;}*{max-height:none!important;}</style></head> <body> <header style="background: linear-gradient(120deg, rgb(117, 73, 162), rgb(105, 192, 221), rgb(117, 73, 162), rgb(105, 192, 221)) 0% 0% / 300% 300%; filter: brightness(1);"><div class="gold-badge">📄 PLANO ESSENCIAL</div><h1 id="hero-name" style="color: rgb(255, 255, 255);">Dra. Fernanda Lima</h1><h2 id="hero-sub" style="color: rgb(240, 240, 240);">Fisioterapeuta — Fisioterapia Pediátrica</h2></header> <div class="profile-card"><img id="main-photo" src="https://api.caduceus.solutions/uploads/sites/1778604269050-898472194.png?t=1778604268758" alt="Foto de perfil" style="border-color: rgb(131, 155, 251); border-style: solid; border-width: 3px;"></div> <section class="section"><h2 id="title-section-1">Sobre</h2><p id="sobre-text">Dra. Fernanda Lima é especialista no desenvolvimento infantil, trata desde recém-nascidos a adolescentes com atrasos motores, síndromes genéticas e alterações ortopédicas.</p><div class="quote-card" id="quote-text" style="background: rgb(212, 211, 248); color: rgb(143, 138, 0);">“Brincar é o melhor exercício. Estimulando o movimento desde os primeiros passos.”</div></section> <section class="section"><h2 id="title-section-2">Serviços e Estrutura</h2><div class="photos"><div class="photo-container"><img src="https://api.caduceus.solutions/uploads/sites/1778604284821-133707276.png?t=1778604284535" class="photo" id="photo1" style="border-color: rgb(131, 155, 251); border-style: solid; border-width: 3px;"><div class="caption" id="caption1">Acompanhamento do Desenvolvimento Motor</div></div><div class="photo-container"><img src="https://api.caduceus.solutions/uploads/sites/1778604289224-715306933.png?t=1778604288934" class="photo" id="photo2" style="border-color: rgb(131, 155, 251); border-style: solid; border-width: 3px;"><div class="caption" id="caption2">Paralisia Cerebral</div></div><div class="photo-container"><img src="https://api.caduceus.solutions/uploads/sites/1778604302249-146087236.png?t=1778604301964" class="photo" id="photo3" style="border-color: rgb(131, 155, 251); border-style: solid; border-width: 3px;"><div class="caption" id="caption3">Torcicolo Congênito</div></div><div class="photo-container"><img src="https://api.caduceus.solutions/uploads/sites/1778604325115-219108144.png?t=1778604324827" class="photo" id="photo4" style="border-color: rgb(131, 155, 251); border-style: solid; border-width: 3px;"><div class="caption" id="caption4">Reabilitação Respiratória Infantil</div></div><div class="photo-container"><img src="https://api.caduceus.solutions/uploads/sites/1778604343530-862864045.png?t=1778604343243" class="photo" id="photo5" style="border-color: rgb(131, 155, 251); border-style: solid; border-width: 3px;"><div class="caption" id="caption5">Estimulação Aquática</div></div><div class="photo-container"><img src="https://api.caduceus.solutions/uploads/sites/1778604350154-417099192.png?t=1778604349866" class="photo" id="photo6" style="border-color: rgb(131, 155, 251); border-style: solid; border-width: 3px;"><div class="caption" id="caption6">Fisioterapia Ortopédica Avançada</div></div></div></section> <section class="section"><h2 id="title-section-videos">📹 Vídeos — Orientações de Fisioterapia (2 VÍDEOS)</h2><div class="videos-grid"><div class="video-item"><div class="video-wrapper" id="wrapperVideo1" style="border-color: rgb(131, 155, 251); border-style: solid; border-width: 3px; background-image: url("https://img.youtube.com/vi/t6HHByfSDEQ/hqdefault.jpg");"><iframe id="video1" src="https://www.youtube.com/embed/t6HHByfSDEQ?rel=0" allowfullscreen=""></iframe></div><div class="video-caption" id="captionVideo1">Estimulação motora para os primeiros movimentos</div></div><div class="video-item"><div class="video-wrapper" id="wrapperVideo2" style="border-color: rgb(131, 155, 251); border-style: solid; border-width: 3px; background-image: url("https://img.youtube.com/vi/KOE4KYYT9d0/hqdefault.jpg");"><iframe id="video2" src="https://www.youtube.com/embed/KOE4KYYT9d0?rel=0" allowfullscreen=""></iframe></div><div class="video-caption" id="captionVideo2">Postura correta que previne assimetrias e torcicolo</div></div></div></section> <section class="section"><h2 id="title-section-3">📍 Encontre-nos</h2><div class="map-container"><iframe id="map-iframe" src="https://maps.google.com/maps?q=Av.%20Paulista%2C%202200%20S%C3%A3o%20Paulo&output=embed" allowfullscreen=""></iframe></div></section> <section class="section"><h2>🔗 Conecte-se</h2><div class="social"><a href="https://instagram.com/fisioterapia.med.br" target="_blank" id="link-instagram" style="background: rgb(107, 130, 245);">Instagram</a><a href="https://facebook.com/fisioterapia.med.br" target="_blank" id="link-facebook" style="background: rgb(107, 130, 245);">Facebook</a><a id="phoneBtn" href="https://api.whatsapp.com/send/?phone=5524999123456&text=Ol%C3%A1!%20Gostaria%20de%20informa%C3%A7%C3%B5es%20sobre%20Fisioterapia%20Pedi%C3%A1trica.&type=phone_number&app_absent=0" target="_blank" style="background: rgb(107, 130, 245);">📞 WhatsApp</a><a href="mailto:contato@fisioterapia.med.br" target="_blank" id="link-email" style="background: rgb(107, 130, 245);">E-mail</a></div></section> <section class="section"><p>Entre em contato para agendar uma avaliação ou esclarecer dúvidas sobre tratamentos fisioterapêuticos. Atendimento personalizado e humanizado garantido.</p><div class="profile-card" style="margin-top:16px;"><img src="https://api.caduceus.solutions/uploads/sites/1778604356138-279361552.png?t=1778604355845" id="main-photo-2" style="border-color: rgb(131, 155, 251); border-style: solid; border-width: 3px;"><p class="caption" id="caption-main-photo-2" style="margin-top:6px;">CREFITO-6 332211-G</p></div><p style="text-align:center;color:var(--muted);font-weight:600;margin-top:8px;">Profissional integrante da rede Fisioterapia.MED.BR</p><div class="gold-footer">✨ <span>PLANO ESSENCIAL</span> — Site profissional criado com Studio Expert ✨</div></section> </body> </html>