/* =====================================================================
   AREA Panamá — components.css
   Piezas compartidas entre público y portal: tarjetas, badges, marcos de
   foto, socials, iconos, y las clases .area-* de los shortcodes de AREA Core.
   ===================================================================== */

/* ---- cards / badges ---- */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:.2s}
.card.hov:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#dfe3f1}
.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--azul-08);color:var(--azul)}
.badge.green{background:rgba(22,163,74,.1);color:#15803d}
.badge.red{background:rgba(234,0,41,.09);color:var(--rojo)}

/* ---- photo frames ---- */
.photo{position:relative;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,#dfe4f5,#eef1fa);border:1px solid var(--line)}
.photo img{width:100%;height:100%;object-fit:cover}
.photo::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 80% 0%,rgba(0,166,206,.16),transparent 60%),radial-gradient(120% 90% at 0% 100%,rgba(40,60,146,.16),transparent 55%);pointer-events:none}
.photo.has-img::after{opacity:0}
.photo .wm{position:absolute;right:-10px;bottom:-14px;width:90px;height:90px;z-index:1}
.photo .wm path{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.photo .tag{position:absolute;left:13px;top:13px;z-index:2;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(16,23,51,.5);padding:6px 11px;border-radius:999px;backdrop-filter:blur(4px)}
.photo.cyan{background:linear-gradient(135deg,#d4eef6,#eef9fc)}
.photo.amber{background:linear-gradient(135deg,#fdeecb,#fff7e4)}
.photo.dark{background:linear-gradient(135deg,#2a3563,#151d3e)}
.photo.food{background:linear-gradient(135deg,#5a3a2a,#2e1d14)}
.area-img-placeholder{display:block;width:100%;aspect-ratio:3/2;border-radius:var(--radius-sm);background:linear-gradient(135deg,#dfe4f5,#eef1fa);border:1px solid var(--line)}

/* ---- section title with red bar ---- */
.sec-title{font-size:20px;display:flex;align-items:center;gap:11px;margin-bottom:16px}
.sec-title::before{content:"";width:4px;height:22px;background:var(--rojo);border-radius:3px;flex:none}

/* ---- socials + icon system (CSS masks, monochrome) ---- */
.area-socials{display:flex;gap:9px}
.area-socials a{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center}
.site-footer .area-socials a:hover{background:var(--azul)}
.area-ico{width:18px;height:18px;display:inline-block;background:currentColor;
  -webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.area-socials .area-ico{color:rgba(255,255,255,.85)}
.area-ico--facebook{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13 22v-8h3l1-4h-4V8c0-1 .3-2 2-2h2V2.1C18.7 2 17.5 2 16.3 2 13.6 2 12 3.7 12 6.7V10H9v4h3v8z'/%3E%3C/svg%3E")}
.area-ico--instagram{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M4 8a4 4 0 0 1 4-4h8a4 4 0 0 1 4 4v8a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z'/%3E%3Ccircle cx='12' cy='12' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='17.5' cy='6.5' r='1.2' fill='black'/%3E%3C/svg%3E")}
.area-ico--linkedin{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4.98 3.5A2.5 2.5 0 1 1 5 8.5a2.5 2.5 0 0 1 0-5M3 9h4v12H3zM9 9h3.8v1.7h.05c.53-1 1.83-2.05 3.77-2.05C20.4 8.65 22 10.5 22 14v7h-4v-6.2c0-1.5-.03-3.4-2.07-3.4-2.07 0-2.39 1.6-2.39 3.3V21H9z'/%3E%3C/svg%3E")}
.area-ico--youtube{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M23 12s0-3.2-.4-4.7a3 3 0 0 0-2.1-2.1C18.9 4.7 12 4.7 12 4.7s-6.9 0-8.5.5A3 3 0 0 0 1.4 7.3C1 8.8 1 12 1 12s0 3.2.4 4.7a3 3 0 0 0 2.1 2.1c1.6.5 8.5.5 8.5.5s6.9 0 8.5-.5a3 3 0 0 0 2.1-2.1C23 15.2 23 12 23 12M10 15.5v-7l6 3.5z'/%3E%3C/svg%3E")}
.area-ico--tiktok{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M16 3c.3 2.5 1.9 4.2 4 4.4v3c-1.5.1-3-.4-4-1.2V15a6 6 0 1 1-6-6c.3 0 .7 0 1 .1v3.1a3 3 0 1 0 2 2.8V3z'/%3E%3C/svg%3E")}
.area-ico--whatsapp{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 0 0-8.6 15l-1.3 4.8 5-1.3A10 10 0 1 0 12 2m5.6 14c-.2.6-1.2 1.2-1.7 1.2-.4 0-1 .1-3.2-.9-2.7-1.2-4.4-4-4.5-4.2s-1.1-1.5-1.1-2.8.7-2 .9-2.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .6l-.4.6c-.2.2-.3.4-.1.7s.8 1.3 1.7 2.1c1.2 1 2.1 1.4 2.4 1.5s.5.1.7-.1l.8-1c.2-.3.4-.2.7-.1l2 1c.3.1.5.2.6.3s.1.9-.1 1.6'/%3E%3C/svg%3E")}
.area-ico--phone{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3-8.6A2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 2 .7 2.9a2 2 0 0 1-.5 2.1L8.1 9.9a16 16 0 0 0 6 6l1.2-1.2a2 2 0 0 1 2.1-.5c.9.3 1.9.6 2.9.7A2 2 0 0 1 22 16.9z'/%3E%3C/svg%3E")}
.area-ico--mail{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='2' y='4' width='20' height='16' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m3 6 9 7 9-7' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.area-ico--pin{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.area-ico--clock{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M12 7v5l3 2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.area-ico--price{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.area-ico--users{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='9' cy='7' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M3 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2M16 3.1a4 4 0 0 1 0 7.8M22 21v-2a4 4 0 0 0-3-3.9' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.area-ico--dish{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E")}
.area-ico--grid{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/g%3E%3C/svg%3E")}
.area-ico--store{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M3 9l1.5-5h15L21 9M4 9v11h16V9M4 9h16a2 2 0 0 1-4 0 2 2 0 0 1-4 0 2 2 0 0 1-4 0 2 2 0 0 1-4 0z'/%3E%3C/svg%3E")}
.area-ico--cap{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M22 10 12 5 2 10l10 5 10-5zM6 12v5c3 3 9 3 12 0v-5'/%3E%3C/svg%3E")}
.area-ico--award{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='9' r='6'/%3E%3Cpath d='M8.5 13.5 7 22l5-3 5 3-1.5-8.5'/%3E%3C/g%3E%3C/svg%3E")}
.area-ico--tag{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M20 7h-9M14 17H5M17 17a3 3 0 1 0 6 0 3 3 0 0 0-6 0M1 7a3 3 0 1 0 6 0 3 3 0 0 0-6 0'/%3E%3C/svg%3E")}
.area-ico--calendar{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/g%3E%3C/svg%3E")}
.area-ico--doc{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zM14 2v6h6'/%3E%3C/svg%3E")}
.area-ico--news{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M4 22h16a2 2 0 0 0 2-2V4H6v16a2 2 0 0 1-2 2zm0 0a2 2 0 0 1-2-2v-9h2M9 8h8M9 12h8M9 16h5'/%3E%3C/svg%3E")}
.area-ico--chat{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M21 11.5a8.4 8.4 0 0 1-12.8 7.2L3 20l1.3-4.9A8.4 8.4 0 1 1 21 11.5z'/%3E%3C/svg%3E")}
.area-ico--search{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/g%3E%3C/svg%3E")}
.area-ico--bell{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M18 8a6 6 0 0 0-12 0c0 7-3 9-3 9h18s-3-2-3-9M13.7 21a2 2 0 0 1-3.4 0'/%3E%3C/svg%3E")}
.area-ico--logout{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E")}
.area-ico--plus{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.area-ico--check{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.area-ico--clock2{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/g%3E%3C/svg%3E")}
.area-ico--shield{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2' d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E")}

/* ================================================================== *
 *  Clases .area-* de los shortcodes de AREA Core
 * ================================================================== */

/* [area_stats] */
.area-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:var(--soft);border:1px solid var(--line);border-radius:var(--radius-lg);padding:40px 24px}
.area-stat{text-align:center;padding:0 14px;position:relative}
.area-stat+.area-stat::before{content:"";position:absolute;left:0;top:10%;height:80%;width:1px;background:var(--line)}
.area-stat__num{display:block;font-size:clamp(26px,2.8vw,38px);font-weight:800;color:var(--azul);letter-spacing:-.03em}
.area-stat__lbl{display:block;font-size:12.5px;color:var(--muted);margin-top:4px}

/* [area_junta] — flex para que la última fila quede centrada */
.area-team{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}
.area-team__card{flex:0 0 calc((100% - 18px * 5) / 6);max-width:calc((100% - 18px * 5) / 6);margin:0;text-align:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 10px 18px}
.area-team__photo{width:100%;aspect-ratio:.92;border-radius:14px;object-fit:cover;object-position:50% 22%;background:linear-gradient(135deg,#dfe4f5,#eef1fa);margin-bottom:14px}
.area-team__photo--placeholder{display:grid;place-items:center;color:var(--azul);font-weight:800;font-size:24px}
.area-team__name{display:block;font-size:15px;font-weight:700}
.area-team__role{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.area-team__tag{display:inline-block;margin-top:8px;background:var(--azul);color:#fff;font-size:11px;font-weight:600;padding:4px 12px;border-radius:999px}

/* [area_convenios] */
.area-conv-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.area-conv{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;transition:.2s;display:flex;flex-direction:column;gap:10px}
.area-conv:hover{box-shadow:var(--shadow);border-color:#dfe3f1}
.area-conv__logo{height:42px;width:auto;object-fit:contain;align-self:flex-start}
.area-conv__logo--text{font-weight:800;font-size:17px;color:var(--azul);display:block}
.area-conv__tag{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--azul);background:var(--azul-08);padding:4px 9px;border-radius:6px;align-self:flex-start}
.area-conv__text{font-size:12.5px;color:var(--muted);flex:1}
.area-conv__link{font-size:13px;font-weight:600;color:var(--azul)}

/* [area_directorio] */
.area-directorio__toolbar{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.area-directorio__search{flex:1;min-width:220px}
.area-directorio__filter{max-width:260px}
.area-directorio__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.area-dir-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:.2s}
.area-dir-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.area-dir-card a{display:block;padding:22px}
.area-dir-card__logo{width:58px;height:58px;border-radius:14px;object-fit:cover;margin-bottom:12px}
.area-dir-card__name{font-size:16.5px}
.area-dir-card__desc{font-size:12.5px;color:var(--muted);margin-top:6px}
.area-directorio__empty,.area-empty{padding:30px;text-align:center;color:var(--muted);background:var(--soft);border-radius:var(--radius)}

/* [area_faq] */
.area-faq{display:flex;flex-direction:column;gap:10px}
.area-faq__item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.area-faq__q{font-size:14.5px;font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
.area-faq__q::-webkit-details-marker{display:none}
.area-faq__q::after{content:"+";color:var(--azul);font-weight:700}
.area-faq__item[open] .area-faq__q::after{content:"–"}
.area-faq__a{font-size:13.5px;color:var(--muted);line-height:1.7;padding-top:12px}

/* checklist genérica */
.area-checklist{list-style:none;padding:0}
.area-checklist li{display:flex;gap:10px;align-items:flex-start;padding:7px 0;font-size:14.5px;color:#3a4060}
.area-checklist li::before{content:"";width:17px;height:17px;flex:none;margin-top:2px;background:#15803d;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}

/* filter chips */
.fchip{display:inline-block;font-size:13px;font-weight:600;padding:8px 16px;border-radius:999px;border:1.5px solid var(--line);background:#fff;cursor:pointer;color:#454b67;transition:.15s}
.fchip:hover{border-color:var(--azul);color:var(--azul)}
.fchip.on{background:var(--azul);color:#fff;border-color:var(--azul)}

/* toast (JS ui.js) */
#area-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#101733;color:#fff;padding:13px 22px;border-radius:999px;font-size:14px;font-weight:500;z-index:999;box-shadow:0 12px 30px rgba(0,0,0,.25);opacity:0;transition:.25s;pointer-events:none}
#area-toast.show{opacity:1}

@media(max-width:980px){
  .area-stats{grid-template-columns:repeat(2,1fr);gap:26px 0}
  .area-stat:nth-child(odd)::before{display:none}
  .area-team__card{flex-basis:calc((100% - 18px * 3) / 4);max-width:calc((100% - 18px * 3) / 4)}
  .area-conv-grid{grid-template-columns:repeat(2,1fr)}
  .area-directorio__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .area-stats{grid-template-columns:1fr;gap:22px 0}
  .area-stat::before{display:none}
  .area-team__card{flex-basis:calc((100% - 18px) / 2);max-width:calc((100% - 18px) / 2)}
  .area-conv-grid,.area-directorio__grid{grid-template-columns:1fr}
}

/* ---- Formulario de contacto propio [area_contacto] ---- */
.area-form{display:flex;flex-direction:column;gap:16px}
.area-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.area-form__field{display:flex;flex-direction:column;gap:6px}
.area-form__field>span{font-size:13px;font-weight:600;color:var(--ink)}
.area-form input[type=text],.area-form input[type=email],.area-form input[type=tel],.area-form select,.area-form textarea{
  width:100%;font:inherit;font-size:14.5px;color:var(--ink);background:#fff;
  border:1px solid var(--line);border-radius:10px;padding:11px 13px;transition:border-color .15s,box-shadow .15s}
.area-form textarea{resize:vertical;min-height:120px}
.area-form input:focus,.area-form select:focus,.area-form textarea:focus{
  outline:0;border-color:var(--azul);box-shadow:0 0 0 3px rgba(40,60,146,.12)}
.area-form__consent{display:flex;gap:9px;align-items:flex-start;font-size:12.5px;color:var(--muted);line-height:1.5}
.area-form__consent input{margin-top:2px;flex:none}
.area-form__consent a{color:var(--azul);text-decoration:underline}
.area-form .btn{align-self:flex-start;margin-top:2px}
.area-form__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.area-form__note{border-radius:10px;padding:14px 16px;font-size:14px;line-height:1.5;margin-bottom:6px}
.area-form__note--ok{background:#e7f6ec;border:1px solid #b7e0c4;color:#0f5132}
.area-form__note--err{background:#fdecec;border:1px solid #f3bcbc;color:#8a1f1f}
@media(max-width:600px){.area-form__row{grid-template-columns:1fr}}

/* ---- Icono genérico de miembro sin logo (directorio + ficha) ---- */
.area-dir-card__logo--mark{display:grid;place-items:center;background:var(--azul-08,rgba(40,60,146,.08));color:var(--azul)}
.area-dir-card__logo--mark svg{width:30px;height:30px}
.prof-logo__mark{display:grid;place-items:center;width:100%;height:100%;color:var(--azul)}
.prof-logo__mark svg{width:64px;height:64px}