:root{
	--page-bg: #ffffff;
	--card-bg: #efebe5;
	--image-panel-bg: #f7f5f2;
	--text-main: #171717;
	--text-muted: #6f6d68;
	--text-soft: #8a867f;
	--accent-red: #c50b14;
	--accent-red-dark: #b20812;
	--white: #ffffff;
	--shadow-soft: 0 16px 32px rgba(0,0,0,.08);
	--shadow-quote: 0 12px 28px rgba(0,0,0,.08);
	--shadow-button: 0 6px 16px rgba(177, 12, 23, .20);
	--radius-xl: 34px;
	--radius-lg: 26px;
	--radius-md: 18px;
}

*{
	box-sizing:border-box;
}

html,body{
	margin:0;
	padding:0;
	min-height:100%;
}

body{
	background:var(--page-bg);
	color:var(--text-main);
	font-family:'Inter', sans-serif;
}

img{
	display:block;
	max-width:100%;
}

a{
	text-decoration:none;
	color:inherit;
}

/* ========= ESTRUCTURA GENERAL ========= */

.screen-shell{
	padding:24px 26px 26px;
}

.screen-label{
	display:none;
}

.app-shell{
	background:transparent;
	min-height:auto;
	border:none;
}

.app-header{
	height:auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 8px 28px 8px;
	background:transparent;
}

.brand-logo{
	width:184px;
	height:auto;
	object-fit:contain;
}

.exit-link{
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:18px;
	line-height:1;
	font-weight:500;
	color:#1f1f1f;
}

.exit-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	transform:translateY(-1px);
}

/* ========= CONTENEDOR BEIGE ========= */

.home-hero-card{
	margin:0;
	background:var(--card-bg);
	border-radius:33px;
	padding:26px 24px 28px;
}

/* ========= GRID PRINCIPAL ========= */

.hero-grid{
	display:grid;
	grid-template-columns: 720px 1fr;
	gap:58px;
	align-items:center;
}

/* ========= PANEL IZQUIERDO ========= */

.hero-image-column{
	display:block;
}

.hero-image-wrap{
	position:relative;
	background:var(--image-panel-bg);
	border-radius:22px;
	min-height:690px;
	overflow:hidden;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
}

.hero-image{
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center center;
}

/* ========= TARJETA DE TEXTO ========= */

.quote-card{
	position:absolute;
	left:40px;
	bottom:22px;
	width:372px;
	background:#fff;
	border-radius:18px;
	box-shadow:var(--shadow-quote);
	padding:19px 18px 16px;
}

.quote-text{
	margin:0 0 14px;
	font-size:17px;
	line-height:1.52;
	font-weight:400;
	color:#2a2a2a;
	letter-spacing:-0.01em;
}

.quote-author{
	font-size:15px;
	line-height:1.2;
	font-weight:700;
	color:#202020;
	margin-bottom:4px;
}

.quote-role{
	font-size:12.5px;
	line-height:1.38;
	color:#8d8983;
}

/* ========= COLUMNA DERECHA ========= */

.hero-copy-column{
	display:flex;
	justify-content:center;
}

.hero-copy{
	width:100%;
	max-width:640px;
	text-align:center;
	padding-right:12px;
}

/* ========= TÍTULO ========= */

.hero-title{
	margin:0 0 28px;
	font-family:'Cormorant Garamond', serif;
	font-weight:500;
	font-size:78px;
	line-height:.92;
	letter-spacing:-0.025em;
	color:#111111;
}

.hero-title-line{
	display:block;
}

.hero-title-line-1{
	font-style:italic;
}

.hero-title-line-2{
	font-style:normal;
}

/* ========= DESCRIPCIÓN ========= */

.hero-description{
	margin:0 auto 34px;
	max-width:620px;
	font-size:17px;
	line-height:1.58;
	font-weight:400;
	color:var(--text-muted);
	letter-spacing:-0.01em;
}

/* ========= BOTÓN ========= */

