.vender {background-color:#f0f0f097;padding:3%;}
.acomodo-vender {display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:auto;padding:1%;background-color:#178bff00;}
.tipos-vender {display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:60%;height:50%;padding:1%;background-color:#bed6f000;border-radius:21px;}
.tipo-vende {display:flex;flex-direction:column;justify-content:space-between;width:90%;height:290px;background-color:#d208ff00;margin:1%;align-items:center;}
.imagen-tipo {width:230px;height:230px;border-radius:21px;}
.button-link {background-color:#D6001C;width:auto;height:auto;padding:2%;border:none;color:white;font-weight:700;border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,0.15);text-decoration:none;transition:all .25s ease;font-size:16px;min-width:48px;min-height:48px;padding:12px 16px;}
.button-link:hover {background-color:#9b0418;}
.button-link:active {transform:scale(0.97);}
h2 {display:flex;width:100%;height:auto;align-items:center;justify-content:center;color:#003B5C;text-align:center;}
@media (max-width:800px) {
	.acomodo-vender {display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:auto;padding:1%;background-color:#1eff2d00;}
	.tipos-vender {display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:60%;height:650px;padding:1%;background-color:#178bff00;border-radius:21px;}
	.tipo-vende {display:flex;justify-content:space-between;width:100%;height:50%;background-color:#a623c300;margin:1%;align-items:center;margin:3%;}
}
.pasos-section {background-color:#0d3b66;color:white;text-align:center;padding:40px 20px 20px;}
.pasos-section h2 {margin:0;font-size:24px;}
.pasos-section p {font-size:1rem;margin-top:8px;}
.pasos-grid {display:grid;grid-template-columns:1fr;gap:20px;padding:20px;max-width:1000px;margin:auto;}
.paso-card {background:white;border-radius:12px;padding:20px;color:#0d1b2a;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.paso-num {background-color:#d32f2f;color:white;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:1.2rem;margin-bottom:10px;}
.paso-img {width:80px;height:80px;background-color:#ffffff;border-radius:8px;margin-bottom:15px;}
.paso-title {font-weight:bold;font-size:1rem;margin-bottom:10px;}
.paso-text {font-size:0.95rem;}
@media (min-width:600px) {
	.pasos-grid {grid-template-columns:repeat(2, 1fr);}
	.ver-btn span {display:none;}
	.ver-btn i {display:inline;}
	.overlay-mobile.active {display:block;position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.7);z-index:10;}
	.ficha-producto {position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);max-width:90%;z-index:11;margin:0;}
	.close-btn {position:absolute;top:10px;right:10px;}
	.faqs {padding:20px 10px;}
	.faq-label {font-size:0.95rem;padding:12px;}
	.faq input:checked ~ .faq-content {max-height:1000px;padding:12px 16px 16px;visibility:visible;opacity:1;}
}
@media (min-width:900px) {
	.pasos-grid {grid-template-columns:repeat(4, 1fr);}
}
.producto-section {text-align:center;padding:20px 10px;background-color:#f0f0f097;}
.producto-section h2 {color:#0d3b66;font-size:1.4rem;margin-bottom:5px;}
.producto-container {position:relative;background-color:#1a1a1a;border-radius:20px;overflow:hidden;width:100%;max-width:600px;margin:auto;height:auto;}
.ver-btn {position:absolute;bottom:10px;right:10px;background-color:#D6001C;color:white;border:none;border-radius:999px;padding:10px 16px;cursor:pointer;font-weight:bold;display:flex;align-items:center;gap:8px;}
.ficha-producto {display:none;background:#ffffff;height:350px;padding:20px;border-radius:10px;margin:20px auto;max-width:600px;position:relative;z-index:2;align-items:center;justify-content:center;}
.info-producto {display:flex;flex-direction:column;background-color:#ffffff;height:100%;align-items:center;justify-content:space-around;}
.foto-producto {width:200px;height:200px;background-color:#ffffff;justify-content:center;align-items:center;}
.close-btn {all:unset;position:absolute;top:10px;right:10px;font-size:18px;cursor:pointer;line-height:1;z-index:20;color:black;background:none !important;border:none !important;box-shadow:none !important;}
.close-btn:hover {background:none !important;}
.overlay-mobile {display:none;}
.overlay-mobile.active {display:block;position:fixed;inset:0;background-color:rgba(0, 0, 0, 0.7);z-index:10;}
.sr-only {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}

.faqs {display:flex;width:auto;padding:30px 20px;background-color:#003B5C;flex-direction:column;align-items:center;justify-content:space-around;}
.faqs h2 {color:white;margin:40px 0;text-align:center;}
.faq {width:100%;max-width:600px;background:#fff;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,0.05);}
.faq-item {border-bottom:1px solid #ddd;}
.faq input {display:none;}
.faq-label {display:flex;justify-content:space-between;align-items:center;padding:16px;font-size:1rem;cursor:pointer;font-weight:550;transition:background 0.2s;}
.faq-label:hover {background:#f0f0f0;}
.faq-label svg {transition:transform 0.3s ease;min-width:16px;}
.faq input:checked + .faq-label svg {transform:rotate(45deg);}
.faq-content {max-height:0;overflow:hidden;padding:0 16px;background:#fcfcfc;font-size:0.95rem;opacity:0;transition:max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;}
.faq input:checked ~ .faq-content {max-height:500px;padding:12px 16px 16px;opacity:1;}
.contacto {display:flex;flex-direction:column;margin:3%;align-items:center;background-color:#ffffff;}
.contacto p{text-align:center;margin:1%;}
.border-contacto {display:flex;width:68%;flex-direction:row;border:2px solid #003B5C;border-radius:12px;padding:2%;margin:2%;}
.border-contacto a {text-decoration:none;transition:all .25s ease;}
.tipo-contacto {display:flex;flex-direction:column;margin:3%;align-items:center;width:50%;height:auto;}
@media (max-width:950px) {
	.border-contacto {display:flex;width:90%;align-items:center;justify-content:center;flex-direction:column;background-color:#ffffff;border:2px solid #003B5C;border-radius:12px;padding:2%;margin:2%;}
}
@media (max-width:480px) {
	.border-contacto {display:flex;width:90%;align-items:center;justify-content:center;flex-direction:column;background-color:#ffffff;border:2px solid #003B5C;border-radius:12px;padding:2%;margin:2%;}
	.tipo-contacto {display:flex;flex-direction:column;margin:3%;align-items:center;width:100%;height:auto;}
	.pasos-section h2 {font-size:19px;}
	.faqs h2 {font-size:19px}
	.producto-section h2 {font-size:19px}
	h2 {font-size:19px}
	.pasos-section h2 {font-size:24px;}
}
@media (max-width:768px) {.search-input {border-radius:0.5rem;margin-bottom:0.5rem;width:100%;}}
#btn-scroll-top {position:fixed;bottom:120px;right:20px;width:50px;height:50px;border:none;border-radius:8%;background-color:#123456;color:white;font-size:22px;font-weight:bold;display:none;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.2);transition:transform 0.3s, background-color 0.3s;z-index:9999;}
#btn-scroll-top:hover {color:#123456;background-color:#ffffff;transform:scale(1.1);}