<!
DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Tríptico Insecticida Casero</title>
<style>
@page {
size: A4 landscape; /* Horizontal */
margin: 1cm;
}
body {
font-family: Arial, sans-serif;
margin: 0;
background: white;
}
.triptico {
display: grid;
grid-template-columns: 1fr 1fr 1fr; /* Tres columnas iguales */
height: 100%;
}
.panel {
padding: 15px;
box-sizing: border-box;
border-left: 1px solid #ccc;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.panel:first-child {
border-left: none;
}
h1, h2, h3 {
color: #2e7d32;
margin-top: 0;
}
.portada {
background: linear-gradient(#a5d6a7, #66bb6a);
color: white;
text-align: center;
justify-content: center;
}
.portada h1 {
font-size: 26px;
}
.imagen {
width: 100%;
height: 180px;
background:
url('[Link]
_vine.jpg/640px-Tomato_and_vine.jpg') no-repeat center/cover;
margin: 15px 0;
border-radius: 10px;
}
ul, ol {
padding-left: 18px;
margin-top: 5px;
}
p{
margin-top: 5px;
}
</style>
</head>
<body>
<div class="triptico">
<!-- Panel 1 - Portada -->
<div class="panel portada">
<h1>Insecticida Casero Ecológico</h1>
<div class="imagen"></div>
<p><strong>Una solución natural para cuidar tus plantas y el medio
ambiente.</strong></p>
</div>
<!-- Panel 2 - Ingredientes y preparación -->
<div class="panel">
<h2>Ingredientes</h2>
<ul>
<li>1 taza de vinagre</li>
<li>1 puñado de clavos de olor</li>
<li>1 litro de agua</li>
<li>1 puñado de cáscaras de tomate</li>
</ul>
<h2>Preparación</h2>
<ol>
<li>Hervir el agua con los clavos de olor durante 2 minutos.</li>
<li>Dejar enfriar y colar los clavos.</li>
<li>Colocar las cáscaras de tomate en agua 30 minutos.</li>
<li>Mezclar todo con el vinagre.</li>
<li>Verter en un atomizador.</li>
</ol>
<h2>Aplicación</h2>
<p>Rociar hojas y tallos afectados en la tarde. Repetir cada pocos
días.</p>
</div>
<!-- Panel 3 - Beneficios -->
<div class="panel">
<h2>Propiedades</h2>
<ul>
<li><strong>Vinagre:</strong> Ácido acético que repele y elimina in -
sectos.</li>
<li><strong>Clavo de olor:</strong> Eugenol, repelente natural de
moscas y mosquitos.</li>
<li><strong>Cáscara de tomate:</strong> Tomatina, tóxica para
ciertas plagas.</li>
</ul>
<h2>Beneficios</h2>
<ul>
<li>Control de plagas comunes.</li>
<li>Seguro para personas, mascotas y plantas.</li>
<li>Sin químicos dañinos.</li>
<li>Ingredientes reciclables.</li>
</ul>
<h2>Resultados</h2>
<p>Menos plagas gracias a la acción conjunta de ingredientes natu-
rales.</p>
</div>
</div>
</body>
</html>