.cta-button{
	min-width:204px;
	height:56px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	padding:0 26px;
	border-radius:999px;
	background:linear-gradient(180deg, #cc0b15 0%, #c20913 100%);
	color:#fff;
	font-size:17px;
	font-weight:600;
	border:1.5px solid rgba(255,255,255,.35);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.25),
		0 4px 10px rgba(176, 11, 21, .24);
}

.cta-button:hover{
	background:linear-gradient(180deg, #d10d17 0%, var(--accent-red-dark) 100%);
}

.cta-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	transform:translateY(1px);
}

/* ========= TEXTO PRIVADO ========= */

.privacy-note{
	margin-top:15px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	color:#8d8983;
	font-size:14px;
	line-height:1.2;
	font-weight:500;
}

.privacy-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	color:#8d8983;
}

/* ========= AJUSTES GRANDES ========= */

@media (max-width: 1500px){
	.hero-grid{
		grid-template-columns: 650px 1fr;
		gap:44px;
	}

	.hero-image-wrap{
		min-height:620px;
	}

	.hero-title{
		font-size:68px;
	}
}

/* ========= TABLET ========= */

@media (max-width: 1200px){
	.hero-grid{
		grid-template-columns:1fr;
		gap:32px;
	}

	.hero-copy{
		max-width:760px;
		padding-right:0;
	}

	.hero-image-wrap{
		min-height:540px;
	}

	.hero-title{
		font-size:58px;
	}
}

/* ========= MOBILE ========= */

@media (max-width: 768px){
	.screen-shell{
		padding:16px;
	}

	.app-header{
		padding:0 2px 18px 2px;
	}

	.brand-logo{
		width:148px;
	}

	.exit-link{
		font-size:16px;
	}

	.home-hero-card{
		padding:14px;
		border-radius:24px;
	}

	.hero-image-wrap{
		min-height:420px;
	}

	.quote-card{
		left:14px;
		right:14px;
		width:auto;
		bottom:14px;
		padding:16px 15px 14px;
	}

	.quote-text{
		font-size:16px;
		line-height:1.45;
	}

	.quote-author{
		font-size:15px;
	}

	.quote-role{
		font-size:12px;
	}

	.hero-title{
		font-size:46px;
		margin-bottom:18px;
	}

	.hero-description{
		font-size:16px;
		line-height:1.5;
		margin-bottom:24px;
	}

	.cta-button{
		min-width:210px;
		height:54px;
		font-size:16px;
	}
}

/* =========================================================
   ONBOARDING / EDAD
========================================================= */

.flow-page{
	background:#ffffff;
	color:#171717;
	font-family:'Inter', sans-serif;
}

.flow-shell{
	min-height:100vh;
	background:#ffffff;
}

.flow-header{
	background:#ffffff;
}

.flow-header-top{
	position:relative;
	height:88px;
	display:flex;
	align-items:center;
	padding:0 32px;
	border-bottom:1px solid #ece8e2;
}

.flow-back-link{
	position:relative;
	z-index:2;
	display:inline-flex;
	align-items:center;
	gap:8px;
	font-size:18px;
	line-height:1;
	font-weight:500;
	color:#1d1d1d;
}

.flow-back-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	transform:translateY(-1px);
}

.flow-logo-wrap{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	display:flex;
	align-items:center;
	justify-content:center;
}

.flow-logo{
	width:178px;
	height:auto;
	object-fit:contain;
}

.flow-progress{
	width:100%;
	height:2px;
	background:#ece8e2;
}

.flow-progress-bar{
	height:100%;
	background:#c50b14;
}

.flow-content{
	min-height:calc(100vh - 90px);
	position:relative;
}

.flow-content-onboarding{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	padding:70px 24px 130px;
}

.onboarding-inner{
	width:100%;
	max-width:560px;
	text-align:center;
}

.onboarding-title{
	margin:0 0 12px;
	font-family:'Cormorant Garamond', serif;
	font-size:64px;
	line-height:.95;
	font-weight:600;
	letter-spacing:-0.02em;
	color:#151515;
}

.onboarding-subtitle{
	max-width:420px;
	margin:0 auto 36px;
	font-size:17px;
	line-height:1.45;
	font-weight:400;
	color:#75716d;
}

.age-form{
	width:100%;
}

