/* Al Margen Studio 4.18: templates, WebAgil and FAQ */
.am-webagil-section{padding-top:34px;padding-bottom:34px}
.am-webagil-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:clamp(25px,5vw,80px);align-items:center;overflow:hidden;background:#171e19;border:1px solid #344336;border-radius:30px;color:#fff;padding:clamp(34px,6vw,76px)}
.am-webagil-copy .eyebrow{color:#d7ff3f;font-weight:800;font-size:13px;letter-spacing:.11em}
.am-webagil-copy h2{font-size:clamp(38px,4.8vw,72px);font-weight:700;letter-spacing:-.065em;line-height:1.05;text-wrap:balance;color:#fff}
.am-webagil-copy h2 span{color:#d7ff3f}
.am-webagil-copy>p:not(.eyebrow){margin:20px 0 28px;max-width:620px;color:#e7eddf;font-size:clamp(16px,1.3vw,19px);line-height:1.75}
.am-webagil-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.am-webagil-actions .button{background:#d7ff3f;color:#172011;font-weight:800;border-radius:14px}.am-webagil-secondary{color:#eef6dd;text-decoration:underline;text-underline-offset:6px;font-weight:700}
.am-webagil-window{border:1px solid #8fba66;border-radius:20px;overflow:hidden;background:#f8faf4;transform:rotate(3deg);box-shadow:14px 24px 0 #364e31,0 32px 70px #0003;color:#203020}
.am-webagil-window>span{display:block;background:#e8efdb;border-bottom:1px solid #c5d4b4;padding:12px 18px;font-size:12px;font-weight:700;color:#42503d}
.am-webagil-window>div{min-height:230px;padding:24px;background:linear-gradient(145deg,#faffec,#e6f1d4)}
.am-webagil-window i{display:inline-block;width:20%;height:5px;border-radius:20px;background:#b1cc88;margin-right:8px}.am-webagil-window b{display:block;font:700 clamp(22px,2.4vw,40px)/1.1 var(--display);max-width:280px;margin:44px 0 16px;letter-spacing:-.05em}.am-webagil-window small{font-size:10px;font-weight:700}
.templates-steps{gap:14px}.templates-step{border:1px solid #d1dccc;border-radius:20px;background:#fff;padding:26px}.templates-step-number{width:40px;height:40px}
.am-templates-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:42px 0 20px}.am-templates-toolbar h3{font:700 clamp(22px,2vw,30px)/1.2 var(--display);letter-spacing:-.035em}.am-templates-toolbar p{color:#485746;margin-top:8px;font-size:15px}
.am-template-search-label{display:grid;gap:8px;font-size:13px;font-weight:750;color:#263225;min-width:min(100%,320px)}.am-template-search{min-height:52px;padding:13px 16px;border:1px solid #a5b49b;background:#fff;border-radius:14px;color:#182119;font-size:16px;width:100%}.am-template-search:focus-visible{outline:3px solid #71970a;outline-offset:3px}
.templates-grid{margin-top:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.templates-grid .template-card{display:flex;flex-direction:column;min-width:0;border:1px solid #d3dfd0;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 12px 35px #1421140a;transition:transform .2s,box-shadow .2s}
.templates-grid .template-card[hidden]{display:none!important}.templates-grid .template-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px #14211418}.templates-grid .template-card-image{position:relative;aspect-ratio:1.35;overflow:hidden;border-bottom:1px solid #dce6d8;background:#e9efe5}.templates-grid .template-card-image img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.am-template-image-tag{position:absolute;top:12px;left:12px;background:#fff;color:#263725;padding:6px 10px;font-size:11px;font-weight:750;border-radius:999px}
.am-template-body{padding:22px;display:flex;flex-direction:column;flex:1}.am-template-type{font-size:11px;font-weight:800;letter-spacing:.1em;color:#4b603e}.templates-grid .template-card h3{font:700 24px/1.2 var(--display);letter-spacing:-.04em;padding:0;margin:10px 0;color:#151d15}.am-template-body>p{font-size:14px;color:#485647;line-height:1.65;margin:0 0 22px;flex:1}.am-template-actions{display:flex;flex-wrap:wrap;gap:9px}.am-template-actions a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:45px;border-radius:12px;padding:11px 14px;font-size:13px;font-weight:800;text-decoration:none;flex:1}.am-template-preview{border:1px solid #bfceb9;color:#243322;background:#fff}.am-template-choose{border:1px solid #172619;color:#fff;background:#172619}.am-template-choose:hover{background:#334a2f;color:#fff}.am-templates-empty,.am-templates-empty-initial{padding:28px;border:1px dashed #a7b9a0;border-radius:18px;color:#293729;background:#f5f9ee}.am-templates-empty-initial h3{font-size:25px;margin-bottom:12px}.am-template-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:28px;font-weight:700}.am-template-bottom .button{border-radius:14px}
.am-faq-home{background:#edf3e7}.am-faq-home-grid{display:grid;grid-template-columns:minmax(200px,.52fr) minmax(0,1fr);gap:38px}.am-faq-home-intro p{font:700 clamp(25px,2.8vw,39px)/1.18 var(--display);letter-spacing:-.04em;margin-bottom:22px}.am-faq-home-intro .button{border-radius:14px}.am-faq-home-list .faq-item{background:#fff;border:1px solid #c6d4c0;border-radius:14px;margin-bottom:10px}.am-faq-home-list .faq-item summary{font-weight:700;color:#172218}.am-faq-home-list .faq-answer{color:#3e4b3d}
footer>a[href*="webagil"],footer>a[href*="preguntas-frecuentes"]{font-weight:700;text-decoration:underline;text-underline-offset:5px}
@media(max-width:960px){.am-webagil-inner{grid-template-columns:1fr}.am-webagil-visual{max-width:480px}.templates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.am-faq-home-grid{grid-template-columns:1fr;gap:25px}}
@media(max-width:650px){.am-webagil-section{padding:16px 5%}.am-webagil-inner{padding:30px 22px;border-radius:22px}.am-webagil-window{transform:none;box-shadow:6px 9px 0 #364e31}.templates-grid{grid-template-columns:1fr}.am-templates-toolbar{margin-top:30px}.am-template-search-label{width:100%}.am-template-actions a{flex-basis:100%}.am-template-body{padding:20px}.am-faq-home{padding-top:55px;padding-bottom:55px}}
.am-header-faq{font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:5px;white-space:nowrap;margin-left:16px;color:#263425}
@media(max-width:960px){.am-header-faq{display:none}}

/* 4.19.1 — Plantillas: exploración por rubro, imagen completa y acciones inequívocas. */
.am-template-filters{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 14px;align-items:center}
.am-template-filter{display:inline-flex;align-items:center;gap:9px;border:1px solid #bdcdb5;background:#fff;color:#2b3d28;border-radius:999px;min-height:43px;padding:9px 15px;font-size:13px;font-weight:750;transition:background .18s,border-color .18s,color .18s}
.am-template-filter:hover{border-color:#7b9664;background:#f1f7e8}
.am-template-filter.is-active{background:#202d20;color:#fff;border-color:#202d20}
.am-template-filter span{display:inline-grid;place-items:center;font-size:11px;border:1px solid currentColor;border-radius:999px;min-width:22px;height:22px;padding:0 4px;opacity:.85}
.am-template-count{font-size:13px;color:#45583f;font-weight:650;margin:0 0 16px}
.templates-grid .template-card-image{aspect-ratio:1.35;background:#e9efe5}
.templates-grid .am-template-zoom{display:block;position:relative;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden}
.templates-grid .am-template-zoom img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .28s ease}
.templates-grid .am-template-zoom:hover img,.templates-grid .am-template-zoom:focus-visible img{transform:scale(1.035)}
.am-template-zoom-label{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;background:#1b2b1cf2;color:#fff;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:750;box-shadow:0 5px 18px #1115}
.am-template-image-tag{z-index:1;pointer-events:none}
.am-template-actions a{min-height:48px;font-size:13px;line-height:1.3}
.am-template-actions .am-template-preview{background:#fff;color:#253c1f;border-color:#adc49f}
.am-template-actions .am-template-preview:hover{background:#edf6e5;border-color:#658452}
.am-template-actions .am-template-choose{background:#1d2c1d;color:#fff;border-color:#1d2c1d}
.am-template-actions .am-template-choose:hover{background:#354f2e}
.am-templates-empty button{border:0;padding:0;background:none;color:#18300e;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font-weight:750}
.am-template-dialog{border:1px solid #c4d1ba;border-radius:25px;width:min(980px,94vw);max-height:90dvh;padding:22px;background:#f8faf5;color:#19251a;box-shadow:0 38px 100px #101b1040;overflow:auto}
.am-template-dialog::backdrop{background:#101810c9;backdrop-filter:blur(6px)}
.am-template-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #d9e4d1;padding-bottom:15px;margin-bottom:16px}
.am-template-dialog-heading .eyebrow{margin:0 0 6px;color:#536a42;font-weight:750}
.am-template-dialog-heading h3{margin:0;color:#172217;font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-.04em}
#am-template-dialog-close{display:grid;place-items:center;background:#fff;color:#253421;border:1px solid #c2d2ba;font-size:30px;border-radius:50%;width:44px;height:44px;flex:none}
.am-template-dialog-visual{background:#e5ecdf;border-radius:16px;overflow:auto;max-height:55dvh;text-align:center}
.am-template-dialog-visual img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:top center}
.am-template-dialog>p{font-size:13px;line-height:1.6;color:#485844;margin:15px 0}
.am-template-dialog-actions{display:flex;flex-wrap:wrap;gap:12px}
.am-template-dialog-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:12px 19px;border-radius:13px;text-decoration:none;font-size:14px;font-weight:800}
.am-template-dialog-actions .am-template-preview{color:#243c21;background:#fff;border:1px solid #bbcfb0}
.am-template-dialog-actions .am-template-choose{color:#fff;background:#1e2d1e}
.am-template-dialog-actions a[hidden]{display:none!important}
@media(max-width:650px){.am-template-filters{flex-wrap:nowrap;overflow-x:auto;padding:0 0 10px;scrollbar-width:thin;scroll-snap-type:x proximity}.am-template-filter{white-space:nowrap;scroll-snap-align:start;flex:none}.am-template-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;padding:18px}.am-template-dialog-visual{max-height:61dvh}.am-template-dialog-actions a{flex:1}}