/*
 * LOURDES v0.4 — Enlaces de interés refinada.
 * Base robusta para futuros reemplazos de íconos y logotipos,
 * manteniendo el contenido actual pero con contenedores estables.
 */
.social-section{padding-top:28px;padding-bottom:28px}
.social-section .section-title{margin-bottom:24px;align-items:flex-start}
.social-section .section-intro{max-width:460px}
.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 18px}
.social-grid .social-card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) 26px;align-items:center;gap:16px;min-height:112px;padding:18px 18px 18px 17px;border-radius:16px;overflow:hidden;border:1px solid rgba(11,71,118,.08);box-shadow:0 10px 24px rgba(15,50,93,.06)}
.social-grid .social-card::after{width:86px;height:86px;right:-4px;top:50%;transform:translateY(-50%);opacity:.72}
.social-grid .social-logo{display:block!important;width:72px!important;height:72px!important;min-width:72px;flex:0 0 72px!important;object-fit:contain!important;object-position:center center!important;background:rgba(255,255,255,.92);padding:8px;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(11,71,118,.08),0 6px 14px rgba(15,50,93,.08);box-sizing:border-box;z-index:1}
.social-grid .social-copy{display:flex;flex-direction:column;gap:6px;min-width:0;line-height:1.25;z-index:1}
.social-grid .social-copy strong{font-size:16.8px;line-height:1.12;letter-spacing:.01em}
.social-grid .social-copy>span,.social-grid .social-copy small{display:block;font-size:14px;line-height:1.35;overflow-wrap:anywhere;word-break:break-word;color:#23466a}
.social-grid .round-arrow{position:static!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;justify-self:end;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-size:15px;line-height:1;background:#0b4f9f;color:#fff;box-shadow:0 4px 10px rgba(11,79,159,.20);z-index:1}

.recommended{padding-top:27px;padding-bottom:38px}
.recommended .section-title{margin-bottom:22px}
.org-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px}
.org-grid .org-card{min-height:360px;border-radius:16px;border:1px solid rgba(11,71,118,.08);box-shadow:0 10px 24px rgba(15,50,93,.06);overflow:hidden}
.org-grid .org-brand{height:170px;min-height:170px;margin:14px 14px 0;border-radius:16px;background-color:rgba(255,255,255,.70);background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important;border:1px solid rgba(11,71,118,.06)}
.org-grid .org-info{padding:15px 18px 20px}
.org-grid .org-info h3{font-size:20px;line-height:1.18;margin-bottom:9px}
.org-grid .org-info p{font-size:15px;line-height:1.42;margin-bottom:18px}
.org-grid .org-bottom{display:flex;flex-wrap:wrap;gap:10px 10px;align-items:center}
.org-grid .org-text-url{font-size:13.2px;overflow-wrap:anywhere}
.org-grid .visit{padding:10px 14px;font-size:12.8px;border-radius:999px}
.arch-card{margin-top:24px;min-height:160px}
.arch-brand{height:122px;min-height:122px}

@media (max-width:1100px){
  .social-grid,.org-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-grid .social-card{grid-template-columns:68px minmax(0,1fr) 24px;min-height:106px;padding:16px 16px 16px 15px}
  .social-grid .social-logo{width:68px!important;height:68px!important;min-width:68px;flex-basis:68px!important}
  .social-grid .social-copy strong{font-size:16px}
  .org-grid .org-card{min-height:342px}
  .org-grid .org-brand{height:162px;min-height:162px}
}
@media (max-width:760px){
  .social-section{padding-top:16px;padding-bottom:20px}
  .social-section .section-title{margin-bottom:18px}
  .social-grid{grid-template-columns:1fr;gap:14px}
  .social-grid .social-card{grid-template-columns:62px minmax(0,1fr) 22px;gap:14px;min-height:96px;padding:14px 14px 14px 13px;border-radius:15px}
  .social-grid .social-logo{width:62px!important;height:62px!important;min-width:62px;flex-basis:62px!important;border-radius:16px;padding:7px}
  .social-grid .social-copy strong{font-size:15.4px}
  .social-grid .social-copy>span,.social-grid .social-copy small{font-size:13.2px}
  .social-grid .round-arrow{width:22px;height:22px;font-size:13px}
  .recommended{padding-top:20px;padding-bottom:28px}
  .recommended .section-title{margin-bottom:18px}
  .org-grid{grid-template-columns:1fr;gap:18px}
  .org-grid .org-card{min-height:0}
  .org-grid .org-brand{height:160px;min-height:160px;margin:14px 14px 0}
  .org-grid .org-info{padding:14px 16px 19px}
  .arch-card{margin-top:20px}
  .arch-brand{height:118px;min-height:118px}
}
@media (max-width:390px){
  .social-grid .social-card{grid-template-columns:58px minmax(0,1fr) 20px;padding:13px 12px 13px 12px;gap:12px}
  .social-grid .social-logo{width:58px!important;height:58px!important;min-width:58px;flex-basis:58px!important;padding:6px;border-radius:15px}
  .social-grid .social-copy strong{font-size:14.6px}
  .social-grid .social-copy>span,.social-grid .social-copy small{font-size:12.8px}
  .org-grid .org-brand{height:148px;min-height:148px}
}