.age-option{
	display:block;
	width:100%;
	margin-bottom:12px;
	cursor:pointer;
}

.age-option input{
	position:absolute;
	opacity:0;
	pointer-events:none;
}

.age-option-box{
	width:100%;
	height:70px;
	border:1px solid #e8e3dc;
	border-radius:18px;
	background:#ffffff;
	display:flex;
	align-items:center;
	gap:14px;
	padding:0 22px;
	transition:all .18s ease;
}

.age-option-circle{
	width:24px;
	height:24px;
	border:2px solid #8d8a84;
	border-radius:50%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 24px;
	position:relative;
}

.age-option-circle::after{
	content:"";
	width:10px;
	height:10px;
	border-radius:50%;
	background:#c50b14;
	opacity:0;
	transform:scale(.7);
	transition:all .18s ease;
}

.age-option-text{
	font-size:17px;
	line-height:1;
	font-weight:400;
	color:#44423f;
	letter-spacing:-0.01em;
}

.age-option input:checked + .age-option-box{
	background:#efebe5;
	border-color:#efebe5;
}

.age-option input:checked + .age-option-box .age-option-circle{
	border-color:#c50b14;
}

.age-option input:checked + .age-option-box .age-option-circle::after{
	opacity:1;
	transform:scale(1);
}

.flow-footer{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	height:86px;
	background:#ffffff;
	border-top:1px solid #ece8e2;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	padding:0 32px;
}

