/* Inline SVG illustrations + brand mark + insurer logo cards. */ const Mark = ({ size = 28 }) => ( ); const Logo = ({ light = false }) => (
Orsini Seguros
Orsini Seguros
Mat. SSN 104.304
); /* Insurer card — uses real logo image when logoSrc is provided. */ const InsurerMark = ({ name, sub, color = '#1565C0', accent = '#F6D365', shape = 'shield', logoSrc }) => (
{logoSrc ? ( {name} ) : ( <> {shape === 'shield' && ( )} {shape === 'circle' && ( )} {shape === 'mountain' && ( )} {shape === 'globe' && ( )} {shape === 'plane' && ( )} {shape === 'compass' && ( )} )}
{name}
{sub}
); /* ─── Hero illustration tiles ─── */ /* AUTO — kept as-is, user confirmed it's fine */ const TileAuto = () => (
); /* MOTO — sportbike realista, fondo oscuro para contraste */ const TileMoto = () => (
{/* ground shadow */} {/* REAR WHEEL */} {/* spokes */} {/* FRONT WHEEL */} {/* SWINGARM */} {/* FRAME — backbone */} {/* down tube */} {/* FRONT FORK */} {/* ENGINE BLOCK */} {/* FAIRING — main body */} {/* fairing detail / panel line */} {/* lower fairing */} {/* TANK */} {/* SEAT */} {/* EXHAUST PIPE */} {/* HANDLEBARS */} {/* HEADLIGHT */} {/* TAIL LIGHT */}
); /* HOGAR — casa con detalles */ const TileHogar = () => (
{/* ground */} {/* shrubs */} {/* house body */} {/* roof */} {/* chimney */} {/* door */} {/* left window */} {/* right window */} {/* front path */}
); /* BICI — bicicleta de ruta */ const TileBici = () => (
{/* rear wheel */} {/* front wheel */} {/* main frame triangle */} {/* seat tube */} {/* fork */} {/* top tube */} {/* handlebar stem */} {/* handlebars */} {/* seat post */} {/* saddle */} {/* pedal crank */}
); /* VIAJERO — playa, palmeras y atardecer anaranjado */ const TileViajero = () => (
{/* sol */}
{/* rayos del sol */} {/* reflejo en el agua */} {/* olas */} {/* PALMERA IZQUIERDA — tronco */} {/* palmera izq — hojas */} {/* cocos */} {/* PALMERA DERECHA — tronco */} {/* palmera der — hojas */} {/* cocos */} {/* AVIÓN */}
); /* helpers */ const linear = (a,b) => `linear-gradient(180deg, ${a}, ${b})`; const tileStyles = { base: (bg) => ({ position: 'relative', width: '100%', aspectRatio: '4 / 3', borderRadius: 14, overflow: 'hidden', background: bg, boxShadow: 'inset 0 0 0 1px rgba(255,255,255,.06)', }), sky: { position: 'absolute', inset: 0, background: 'radial-gradient(ellipse at 50% 0%, #ffffff28, transparent 60%)', }, road: { position: 'absolute', left: 0, right: 0, bottom: 0, height: '38%', background: 'linear-gradient(180deg, transparent, rgba(0,0,0,.35) 70%, rgba(0,0,0,.55))', }, }; const Tile = ({ ramo }) => { const map = { auto: , moto: , bici: , hogar: , viajero: }; return map[ramo] || null; }; Object.assign(window, { Mark, Logo, InsurerMark, Tile, TileAuto, TileMoto, TileBici, TileHogar, TileViajero });