| <!DOCTYPE html> |
| <html lang="pt-BR"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Molde Calça Super Baggy - Tamanho 40</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <style> |
| .pattern-piece { |
| position: relative; |
| background-color: #f8f4e9; |
| border: 2px dashed #c4a97a; |
| margin: 20px auto; |
| overflow: hidden; |
| } |
| |
| .measurement-line { |
| position: absolute; |
| background-color: #333; |
| height: 2px; |
| transform-origin: left center; |
| } |
| |
| .measurement-label { |
| position: absolute; |
| background-color: white; |
| padding: 2px 5px; |
| border-radius: 3px; |
| font-size: 12px; |
| font-family: sans-serif; |
| color: #333; |
| } |
| |
| .dotted-line { |
| border-top: 1px dotted #333; |
| } |
| |
| @media print { |
| .no-print { |
| display: none; |
| } |
| body { |
| padding: 0; |
| margin: 0; |
| } |
| .pattern-piece { |
| page-break-after: always; |
| border: 1px solid #000; |
| } |
| } |
| </style> |
| </head> |
| <body class="bg-gray-100"> |
| <div class="container mx-auto px-4 py-8"> |
| <header class="text-center mb-8"> |
| <h1 class="text-3xl font-bold text-gray-800">Molde de Corte - Calça Super Baggy</h1> |
| <p class="text-lg text-gray-600">Tamanho 40 (Cintura ~86cm)</p> |
| </header> |
| |
| <div class="bg-white rounded-lg shadow-lg p-6 mb-8"> |
| <h2 class="text-xl font-semibold mb-4 text-gray-800">Instruções:</h2> |
| <ul class="list-disc pl-5 space-y-2 text-gray-700"> |
| <li>Todas as medidas estão em centímetros</li> |
| <li>Margem de costura incluída: 1.5cm</li> |
| <li>Tecido recomendado: algodão ou brim (2.5 metros para tamanho 40)</li> |
| <li>Largura extra para efeito baggy já incluída no molde</li> |
| <li>Linhas pontilhadas indicam dobras ou costuras internas</li> |
| </ul> |
| </div> |
| |
| <div class="grid md:grid-cols-2 gap-8"> |
| |
| <div class="pattern-piece" style="width: 300px; height: 500px;"> |
| <div class="absolute top-4 left-4 font-bold text-gray-700">FRENTE (cortar 2x)</div> |
| |
| |
| <div class="absolute top-20 left-20 w-40 h-80 border-2 border-gray-800 rounded-t-full"></div> |
| |
| |
| <div class="measurement-line" style="width: 40px; top: 20px; left: 20px;"></div> |
| <div class="measurement-label" style="top: 10px; left: 40px;">Cintura: 25cm</div> |
| |
| |
| <div class="measurement-line" style="width: 50px; top: 100px; left: 15px;"></div> |
| <div class="measurement-label" style="top: 90px; left: 40px;">Quadril: 30cm</div> |
| |
| |
| <div class="measurement-line" style="width: 60px; top: 450px; left: 10px;"></div> |
| <div class="measurement-label" style="top: 440px; left: 40px;">Bota: 35cm</div> |
| |
| |
| <div class="measurement-line" style="width: 2px; height: 430px; top: 20px; left: 10px;"></div> |
| <div class="measurement-label" style="top: 200px; left: 15px; transform: rotate(-90deg);">Comprimento: 105cm</div> |
| |
| |
| <div class="absolute top-40 left-30 w-16 h-20 border border-gray-600 rounded-lg"></div> |
| <div class="absolute top-45 left-50 text-xs">Bolso</div> |
| |
| |
| <div class="dotted-line absolute top-20 left-60 w-2 h-80"></div> |
| <div class="absolute top-220 left-65 text-xs transform -rotate-90">Linha de dobra</div> |
| </div> |
| |
| |
| <div class="pattern-piece" style="width: 300px; height: 500px;"> |
| <div class="absolute top-4 left-4 font-bold text-gray-700">TRÁS (cortar 2x)</div> |
| |
| |
| <div class="absolute top-20 left-20 w-45 h-85 border-2 border-gray-800 rounded-t-full"></div> |
| |
| |
| <div class="measurement-line" style="width: 45px; top: 20px; left: 20px;"></div> |
| <div class="measurement-label" style="top: 10px; left: 45px;">Cintura: 28cm</div> |
| |
| |
| <div class="absolute top-35 left-25 w-20 h-15 border border-gray-600 rounded-lg"></div> |
| <div class="absolute top-40 left-50 text-xs">Bolso traseiro</div> |
| |
| |
| <div class="measurement-line" style="width: 65px; top: 450px; left: 10px;"></div> |
| <div class="measurement-label" style="top: 440px; left: 40px;">Bota: 38cm</div> |
| </div> |
| </div> |
| |
| |
| <div class="pattern-piece mt-8" style="width: 300px; height: 150px; margin: 0 auto;"> |
| <div class="absolute top-4 left-4 font-bold text-gray-700">CINTO E DETALHES</div> |
| |
| |
| <div class="absolute top-20 left-20 w-80 h-8 border border-gray-600"></div> |
| <div class="measurement-line" style="width: 80px; top: 30px; left: 20px;"></div> |
| <div class="measurement-label" style="top: 15px; left: 60px;">Cinto: 90cm x 8cm</div> |
| |
| |
| <div class="absolute top-50 left-30 w-6 h-3 border border-gray-600 rounded-full"></div> |
| <div class="absolute top-55 left-40 text-xs">Pregador (2x)</div> |
| </div> |
| |
| <div class="bg-white rounded-lg shadow-lg p-6 mt-8"> |
| <h2 class="text-xl font-semibold mb-4 text-gray-800">Medidas Principais (Tamanho 40):</h2> |
| <div class="grid md:grid-cols-2 gap-4"> |
| <div> |
| <ul class="space-y-2 text-gray-700"> |
| <li><strong>Cintura:</strong> 86cm (com folgo: 96cm)</li> |
| <li><strong>Quadril:</strong> 112cm (com folgo: 132cm)</li> |
| <li><strong>Comprimento:</strong> 105cm (ajustável)</li> |
| </ul> |
| </div> |
| <div> |
| <ul class="space-y-2 text-gray-700"> |
| <li><strong>Largura da perna:</strong> 35cm na bota</li> |
| <li><strong>Altura do cavalo:</strong> 30cm (frente) / 34cm (trás)</li> |
| <li><strong>Bolso frontal:</strong> 16cm x 20cm</li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| |
| <div class="mt-8 text-center no-print"> |
| <button onclick="window.print()" class="bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-6 rounded-lg shadow-md transition duration-300"> |
| Imprimir Molde |
| </button> |
| <p class="mt-4 text-gray-600">Para melhor resultado, imprima em tamanho real (100% scale)</p> |
| </div> |
| |
| <div class="mt-12 bg-yellow-50 border-l-4 border-yellow-400 p-4 text-yellow-700 rounded no-print"> |
| <h3 class="font-bold mb-2">Dicas para o efeito baggy perfeito:</h3> |
| <ul class="list-disc pl-5 space-y-1"> |
| <li>Use 2-3 tamanhos acima no quadril para volume extra</li> |
| <li>Para mais volume, adicione 5-10cm em cada medida lateral</li> |
| <li>O cós deve ficar na cintura natural, não no quadril</li> |
| <li>Considere adicionar elástico ou cordão na cintura para ajuste</li> |
| </ul> |
| </div> |
| </div> |
| |
| <script> |
| |
| document.addEventListener('DOMContentLoaded', function() { |
| |
| console.log('Molde carregado - Tamanho 40'); |
| }); |
| </script> |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Ryankrp/calca" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