.flow-next-button{
	min-width:127px;
	height:58px;
	border:none;
	border-radius:999px;
	padding:0 26px;
	font-size:18px;
	line-height:1;
	font-weight:500;
	cursor:pointer;
	transition:all .18s ease;
	background:#b8b8b8;
	color:#ffffff;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}

.flow-next-button:disabled{
	background:#b8b8b8;
	color:#ffffff;
	cursor:not-allowed;
}

.flow-next-button:not(:disabled){
	background:#111111;
	color:#ffffff;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.22),
		0 2px 8px rgba(0,0,0,.18);
}

@media (max-width: 768px){
	.flow-header-top{
		height:78px;
		padding:0 18px;
	}

	.flow-logo{
		width:146px;
	}

	.flow-back-link{
		font-size:16px;
	}

	.flow-content-onboarding{
		padding:48px 16px 110px;
	}

	.onboarding-title{
		font-size:46px;
	}

	.onboarding-subtitle{
		font-size:16px;
		margin-bottom:28px;
	}

	.age-option-box{
		height:64px;
		padding:0 18px;
	}

	.flow-footer{
		height:78px;
		padding:0 16px;
	}

	.flow-next-button{
		min-width:118px;
		height:52px;
		font-size:17px;
	}
}

/* =========================================================
   QUESTIONS / PREGUNTAS
========================================================= */

.questions-page{
	background:#ffffff;
}

.flow-content-questions{
	padding:30px 26px 120px;
}

.questions-form{
	width:100%;
}

.questions-layout{
	max-width:1180px;
	margin:0 auto;
	display:grid;
	grid-template-columns: 420px 1fr;
	gap:44px;
	align-items:start;
}

.questions-copy{
	position:relative;
}

.questions-copy-inner{
	position:sticky;
	top:30px;
	padding-top:6px;
}

.questions-title{
	margin:0 0 20px;
	font-family:'Cormorant Garamond', serif;
	font-size:62px;
	line-height:.95;
	font-weight:600;
	letter-spacing:-0.02em;
	color:#171717;
}

.questions-intro{
	margin:0 0 14px;
	font-size:17px;
	line-height:1.45;
	font-weight:400;
	color:#6e6a65;
}

.questions-description{
	max-width:360px;
	margin:0;
	font-size:17px;
	line-height:1.48;
	font-weight:400;
	color:#6e6a65;
}

.questions-list{
	display:flex;
	flex-direction:column;
	gap:16px;
}

.question-card{
	background:#ffffff;
	border:1px solid #e9e4dd;
	border-radius:18px;
	padding:18px 20px 20px;
}

.question-number{
	margin:0 0 14px;
	font-size:14px;
	line-height:1;
	font-weight:500;
	color:#7c7872;
}

.question-text{
	margin:0 0 18px;
	font-size:16px;
	line-height:1.35;
	font-weight:600;
	color:#171717;
}

.question-options{
	display:flex;
	flex-direction:column;
	gap:14px;
}

.question-option{
	display:flex;
	align-items:flex-start;
	gap:10px;
	cursor:pointer;
	color:#4b4945;
}

.question-option input{
	position:absolute;
	opacity:0;
	pointer-events:none;
}

.question-option-radio{
	width:20px;
	height:20px;
	border:2px solid #8d8a84;
	border-radius:50%;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 20px;
	position:relative;
	margin-top:1px;
}

.question-option-radio::after{
	content:"";
	width:10px;
	height:10px;
	border-radius:50%;
	background:#c50b14;
	opacity:0;
	transform:scale(.7);
	transition:all .18s ease;
}

.question-option-label{
	font-size:14px;
	line-height:1.5;
	font-weight:400;
	color:#3e3c38;
	margin-top:-1px;
}

.question-option-text{
	font-size:14px;
	line-height:1.5;
	font-weight:400;
	color:#4b4945;
	letter-spacing:-0.01em;
}

.question-option input:checked + .question-option-radio{
	border-color:#c50b14;
}

.question-option input:checked + .question-option-radio::after{
	opacity:1;
	transform:scale(1);
}

.question-option input:checked + .question-option-radio + .question-option-label,
.question-option input:checked + .question-option-radio + .question-option-label + .question-option-text{
	color:#2d2b28;
}

@media (max-width: 1100px){
	.questions-layout{
		grid-template-columns:1fr;
		gap:28px;
	}

	.questions-copy-inner{
		position:static;
		padding-top:0;
	}

	.questions-description{
		max-width:none;
	}
}

@media (max-width: 768px){
	.flow-content-questions{
		padding:20px 16px 108px;
	}

	.questions-title{
		font-size:46px;
		margin-bottom:14px;
	}

	.questions-intro,
	.questions-description{
		font-size:16px;
	}

	.question-card{
		padding:16px;
	}

	.question-text{
		font-size:15px;
	}

	.question-option-text{
		font-size:14px;
		line-height:1.45;
	}
}

/* =========================================================
   LEAD
========================================================= */

.lead-page{
	background:#ffffff;
}

.lead-page .flow-header-top{
	border-bottom:1px solid #ece8e2;
}

.lead-content{
	min-height:calc(100vh - 89px);
	display:flex;
	justify-content:center;
	align-items:flex-start;
	padding:72px 24px 60px;
}

.lead-inner{
	width:100%;
	max-width:540px;
	text-align:center;
}

.lead-title{
	margin:0 0 18px;
	font-family:'Cormorant Garamond', serif;
	font-size:74px;
	line-height:.92;
	font-weight:600;
	letter-spacing:-0.025em;
	color:#171717;
}

.lead-subtitle{
	max-width:520px;
	margin:0 auto 34px;
	font-size:17px;
	line-height:1.55;
	font-weight:400;
	color:#75716d;
	letter-spacing:-0.01em;
}

.lead-form{
	width:100%;
}

.lead-field{
	margin-bottom:18px;
}

.lead-input{
	width:100%;
	height:72px;
	border:1px solid #ddd7cf;
	border-radius:18px;
	background:#ffffff;
	outline:none;
	box-shadow:none;
	padding:0 20px;
	font-size:17px;
	font-weight:400;
	color:#222222;
	font-family:'Inter', sans-serif;
	transition:border-color .18s ease, box-shadow .18s ease;
}

.lead-input::placeholder{
	color:#6c6964;
	opacity:1;
}

.lead-input:focus{
	border-color:#cfc7be;
	box-shadow:0 0 0 2px rgba(197, 11, 20, .04);
}

.lead-submit-button{
	width:100%;
	height:64px;
	border:none;
	border-radius:999px;
	padding:0 22px;
	margin-top:10px;
	font-size:18px;
	line-height:1;
	font-weight:600;
	color:#ffffff;
	cursor:pointer;
	transition:all .18s ease;
	background:#d79a9f;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
}

.lead-submit-button:disabled{
	background:#d79a9f;
	color:#ffffff;
	cursor:not-allowed;
}

.lead-submit-button:not(:disabled){
	background:linear-gradient(180deg, #cc0b15 0%, #c20913 100%);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.24),
		0 4px 10px rgba(176, 11, 21, .24);
}

@media (max-width: 768px){
	.lead-content{
		padding:46px 16px 40px;
	}

	.lead-title{
		font-size:52px;
		margin-bottom:14px;
	}

	.lead-subtitle{
		font-size:16px;
		margin-bottom:28px;
	}

	.lead-input{
		height:64px;
		font-size:16px;
		border-radius:16px;
	}

	.lead-submit-button{
		height:58px;
		font-size:17px;
	}
}

/* =========================================================
   RESULT
========================================================= */

.result-page{
	background:#ffffff;
	--result-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.result-page .flow-header-top{
	border-bottom:1px solid #ece8e2;
}

.result-content{
	padding:34px 34px 40px;
	font-family:var(--result-sans);
}

.result-heading{
	max-width:980px;
	margin:0 auto 34px;
	text-align:center;
}

.result-title{
	margin:0;
	font-family:'Cormorant Garamond', serif;
	font-size:66px;
	line-height:.92;
	font-weight:600;
	letter-spacing:-0.028em;
	color:#171717;
}

.result-title span{
	display:block;
}

.result-grid{
	max-width:1280px;
	margin:0 auto;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:20px;
	align-items:start;
}

.result-card{
	background:#ffffff;
	border:1px solid #e8e3dc;
	border-radius:18px;
	overflow:hidden;
}

.result-card-head{
	min-height:62px;
	display:flex;
	align-items:center;
	gap:12px;
	padding:16px 20px;
}

.result-card-title{
	margin:0;
	font-family:var(--result-sans);
	font-size:14px;
	line-height:1.2;
	font-weight:600;
	letter-spacing:-0.01em;
	color:#1e1e1e;
}

.result-card-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
}

.result-card-intro{
	padding:0 20px 16px;
	font-family:var(--result-sans);
	font-size:14px;
	line-height:1.5;
	font-weight:400;
	letter-spacing:-0.01em;
	color:#6f6b65;
}

.result-card-body{
	padding:18px 20px 18px;
	border-top:1px solid #ece8e2;
}

.result-card-body-top-border{
	border-top:1px solid #ece8e2;
}

.result-block-title{
	margin:0 0 14px;
	font-family:var(--result-sans);
	font-size:13px;
	line-height:1.35;
	font-weight:700;
	letter-spacing:-0.01em;
	color:#1d1d1d;
}

.result-bullets{
	margin:0;
	padding-left:21px;
}

.result-bullets li{
	margin:0 0 10px;
	font-family:var(--result-sans);
	font-size:13px;
	line-height:1.48;
	font-weight:400;
	letter-spacing:-0.01em;
	color:#4a4742;
}

.recommendation-list{
	list-style:none;
	margin:0;
	padding:0;
}

.recommendation-list li{
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin:0 0 10px;
}

.recommendation-check{
	color:#d7a35b;
	font-size:16px;
	line-height:1.2;
	flex:0 0 12px;
	margin-top:1px;
}

.recommendation-text{
	font-family:var(--result-sans);
	font-size:13px;
	line-height:1.48;
	font-weight:400;
	letter-spacing:-0.01em;
	color:#4a4742;
}

.recommendation-text strong{
	font-weight:700;
	color:#202020;
}

.plan-name{
	font-family:'Cormorant Garamond', serif;
	font-size:44px;
	line-height:.93;
	font-weight:500;
	letter-spacing:-0.03em;
	color:#171717;
	margin:0 0 12px;
}

.plan-name em{
	font-style:italic;
	font-weight:500;
}

.plan-tags{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-bottom:16px;
}

.plan-tag{
	display:inline-flex;
	align-items:center;
	min-height:28px;
	padding:0 12px;
	border-radius:999px;
	background:#f3e3cb;
	color:#9b6630;
	font-family:var(--result-sans);
	font-size:12px;
	font-weight:500;
	letter-spacing:-0.01em;
}

.plan-tag-red{
	background:#fbe6e5;
	color:#d61c22;
}

.plan-price{
	margin:0 0 16px;
	color:#171717;
	font-family:var(--result-sans);
}

.plan-price-main{
	font-size:24px;
	font-weight:800;
	line-height:1;
	letter-spacing:-0.02em;
}

.plan-price-decimals{
	font-size:18px;
	font-weight:700;
	line-height:1;
	letter-spacing:-0.01em;
}

.plan-price-suffix{
	font-size:12px;
	font-weight:500;
	color:#66635d;
	margin-left:2px;
}

.plan-description{
	margin:0 0 18px;
	font-family:var(--result-sans);
	font-size:13px;
	line-height:1.52;
	font-weight:400;
	letter-spacing:-0.01em;
	color:#6e6b65;
}

.plan-cta-button{
	width:100%;
	height:42px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:999px;
	background:linear-gradient(180deg, #cc0b15 0%, #c20913 100%);
	color:#ffffff;
	font-family:var(--result-sans);
	font-size:14px;
	font-weight:600;
	letter-spacing:-0.01em;
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.24),
		0 4px 10px rgba(176, 11, 21, .24);
	margin-bottom:20px;
}

.plan-section{
	margin-top:16px;
}

.plan-section-title{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:12px;
	color:#7b776f;
	font-family:var(--result-sans);
	font-size:12px;
	font-weight:500;
	letter-spacing:-0.01em;
}

.plan-section-line{
	height:1px;
	background:#ebe6df;
	flex:1;
}

.plan-list{
	list-style:none;
	margin:0;
	padding:0;
}

.plan-list li{
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin:0 0 9px;
	font-family:var(--result-sans);
	font-size:13px;
	line-height:1.42;
	font-weight:400;
	letter-spacing:-0.01em;
	color:#504d48;
}

.plan-list-strong li{
	font-weight:700;
	color:#272522;
}

.plan-check{
	color:#d7a35b;
	font-size:16px;
	line-height:1.2;
	flex:0 0 12px;
	margin-top:1px;
}

@media (max-width: 1200px){
	.result-grid{
		grid-template-columns:1fr;
	}

	.plan-name{
		font-size:40px;
	}
}

@media (max-width: 768px){
	.result-content{
		padding:30px 16px 28px;
	}

	.result-heading{
		margin-bottom:24px;
	}

	.result-title{
		font-size:48px;
	}

	.result-card-head{
		padding:16px;
	}

	.result-card-intro,
	.result-card-body{
		padding-left:16px;
		padding-right:16px;
	}

	.plan-name{
		font-size:38px;
	}
}

/* =========================================================
   LEAD PHONE SELECT
========================================================= */

.lead-phone-row{
	display:grid;
	grid-template-columns: 42% 58%;
	gap:12px;
	align-items:stretch;
}

.lead-phone-country-wrap,
.lead-phone-number-wrap{
	width:100%;
}

.lead-select{
	width:100%;
	height:72px;
	border:1px solid #ddd7cf;
	border-radius:18px;
	background:#ffffff;
	outline:none;
	box-shadow:none;
	padding:0 20px;
	font-size:16px;
	font-weight:400;
	color:#222222;
	font-family:'Inter', sans-serif;
	transition:border-color .18s ease, box-shadow .18s ease;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background-image:
		linear-gradient(45deg, transparent 50%, #6c6964 50%),
		linear-gradient(135deg, #6c6964 50%, transparent 50%);
	background-position:
		calc(100% - 22px) calc(50% - 3px),
		calc(100% - 16px) calc(50% - 3px);
	background-size:6px 6px, 6px 6px;
	background-repeat:no-repeat;
	padding-right:42px;
}

.lead-select:focus{
	border-color:#cfc7be;
	box-shadow:0 0 0 2px rgba(197, 11, 20, .04);
}

@media (max-width: 768px){
	.lead-phone-row{
		grid-template-columns: 1fr;
		gap:14px;
	}

	.lead-select{
		height:64px;
		font-size:16px;
		border-radius:16px;
	}
}