Descripción

body { margin: 0; padding: 0; font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; background-color: #F8FBF8; color: #333; }
.product-container { max-width: 900px; margin: 25px auto; padding: 30px; background-color: #FFFFFF; border-radius: 12px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }

.product-title { color: #2C3E50; font-size: 36px; margin-bottom: 10px; text-align: center; font-weight: 700; }
.product-brand { color: #666; font-size: 20px; margin-top: 0; text-align: center; margin-bottom: 40px; font-weight: 500; }

.highlight-box { border-left: 6px solid #95A5A6; background-color: #F9F9F9; padding: 25px 30px; margin-bottom: 40px; border-radius: 10px; display: flex; align-items: center; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08); }
.highlight-box p { margin: 0; font-size: 20px; color: #7F8C8D; font-weight: 600; }
.highlight-box strong { color: #2C3E50; }
.highlight-icon { font-size: 34px; margin-right: 20px; color: #95A5A6; }

.section-title { color: #2C3E50; font-size: 28px; border-bottom: 2px solid #E0E7ED; padding-bottom: 15px; margin-bottom: 30px; font-weight: 600; }
.description p { font-size: 18px; line-height: 1.8; color: #444; }

.features-grid, .benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 25px;
margin-bottom: 40px;
}
.feature-item, .benefit-item {
background-color: #FDFDFD;
padding: 20px;
border-radius: 10px;
border: 1px solid #E0E7ED;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
display: flex;
align-items: flex-start;
transition: transform 0.2s ease-in-out;
min-height: 80px;
}
.feature-item:hover, .benefit-item:hover { transform: translateY(-5px); }
.feature-item .icon, .benefit-item .icon { font-size: 26px; margin-right: 15px; color: #2C3E50; flex-shrink: 0; }
.benefit-item .icon { color: #3498DB; }
.feature-item p, .benefit-item p { margin: 0; font-size: 17px; line-height: 1.5; color: #444; font-weight: 500; }
.feature-item strong, .benefit-item strong { color: #333; }

.models-table {
border: 1px solid #E0E7ED;
border-radius: 10px;
overflow: hidden;
margin-bottom: 40px;
}
.model-row {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
padding: 15px 20px;
border-bottom: 1px solid #E0E7ED;
font-size: 16px;
}
.model-row:last-child { border-bottom: none; }
.model-row.header {
background-color: #F4F6F7;
font-weight: bold;
}
.model-row p { margin: 0; }

.cta-button-container { text-align: center; margin-top: 40px; margin-bottom: 20px; }
.cta-button {
display: inline-block;
background-color: #2C3E50;
color: #FFFFFF;
padding: 15px 30px;
border-radius: 8px;
text-decoration: none;
font-size: 22px;
font-weight: 700;
transition: background-color 0.3s ease, transform 0.2s ease;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.cta-button:hover { background-color: #1F2E3A; transform: translateY(-2px); }

@media (max-width: 768px) {
.product-title { font-size: 30px; }
.section-title { font-size: 24px; }
.product-container { padding: 25px; }
.cta-button { font-size: 18px; padding: 12px 25px; }
.features-grid, .benefits-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
.product-title { font-size: 26px; }
.section-title { font-size: 22px; }
.cta-button { font-size: 16px; padding: 10px 20px; }
}

{
«@context»: «https://schema.org/»,
«@type»: «ProductGroup»,
«name»: «Carpeta Tamaño Carta DIETRIX con Herraje ‘O'»,
«description»: «Carpeta de cartón DIETRIX tamaño carta con herraje ‘O’ de 3 anillos. Color blanca con ventana. Disponible en varios tamaños y capacidades para adaptarse a tus necesidades de organización.»,
«brand»: {
«@type»: «Brand»,
«name»: «DIETRIX»
},
«color»: «Blanca»,
«size»: «Carta»,
«productGroupID»: «carpeta-dietrix-carta-herraje-o»,
«hasVariant»: [
{
«@type»: «Product»,
«name»: «Carpeta DIETRIX ½ pulgada»,
«model»: «8205»,
«url»: «URL_DE_TU_PRODUCTO_MODELO_8205»,
«description»: «Carpeta DIETRIX de ½ pulgada para hasta 100 hojas.»,
«offers»: {
«@type»: «Offer»,
«url»: «URL_DE_TU_PRODUCTO_MODELO_8205»,
«priceCurrency»: «MXN»,
«price»: «PRECIO_ACTUAL_MODELO_8205»,
«availability»: «https://schema.org/InStock»
}
},
{
«@type»: «Product»,
«name»: «Carpeta DIETRIX 1 pulgada»,
«model»: «6843»,
«url»: «URL_DE_TU_PRODUCTO_MODELO_6843»,
«description»: «Carpeta DIETRIX de 1 pulgada para hasta 240 hojas.»,
«offers»: {
«@type»: «Offer»,
«url»: «URL_DE_TU_PRODUCTO_MODELO_6843»,
«priceCurrency»: «MXN»,
«price»: «PRECIO_ACTUAL_MODELO_6843»,
«availability»: «https://schema.org/InStock»
}
},
{
«@type»: «Product»,
«name»: «Carpeta DIETRIX 1.5 pulgadas»,
«model»: «3254»,
«url»: «URL_DE_TU_PRODUCTO_MODELO_3254»,
«description»: «Carpeta DIETRIX de 1.5 pulgadas para hasta 300 hojas.»,
«offers»: {
«@type»: «Offer»,
«url»: «URL_DE_TU_PRODUCTO_MODELO_3254»,
«priceCurrency»: «MXN»,
«price»: «PRECIO_ACTUAL_MODELO_3254»,
«availability»: «https://schema.org/InStock»
}
},
{
«@type»: «Product»,
«name»: «Carpeta DIETRIX 2 pulgadas»,
«model»: «6344»,
«url»: «URL_DE_TU_PRODUCTO_MODELO_6344»,
«description»: «Carpeta DIETRIX de 2 pulgadas para hasta 500 hojas.»,
«offers»: {
«@type»: «Offer»,
«url»: «URL_DE_TU_PRODUCTO_MODELO_6344»,
«priceCurrency»: «MXN»,
«price»: «PRECIO_ACTUAL_MODELO_6344»,
«availability»: «https://schema.org/InStock»
}
},
{
«@type»: «Product»,
«name»: «Carpeta DIETRIX 3 pulgadas»,
«model»: «2442»,
«url»: «URL_DE_TU_PRODUCTO_MODELO_2442»,
«description»: «Carpeta DIETRIX de 3 pulgadas para hasta 850 hojas.»,
«offers»: {
«@type»: «Offer»,
«url»: «URL_DE_TU_PRODUCTO_MODELO_2442»,
«priceCurrency»: «MXN»,
«price»: «PRECIO_ACTUAL_MODELO_2442»,
«availability»: «https://schema.org/InStock»
}
}
]
}