@charset "UTF-8";
/* Inpasa - Donaciones, Patrocinios Sociales y Auspicios (marcador inpasa-don).
   Carregado por inpasa_css_enqueue() no mu-plugin inpasa-polylang-nav-menu-switch.php.
   Layout de .docs/LAYOUT INPASA WEB - Donaciones.pdf: pagina de entrada (foto +
   texto, 2 cards com botao contornado que fica azul no hover/clique, linha do
   processo em 8 etapas, caixa "Informacion Importante") e duas paginas filhas
   com o mesmo formulario Elementor Pro (inpasa-form-donaciones), que herda o
   visual base do contacto.css (.inpasa-contacto-box) e troca so o necessario. */

/* Fundo cinza tambem no breadcrumb (mesma tecnica das paginas 4240/4241, via
   classe no body em vez de page-id - ver MAPA-TECNICO.md 4.1/4.2). */
.inpasa-don-page .inpasa-page-hero{margin-bottom:0;}
.inpasa-don-page .inpasa-breadcrumb{background:#e6e6e6;box-shadow:0 0 0 100vmax #e6e6e6;clip-path:inset(0 -100vmax);margin-bottom:0;padding-top:14px;padding-bottom:14px;}
.inpasa-don{padding-bottom:72px;}
.inpasa-don > section,.inpasa-don > aside{width:min(1320px,calc(100% - 48px));margin-left:auto;margin-right:auto;box-sizing:border-box;}

/* Intro */
.inpasa-don-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;margin-top:31px;}
.inpasa-don-intro__foto{overflow:hidden;border-radius:6px 6px 56px 6px;}
.inpasa-don-intro__foto img{width:100%;height:auto;aspect-ratio:1080/628;object-fit:cover;display:block;}
.inpasa-don-intro__texto{margin:0;max-width:480px;font-size:17px;line-height:1.65;color:#333;}
.inpasa-don-intro__texto strong{color:#1f3a5f;}

/* Titulos de secao */
.inpasa-don-h2{margin:64px 0 6px;font-size:28px;font-weight:700;line-height:1.25;color:#1a1a1a;}
.inpasa-don-sub{margin:0 0 26px;font-size:15px;line-height:1.6;color:#333;max-width:820px;}

/* Cards Donacion / Auspicios */
.inpasa-don-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.inpasa-don-card{background:#fff;border-radius:8px;padding:26px 28px 24px;display:grid;grid-template-columns:128px minmax(0,1fr);grid-template-areas:"icone texto" "btn btn";column-gap:26px;row-gap:24px;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:box-shadow .3s ease,transform .3s ease;}
.inpasa-don-card:hover{box-shadow:0 12px 28px rgba(31,58,95,.12);transform:translateY(-3px);}
.inpasa-don-card__icono{grid-area:icone;width:128px;height:128px;border-radius:50%;background:#dde8f4;display:flex;align-items:center;justify-content:center;}
.inpasa-don-card__icono svg{width:64px;height:64px;fill:none;stroke:#1f3a5f;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.inpasa-don-card__texto{grid-area:texto;}
.inpasa-don-card h3{margin:0 0 10px;font-size:24px;font-weight:700;line-height:1.2;color:#1a1a1a;}
.inpasa-don-card p{margin:0;font-size:14px;line-height:1.55;color:#333;}
.inpasa-don .inpasa-don-card a.inpasa-don-btn{text-decoration:none;color:#1a1a1a;}
.inpasa-don .inpasa-don-card a.inpasa-don-btn:hover,.inpasa-don .inpasa-don-card a.inpasa-don-btn:focus-visible,.inpasa-don .inpasa-don-card a.inpasa-don-btn:active{color:#fff;text-decoration:none;}
.inpasa-don-btn{grid-area:btn;justify-self:center;display:inline-flex;align-items:center;gap:12px;padding:11px 24px;border:1.5px solid #1f3a5f;border-radius:10px;background:#fff;color:#1a1a1a;font-size:14px;font-weight:600;text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease;}
.inpasa-don-btn svg{width:24px;height:12px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease;}
/* Pedido do cliente (John, 2026-09-25): ao passar o mouse/clicar o botao fica azul. */
.inpasa-don-btn:hover,.inpasa-don-btn:focus-visible,.inpasa-don-btn:active{background:#1f3a5f;border-color:#1f3a5f;color:#fff;}
.inpasa-don-btn:hover svg,.inpasa-don-btn:focus-visible svg{transform:translateX(4px);}
.inpasa-don-btn:focus-visible{outline:3px solid rgba(31,58,95,.3);outline-offset:2px;}

/* Processo de avaliacao: 8 etapas ligadas por uma linha */
.inpasa-don-pasos{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));}
.inpasa-don-pasos li{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin:0;}
.inpasa-don-pasos li + li::before{content:"";position:absolute;top:24px;right:calc(50% + 30px);width:calc(100% - 60px);height:2px;background:#1f3a5f;}
.inpasa-don-paso__icono{width:48px;height:48px;border-radius:50%;background:#dde8f4;display:flex;align-items:center;justify-content:center;}
.inpasa-don-paso__icono svg{width:26px;height:26px;fill:none;stroke:#1f3a5f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.inpasa-don-paso__num{width:22px;height:22px;border-radius:50%;border:1.5px solid #1f3a5f;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#1f3a5f;background:#fff;box-sizing:border-box;}
.inpasa-don-paso__nome{font-size:14px;font-weight:700;color:#1a1a1a;}
.inpasa-don-pasos li.is-first .inpasa-don-paso__icono,.inpasa-don-pasos li.is-first .inpasa-don-paso__num{background:#1f3a5f;border-color:#1f3a5f;color:#fff;}
.inpasa-don-pasos li.is-first .inpasa-don-paso__icono svg{stroke:#fff;}

/* Informacion Importante */
.inpasa-don > .inpasa-don-info{display:flex;align-items:center;gap:28px;margin-top:56px;background:#d3e2f0;border-radius:10px;padding:20px 32px 20px 20px;width:min(1200px,calc(100% - 48px));}
.inpasa-don-info__icono{flex:0 0 96px;width:96px;height:96px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;}
.inpasa-don-info__icono svg{width:44px;height:44px;fill:none;stroke:#1f3a5f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.inpasa-don-info h3{margin:0 0 6px;font-size:16px;font-weight:700;color:#1a1a1a;}
.inpasa-don-info ul{margin:0;padding-left:18px;font-size:14px;line-height:1.6;color:#333;}
.inpasa-don-info li{margin:0;}

/* Paginas do formulario */
.inpasa-don-compromiso{margin-top:31px;font-size:15px;line-height:1.6;color:#333;text-align:justify;}
.inpasa-don-compromiso h2,.inpasa-don-compromiso h3{margin:0 0 12px;font-size:16px;font-weight:700;color:#1a1a1a;text-align:left;}
.inpasa-don-compromiso p{margin:0 0 14px;}
.inpasa-don-compromiso ul{margin:0 0 16px;padding-left:18px;}
.inpasa-don-compromiso li{margin:0 0 10px;}
.inpasa-don-form-sec{margin-top:36px;}
.inpasa-don .inpasa-contacto-box.inpasa-don-form{background:transparent;border:1.5px solid #333;border-radius:36px;padding:32px 40px 30px;}
.inpasa-don-form .elementor-form .elementor-field-label{font-weight:400;font-size:14px;}
.inpasa-don-form .elementor-form .elementor-field-group .elementor-field,.inpasa-don-form .elementor-form .elementor-select-wrapper select.elementor-field-textual{border-color:#333;border-radius:18px;}
.inpasa-don-form .elementor-form textarea.elementor-field{border-radius:22px;min-height:140px;}
/* radio "Tipo de solicitud" */
.inpasa-don-form .elementor-field-type-radio .elementor-field-subgroup{display:flex;flex-wrap:wrap;gap:8px 36px;}
.inpasa-don-form .elementor-field-type-radio .elementor-field-option{display:inline-flex;align-items:center;gap:8px;margin:0;}
.inpasa-don-form .elementor-field-type-radio input[type="radio"]{width:17px;height:17px;margin:0;accent-color:#1f3a5f;cursor:pointer;}
.inpasa-don-form .elementor-field-type-radio .elementor-field-option label{font-size:14px;color:#333;cursor:pointer;}
/* Adjuntar doc (cinza) + Enviar (laranja), como no PDF */
/* Telefono ocupa a linha inteira (50% + margem) para Adjuntar/Enviar irem sozinhos para a linha de baixo, alinhados a direita. */
@media(min-width:768px){.inpasa-don-form .elementor-form .elementor-field-group-telefono{margin-right:50%;}}
.inpasa-don-form .elementor-form .elementor-field-group-cv > label{background:#8f8f8f;color:#fff;border-radius:22px;text-transform:uppercase;font-weight:500;padding:10px 26px!important;}
.inpasa-don-form .elementor-form .elementor-field-group-cv > label:hover{background:#6f6f6f;color:#fff;}
.inpasa-don .inpasa-don-form .elementor-form .elementor-button{background:#e8a33a!important;color:#1a1a1a!important;border-radius:22px;padding:10px 40px;text-transform:uppercase;font-weight:500;}
.inpasa-don .inpasa-don-form .elementor-form .elementor-button:hover,.inpasa-don .inpasa-don-form .elementor-form .elementor-button:focus-visible{background:#1f3a5f!important;color:#fff!important;}

@media(max-width:1000px){
	.inpasa-don-intro{gap:32px;}
	.inpasa-don-cards{grid-template-columns:1fr;}
	.inpasa-don-pasos{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:28px;}
	.inpasa-don-pasos li:nth-child(4n+1)::before{display:none;}
}
@media(max-width:767px){
	.inpasa-don > section,.inpasa-don > aside{width:calc(100% - 32px);}
	.inpasa-don-intro{grid-template-columns:1fr;gap:22px;margin-top:20px;}
	.inpasa-don-intro__texto{max-width:none;font-size:16px;}
	.inpasa-don-h2{font-size:23px;margin-top:48px;}
	.inpasa-don-card{grid-template-columns:1fr;grid-template-areas:"icone" "texto" "btn";justify-items:center;text-align:center;padding:24px 20px;}
	.inpasa-don-card__icono{width:104px;height:104px;}
	.inpasa-don-card__icono svg{width:52px;height:52px;}
	.inpasa-don-card h3{font-size:21px;}
	.inpasa-don-btn{width:100%;justify-content:center;box-sizing:border-box;}
	.inpasa-don-pasos{grid-template-columns:repeat(2,minmax(0,1fr));}
	.inpasa-don-pasos li::before{display:none;}
	.inpasa-don > .inpasa-don-info{flex-direction:column;text-align:left;align-items:flex-start;width:calc(100% - 32px);padding:20px;gap:14px;}
	.inpasa-don-info__icono{flex-basis:auto;width:72px;height:72px;}
	.inpasa-don-compromiso{text-align:left;}
	.inpasa-don .inpasa-contacto-box.inpasa-don-form{padding:22px 16px;border-radius:22px;}
}
@media(prefers-reduced-motion:reduce){
	.inpasa-don-card,.inpasa-don-card:hover,.inpasa-don-btn svg{transition:none;transform:none;}
}