/* Configuración base para el footer */
.arch-footer-final {
    background: #E7E2DC;
    padding: 80px 0 40px;
    color: #2d2926 !important;
}

.arch-footer-grid {
    display: grid;
    grid-template-columns: 1.5fr 1fr; /* Columna de texto con más peso */
    gap: 80px; /* Mucho aire para que no se vea amontonado */
}

.footer-tagline {
    color: #627F0B;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 0.3px;
}

/* Columna 1: Branding y Descripción */
.footer-logo { 
    width: 100%;
    max-width: 100%;
    display: block;
    margin-top: 10px;
    margin-bottom: 15px;
    border-radius: 20px;
}

/* Ajustes Responsive */
@media(max-width: 768px) {
    .footer-logo {
        margin: 0 auto 30px; /* Centra la imagen en móviles */
    }
}

.footer-brand { 
    font-family: 'Playfair Display', serif;
    font-size: 32px; 
    margin-bottom: 20px; 
	color: #627F0B;
}
.footer-desc { 
    font-size: 15px; 
    line-height: 1.8; 
    color: #555; 
    margin-bottom: 20px;
    text-align: justify; /* Mejora el orden visual del bloque largo */
}

.footer-ruc { 
	color: #627F0B;
    font-size: 18px;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 0.3px; 
	font-family: 'Manrope', sans-serif;
}

.footer-copy { 
	color: #627F0B;
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
	font-family: 'Playfair Display';
}

.footer-amp{
    font-family: 'Manrope', sans-serif;
}

/* Redes Sociales como iconos o enlaces estilizados */
.footer-socials a {
    margin-right: 15px;
    text-transform: uppercase;
    font-weight: bold;
    color: #222;
    text-decoration: none;
}

/* Columna 2: Enlaces y Contacto */
.footer-title { 
    font-size: 13px; 
    letter-spacing: 2px; 
    text-transform: uppercase; 
    margin: 30px 0 15px 0; 
    color: #2d2926;
}

.footer-links { list-style: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.footer-links a { color: #2d2926; text-decoration: none; font-size: 14px; transition: 0.3s; }
.footer-links a:hover { color: #627F0B; } /* Verde definido */

.footer-info { font-size: 14px; line-height: 1.6; color: #2d2926; }

/* Bottom Bar */
.footer-bottom { 
    margin-top: 60px; 
    padding-top: 20px; 
    border-top: 1px solid rgba(0,0,0,0.1); 
    display: flex; 
    justify-content: space-between;
    font-size: 15px;
	color: #2d2926;
}

.footer-bottom a{ 
	color: #2d2926;
	margin-right:5px;
}

/* Ajustes Responsive */
@media(max-width: 768px) {
    .arch-footer-grid { grid-template-columns: 1fr; gap: 40px; }
    .footer-links { grid-template-columns: 1fr; }
}

.social-icons{
    display:flex;
    gap:14px;
    align-items:center;
}

/* CARD SOCIAL PREMIUM */
.social{
    position:relative;
    display:flex;
    align-items:center;
    gap:10px;

    padding:10px 14px;
    border-radius:50px;

    text-decoration:none;
    color:#fff;

    background:rgba(255,255,255,0.08);
    backdrop-filter:blur(10px);

    box-shadow:0 10px 30px rgba(0,0,0,.25);

    transition:.35s ease;

    overflow:hidden;
}

/* ICONO */
.social i{
    font-size:16px;
}

/* TEXTO */
.social span{
    font-size:13px;
    font-weight:500;
    letter-spacing:.2px;
}

/* EFECTO SHINE */
.social::before{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:120%;
    height:100%;
    background:linear-gradient(120deg,transparent,rgba(255,255,255,.25),transparent);
    transition:.6s;
}

.social:hover::before{
    left:120%;
}

/* FACEBOOK */
.social.facebook{
    background:linear-gradient(135deg,#1877f2,#0d4aa3);
}

/* INSTAGRAM */
.social.instagram{
    background:linear-gradient(135deg,#f9ce34,#ee2a7b,#6228d7);
}

/* TIKTOK */
.social.tiktok{
    background:linear-gradient(135deg,#111,#2d2926);
}

/* WHATSAPP */
.social.whatsapp{
    background:linear-gradient(135deg,#25D366,#128C7E);
}

/* HOVER GENERAL */
.social:hover{
    transform:translateY(-4px) scale(1.03);
    box-shadow:0 18px 45px rgba(0,0,0,.35);
	color:#fff;
}

/* Contenedor de los logos */
.footer-brand-container {
    display: flex;
    align-items: center;
    gap: 15px; /* Ajusta según la separación que necesites */
    margin-top: 15px;
}

/* Solo afecta a los logos dentro del contenedor del footer */
.footer-brand-logo {
    height: 40px; /* Ajusta a la altura que requieras */
    width: auto;
    object-fit: contain;
}

/*=========================================================
=            LAPTOPS 1366x768 / 1440x900 FOOTER
=========================================================*/

@media (min-width:1201px) and (max-width:1440px){

    .arch-footer-final{

        padding:40px 0 20px;

        overflow:hidden;

    }


    .arch-footer-final > *{

        position:relative;

        left:50%;

        width:122%;

        transform:translate(-50%, 80px) scale(.75);

        transform-origin:top center;

    }


    .footer-bottom{

        margin-top:40px;

    }

}
.amp-monospace {
  font-family: Consolas, "Courier New", monospace;
  font-style: normal;
  font-weight: inherit;
  letter-spacing: 0;
}