/* Portal de Clientes Agrointesa — va dentro de la web de agrointesa.com (mismos colores: verde #0F3D21/#0B5D2A y amarillo #FFCE02) */
.main-content.clp{background:#F4F8F5;padding:28px 0 48px}
.clp{font-family:Ubuntu,"Open Sans",Arial,sans-serif;color:#1F2A23;font-size:15px;line-height:1.5;max-width:1080px;margin:0 auto;padding:0 6px;box-sizing:border-box}
.clp *,.clp *::before,.clp *::after{box-sizing:border-box}
.clp a{color:#0B5D2A}
.clp-h1{font-size:28px;font-weight:800;color:#0F3D21;margin:4px 0 8px;letter-spacing:-.2px;border-left:6px solid #FFCE02;padding-left:12px}
.clp-h2{font-size:19px;font-weight:800;color:#0F3D21;margin:26px 0 10px}
.clp-lead{font-size:15px;color:#3B4A40;margin:0 0 16px}
.clp-mut{font-size:13px;color:#5B6B60}
.clp-card{background:#fff;border-radius:14px;box-shadow:0 8px 24px -14px rgba(15,61,33,.35);padding:20px 22px;border-top:4px solid #0B5D2A;margin:12px 0}
.clp-card h2{margin:0 0 12px;font-size:20px;color:#0F3D21}
.clp-alert{background:#FDECEA;border:1px solid #F5C2BC;color:#8E1B12;border-radius:10px;padding:10px 14px;font-weight:600}
.clp-okmsg{background:#E7F5EC;border:1px solid #B6DEC3;color:#0F3D21;border-radius:10px;padding:10px 14px}
.clp-okbox{border-top-color:#FFCE02}
.clp-rech{border-top-color:#C62828;background:#FFF6F5}
.clp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#0F3D21;color:#FFCE02!important;border:0;border-radius:999px;padding:12px 26px;font:800 15px/1 Ubuntu,Arial,sans-serif;cursor:pointer;text-decoration:none!important;box-shadow:0 6px 14px -8px rgba(0,0,0,.5);transition:transform .2s,background .2s}
.clp-btn:hover{transform:translateY(-2px);background:#0B5D2A}
.clp-btn:disabled{opacity:.6;cursor:wait}
.clp-btn.sm{padding:7px 14px;font-size:13px}
.clp-back{display:inline-block;margin-bottom:6px;font-weight:700;text-decoration:none}
/* Pasos 1 · 2 · 3 */
.clp-cta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 18px}
.clp-b{position:relative;display:flex;flex-direction:column;gap:4px;padding:18px 18px 16px 64px;border-radius:16px;text-decoration:none!important;color:#fff!important;min-height:92px;box-shadow:0 10px 22px -14px rgba(0,0,0,.6);transition:transform .25s}
.clp-b:hover{transform:translateY(-3px)}
.clp-b i{position:absolute;left:16px;top:18px;width:36px;height:36px;border-radius:50%;background:#FFCE02;color:#0F3D21;font:800 18px/36px Ubuntu,Arial;text-align:center;font-style:normal}
.clp-b b{font-size:17px}.clp-b small{font-size:13px;opacity:.9}
.clp-b.b1{background:linear-gradient(135deg,#0B5D2A,#2E8B57)}.clp-b.b2{background:linear-gradient(135deg,#0F3D21,#1E6B34)}.clp-b.b3{background:linear-gradient(135deg,#B8860B,#E0A800)}.clp-b.b3 i{background:#0F3D21;color:#FFCE02}
.clp-login{max-width:460px;margin:18px auto}
.clp-login label{display:block;margin:0 0 12px;font-weight:700;font-size:14px;color:#0F3D21}
.clp-login input{display:block;width:100%;margin-top:4px}
/* Formularios */
.clp-form fieldset{border:0;background:#fff;border-radius:14px;padding:16px 18px 18px;margin:0 0 14px;box-shadow:0 6px 18px -14px rgba(15,61,33,.4)}
.clp-form legend{font-weight:800;color:#0F3D21;font-size:16px;padding:0;margin-bottom:10px;float:left;width:100%}
.clp-grid{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.clp-grid .c2{grid-column:1/-1}
.clp-form label,.clp-grid .lbl{font-weight:700;font-size:13.5px;color:#24352A;display:block}
.clp input:not([type=checkbox]):not([type=radio]):not([type=file]),.clp select,.clp textarea{display:block;width:100%;margin-top:4px;padding:10px 12px;border:1.5px solid #C9D6CE;border-radius:10px;font:15px Ubuntu,Arial,sans-serif;background:#fff;color:#1F2A23;height:auto}
.clp input:focus,.clp select:focus,.clp textarea:focus{outline:0;border-color:#0B5D2A;box-shadow:0 0 0 3px rgba(11,93,42,.15)}
.clp-seg{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}
.clp-seg label{margin:0}.clp-seg input{position:absolute;opacity:0}
.clp-seg span{display:inline-block;padding:9px 16px;border:1.5px solid #C9D6CE;border-radius:999px;font-weight:700;cursor:pointer;background:#fff}
.clp-seg input:checked+span{background:#0F3D21;color:#FFCE02;border-color:#0F3D21}
.clp-file input[type=file]{display:block;margin-top:6px;font-size:13px}.clp-file .fn{color:#0B5D2A;font-weight:700}
.clp-legal{display:flex;gap:10px;align-items:flex-start;background:#FFF8D6;border:1px solid #FFCE02;border-radius:12px;padding:12px 14px;margin:6px 0 16px;font-size:13px;font-weight:400!important;text-align:justify}
.clp-legal input{margin-top:3px;width:18px;height:18px;flex:none}
.clp-firma{position:relative;margin-top:10px}
.clp-firma canvas{display:block;width:100%;max-width:640px;height:auto;aspect-ratio:16/5;background:#fff repeating-linear-gradient(transparent 0 79%,#dfe6e1 79% 80%);border:1.5px dashed #9FB4A6;border-radius:12px;touch-action:none;cursor:crosshair}
.clp-firma small{display:block;color:#5B6B60;font-size:12px;margin-top:4px}
.clp-lim{margin-top:6px;background:none;border:1px solid #C9D6CE;border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer}
/* Tablas */
.clp-tw{overflow-x:auto;background:#fff;border-radius:12px;box-shadow:0 6px 18px -14px rgba(15,61,33,.4)}
.clp-t{width:100%;border-collapse:collapse;font-size:14px}
.clp-t th{background:#0F3D21;color:#fff;text-align:left;padding:10px;font-size:13px;white-space:nowrap}
.clp-t td{padding:9px 10px;border-bottom:1px solid #E3EBE6;vertical-align:middle}
.clp-t tbody tr:nth-child(even) td{background:#F7FAF8}
.clp-t .n{text-align:right;white-space:nowrap}.clp-t .mono{font-family:monospace}
.clp-t select{min-width:260px}.clp-t input{max-width:90px}
.clp-lin tr.oc{display:none}
.clp-mas{background:none;border:1.5px dashed #0B5D2A;color:#0B5D2A;border-radius:999px;padding:6px 14px;font-weight:700;cursor:pointer;margin-right:10px}
.clp-et{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.clp-et.verde{background:#E1F3E7;color:#0B5D2A}.clp-et.amarillo{background:#FFF4C2;color:#7A5A00}.clp-et.azul{background:#E3EEFB;color:#1D4E89}.clp-et.rojo{background:#FDE3E0;color:#A11B12}
.clp-sig{height:42px;max-width:120px;background:#fff;border:1px solid #E3EBE6;border-radius:6px}
/* Inicio */
.clp-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 auto 18px;max-width:1080px;padding:8px;background:#fff;border-radius:999px;box-shadow:0 6px 18px -14px rgba(15,61,33,.5)}
.clp-nav a{padding:8px 14px;border-radius:999px;font-weight:700;font-size:14px;color:#0F3D21!important;text-decoration:none!important;font-family:Ubuntu,Arial,sans-serif}
.clp-nav a:hover{background:#E7F5EC}.clp-nav a.out{margin-left:auto;color:#A11B12!important}
.clp-cond{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.clp-cond span{background:#fff;border:1px solid #DDE7E0;border-radius:999px;padding:6px 14px;font-size:14px}
.clp-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.clp-tiles a{display:flex;flex-direction:column;gap:4px;background:#fff;border-radius:16px;padding:18px;text-decoration:none!important;color:#1F2A23!important;border-bottom:4px solid #FFCE02;box-shadow:0 8px 20px -14px rgba(15,61,33,.45);transition:transform .25s,border-color .25s}
.clp-tiles a:hover{transform:translateY(-3px);border-color:#0B5D2A}
.clp-tiles i{font-style:normal;font-size:28px}.clp-tiles b{font-size:17px;color:#0F3D21}.clp-tiles small{color:#5B6B60}
.clp-pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 16px}
.clp-paso{background:#fff;border-radius:14px;padding:14px 14px 14px 56px;position:relative;border:1.5px solid #DDE7E0}
.clp-paso i{position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;background:#DDE7E0;color:#0F3D21;font:800 15px/30px Ubuntu,Arial;text-align:center;font-style:normal}
.clp-paso b{display:block;color:#0F3D21}.clp-paso small{color:#5B6B60}
.clp-paso.hecho{border-color:#0B5D2A}.clp-paso.hecho i{background:#0B5D2A;color:#fff}
.clp-paso.curso{border-color:#FFCE02}.clp-paso.curso i{background:#FFCE02}
/* Seguimiento del pedido */
.clp-track{list-style:none;margin:12px 0 8px;padding:0;position:relative}
.clp-track li{position:relative;display:flex;gap:14px;padding:0 0 22px 0}
.clp-track li::before{content:"";position:absolute;left:19px;top:40px;bottom:0;width:3px;background:#DDE7E0}
.clp-track li:last-child::before{display:none}
.clp-track i{flex:none;width:40px;height:40px;border-radius:50%;background:#fff;border:3px solid #DDE7E0;color:#8FA196;font:800 16px/34px Ubuntu,Arial;text-align:center;font-style:normal;z-index:1}
.clp-track b{display:block;font-size:16px;color:#5B6B60}.clp-track small{display:block;color:#5B6B60}.clp-track em{display:block;font-style:normal;font-size:13px;font-weight:700;color:#0B5D2A;margin-top:2px}
.clp-track li.hecho i{background:#0B5D2A;border-color:#0B5D2A;color:#fff}.clp-track li.hecho b{color:#0F3D21}.clp-track li.hecho::before{background:#0B5D2A}
.clp-track li.curso i{border-color:#FFCE02;color:#7A5A00;animation:clpPulso 1.8s ease-in-out infinite}.clp-track li.curso b{color:#0F3D21}.clp-track li.curso em{color:#7A5A00}
.clp-track li.no{opacity:.45}
@keyframes clpPulso{0%,100%{box-shadow:0 0 0 0 rgba(255,206,2,.55)}50%{box-shadow:0 0 0 9px rgba(255,206,2,0)}}
@media (prefers-reduced-motion:reduce){.clp-track li.curso i{animation:none}}
/* Productos */
.clp-buscar{max-width:520px}
.clp-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.clp-chips button{border:1.5px solid #C9D6CE;background:#fff;border-radius:999px;padding:6px 12px;font-weight:700;cursor:pointer;font-size:13px}
.clp-chips button.on{background:#0F3D21;color:#FFCE02;border-color:#0F3D21}
.clp-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.clp-prod{background:#fff;border-radius:12px;padding:12px 14px;border-top:3px solid #0B5D2A;box-shadow:0 6px 16px -12px rgba(15,61,33,.45)}
.clp-prod b{display:block;color:#0F3D21}.clp-prod small{display:block;color:#5B6B60;font-size:12px;margin-bottom:6px}
.clp-prod ul{margin:0;padding:0;list-style:none;font-size:13px}.clp-prod li{display:flex;justify-content:space-between;gap:8px;border-top:1px dashed #E3EBE6;padding:4px 0}.clp-prod li span{font-weight:800;color:#0B5D2A;white-space:nowrap}
.clp [hidden]{display:none!important}
/* Página sencilla (si no se pudo copiar la web) */
.clp-solo{margin:0;background:#F4F8F5}.clp-top{display:flex;align-items:center;gap:14px;padding:10px 18px;background:#fff;border-bottom:4px solid #FFCE02}.clp-top img{height:56px}.clp-top b{font:800 20px Ubuntu,Arial;color:#0F3D21}
.clp-pie{background:#0F3D21;color:#CFE3D6;text-align:center;padding:18px;font:13px Arial}.clp-pie a{color:#FFCE02}
@media (max-width:820px){.clp-cta,.clp-tiles,.clp-pasos,.clp-prods{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.clp-cta,.clp-tiles,.clp-pasos,.clp-prods,.clp-grid{grid-template-columns:1fr}.clp-h1{font-size:23px}.clp-nav{border-radius:14px}.clp-nav a.out{margin-left:0}.clp-t select{min-width:200px}}
/* Fila del botón «Portal de clientes» arriba de «Inicio» */
html body .clp-portal-top{display:block;width:100%;text-align:center;padding:4px 0 12px;clear:both;box-sizing:border-box}
html body .magnis-header{position:relative}
html body .clp-portal-top.pc{position:absolute;top:22px;left:61%;width:auto;padding:0;transform:translateX(-50%);z-index:30;white-space:nowrap}
html body a.agi-acc:not(.listo){visibility:hidden}
html body a#clp-btn#clp-btn{display:inline-flex!important;align-items:center;height:64px!important;width:auto!important;padding:0 28px!important;font:800 26px/1 Ubuntu,Arial,sans-serif!important;border-radius:999px!important;gap:12px!important;color:#fff;background:#12A150;border:4px solid #FFCE02;outline:2px solid #0B5D2A;text-decoration:none!important;animation:clpVerde 2.4s ease-in-out infinite!important;position:relative!important;overflow:hidden!important;isolation:isolate}
html body a#clp-btn#clp-btn svg{width:32px!important;height:32px!important;stroke:currentColor!important}
html body a#clp-btn#clp-btn:hover{animation:none!important;background:#18C25F!important;box-shadow:0 0 22px 6px rgba(24,194,95,.75)!important}
@media (prefers-reduced-motion:reduce){html body a#clp-btn#clp-btn{animation:none!important;background:#18C25F!important}html body a#clp-btn#clp-btn::after{display:none}}
@keyframes clpVerde{0%,40%{background:#12A150;color:#fff;border-color:#FFCE02;box-shadow:0 0 0 4px rgba(255,206,2,.25),0 0 26px 6px rgba(24,194,95,.75)}50%,90%{background:#FFCE02;color:#0F3D21;border-color:#12A150;box-shadow:0 0 0 4px rgba(18,161,80,.3),0 0 26px 6px rgba(255,206,2,.85)}100%{background:#12A150;color:#fff;border-color:#FFCE02;box-shadow:0 0 0 4px rgba(255,206,2,.25),0 0 26px 6px rgba(24,194,95,.75)}}
/* la «magia»: un brillo de luz que cruza el botón, como un destello */
html body a#clp-btn#clp-btn::after{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),rgba(255,236,150,.55),transparent);transform:skewX(-20deg);animation:clpBrillo 2.8s ease-in-out infinite;pointer-events:none;z-index:1}
html body a#clp-btn#clp-btn > *{position:relative;z-index:2}
@keyframes clpBrillo{0%,35%{left:-60%}75%,100%{left:130%}}
@media (max-width:560px){html body a#clp-btn#clp-btn{height:56px!important;padding:0 22px!important;font-size:22px!important}}