/* Visual Building Landing Studio - tema profesional */
body{background:#080c17}.sidebar{background:linear-gradient(180deg,#0b1222 0%,#10192d 100%);box-shadow:12px 0 45px #02061755}.side-head{padding:4px 2px 15px;border-bottom:1px solid #26334c}.vb-mark{box-shadow:0 10px 28px #6557ff55}.tabs{border:1px solid #26334c}.tab{transition:.2s}.tab:hover{color:#fff}.tab.active{background:linear-gradient(135deg,#6557ff,#4f74f5);box-shadow:0 7px 18px #6557ff3d}.panel-title{margin-top:19px}.block-grid button{min-height:44px;position:relative;padding-left:14px;transition:transform .18s,border-color .18s,background .18s}.block-grid button:before{content:'⋮⋮';float:right;color:#657493;letter-spacing:-3px}.block-grid button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #02061755}.model-list button{padding:12px 14px!important;transition:.2s}.model-list button:hover{transform:translateX(3px)}.web-upsell{box-shadow:0 14px 35px #02061755}.toolbar{background:#0b1222cc;backdrop-filter:blur(12px);box-shadow:0 6px 24px #02061744}.toolbar button{transition:.2s}.toolbar button:hover{border-color:#8175ff;transform:translateY(-1px)}.stage{background-color:#151d2d;background-image:radial-gradient(#3a465e 1px,transparent 1px);background-size:22px 22px}.page{border-radius:6px;overflow:hidden}.vb-section{transition:outline-color .15s,opacity .15s}.vb-section:hover{outline:1px solid #9b91ff88;outline-offset:-1px}.vb-section.selected{box-shadow:inset 0 0 0 3px #6557ff}.block-tools{padding:5px;background:#0b1020;border-radius:10px;box-shadow:0 9px 22px #0005}.block-tools button:hover{background:#6557ff}.card-item{box-shadow:0 10px 30px #1720330b}.btn{box-shadow:0 10px 25px color-mix(in srgb,var(--primary) 34%,transparent);transition:transform .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08)}input,select,textarea{outline:none}.sidebar input:focus,.sidebar select:focus,.sidebar textarea:focus{border-color:#8175ff;box-shadow:0 0 0 3px #6557ff22}.editable-cols{display:grid;gap:20px}.editable-cols.cols-2{grid-template-columns:repeat(2,1fr)}.editable-cols.cols-3{grid-template-columns:repeat(3,1fr)}.editable-cols.cols-4{grid-template-columns:repeat(4,1fr)}.edit-col{min-height:150px;padding:22px;border:2px dashed #bac4d6;border-radius:var(--radius);background:#f8fafc}.edit-col:focus{background:#fff;border-color:var(--primary)}
@media(max-width:800px){.editable-cols.cols-2,.editable-cols.cols-3,.editable-cols.cols-4{grid-template-columns:1fr}.sidebar{box-shadow:none}.stage{padding:10px}}

/* Cinco estilos de landing modernos */
[data-model-style] .section-title{letter-spacing:-.035em}[data-model-style] .card-item{transition:transform .25s,box-shadow .25s}[data-model-style] .card-item:hover{transform:translateY(-7px);box-shadow:0 22px 55px #1720331c}

/* Software: cristal, neón y profundidad */
[data-model-style="software"].hero{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,#6557ff88,transparent 35%),radial-gradient(circle at 85% 75%,#08c7b677,transparent 34%),linear-gradient(145deg,#070a18,#151b3d 58%,#081b27)}
[data-model-style="software"].hero:after{content:'';position:absolute;width:440px;height:440px;border:1px solid #ffffff22;border-radius:50%;right:-180px;top:-180px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}
[data-model-style="software"] .hero-inner{position:relative;z-index:1}[data-model-style="software"] .card-item{background:linear-gradient(145deg,#fff,#f2f3ff);border-color:#dcdfff}[data-model-style="software"].cta{background:linear-gradient(120deg,#5946ee,#167fba,#0ba982)}

/* Negocio local: natural, cercano y premium */
[data-model-style="business"]{font-family:Georgia,serif}[data-model-style="business"].landing-header{background:#fbf8ef}[data-model-style="business"].hero{min-height:640px;text-align:left;justify-items:start;background:linear-gradient(90deg,#102c24ee,#1d4634bb),radial-gradient(circle at 80% 40%,#ddbf7d55,transparent 35%)}
[data-model-style="business"] .hero-inner{max-width:720px;margin-right:auto}[data-model-style="business"] .btn{border-radius:9px;background:#d3aa59;color:#102c24}[data-model-style="business"] .card-item{background:#fbf8ef;border-color:#e7ddc7}[data-model-style="business"].footer{background:#102c24}

/* Profesional: corporativa limpia y precisa */
[data-model-style="professional"].hero{min-height:560px;text-align:left;justify-items:start;background:linear-gradient(115deg,#071a3d 0 58%,#1d4ed8 58% 78%,#93c5fd 78%)}
[data-model-style="professional"] .hero-inner{max-width:670px;margin-right:auto}[data-model-style="professional"] .btn{border-radius:7px}[data-model-style="professional"] .card-item{border:0;border-top:4px solid #1d4ed8;border-radius:8px;background:#f4f7fc}[data-model-style="professional"].stats{background:#eaf2ff}

/* Portfolio: editorial oscuro y creativo */
[data-model-style="portfolio"]{background:#0c0b10;color:#f7f2fa}[data-model-style="portfolio"].landing-header,[data-model-style="portfolio"].footer{background:#0c0b10;color:#f7f2fa}[data-model-style="portfolio"].hero{min-height:690px;text-align:left;justify-items:start;background:linear-gradient(130deg,#0c0b10 0 55%,#db2777 55% 72%,#f59e0b 72%)}
[data-model-style="portfolio"] .hero-inner{max-width:720px;margin-right:auto}[data-model-style="portfolio"] .hero h1{font-size:clamp(52px,8vw,96px)}[data-model-style="portfolio"] .btn{border-radius:0;background:#f9df53;color:#111}[data-model-style="portfolio"] .card-item{background:#18151d;border-color:#302838;color:#fff}[data-model-style="portfolio"].image-text{background:#15121a;color:#fff}

/* Evento: energía, degradado y tarjetas flotantes */
[data-model-style="event"].hero{min-height:650px;background:radial-gradient(circle at 75% 25%,#ffd166 0 8%,transparent 9%),linear-gradient(135deg,#5b21b6,#ea580c 58%,#f59e0b)}
[data-model-style="event"] .hero-inner{background:#ffffff17;border:1px solid #ffffff38;backdrop-filter:blur(14px);border-radius:34px;padding:48px;box-shadow:0 30px 80px #54115b55}[data-model-style="event"] .btn{background:#111827;border-radius:12px}[data-model-style="event"] .card-item{border:0;background:#fff7ed;box-shadow:0 16px 40px #c2410c18}[data-model-style="event"].stats{background:#111827;color:#fff}

@media(max-width:800px){[data-model-style="professional"].hero,[data-model-style="portfolio"].hero{background:linear-gradient(145deg,#111827,#273a73)}[data-model-style="business"].hero{text-align:center}[data-model-style="event"] .hero-inner{padding:28px 20px}}

/* Artistas: fotografía protagonista y reproductor MP3 */
.artist-hero{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:48px;text-align:left!important}.artist-photo{width:100%;position:relative;z-index:2}.artist-photo .image-placeholder{min-height:480px;border:2px dashed #ffffff66;background:linear-gradient(145deg,#ffffff16,#db277755);color:#fff}.artist-photo .uploaded-image{min-height:480px;max-height:620px;object-fit:cover;box-shadow:25px 25px 0 #db2777}.audio-section{background:linear-gradient(135deg,#111016,#211526);color:#fff}.audio-kicker{color:#f9df53;font-size:12px;font-weight:900;letter-spacing:.16em}.audio-upload{margin-top:28px;padding:28px;border:1px solid #ffffff26;border-radius:20px;background:#ffffff0c}.audio-upload audio{display:block;width:100%;margin-top:18px;accent-color:#db2777}.audio-upload input[type=file]{display:block;margin-top:14px}.replace-audio{display:inline-block;margin-top:16px;color:#f9df53;cursor:pointer}.replace-audio input{display:none!important}
@media(max-width:800px){.artist-hero{grid-template-columns:1fr}.artist-photo .image-placeholder,.artist-photo .uploaded-image{min-height:360px}.artist-photo .uploaded-image{box-shadow:12px 12px 0 #db2777}}
.toolbar-actions{display:flex;gap:8px}.toolbar .download-top{border:0;background:linear-gradient(135deg,#10b981,#07879d);color:#fff;font-weight:900;box-shadow:0 8px 24px #10b98144}.toolbar .download-top:hover{border:0;filter:brightness(1.08)}
@media(max-width:700px){.toolbar{height:auto;flex-wrap:wrap}.toolbar-actions{width:100%}.toolbar-actions button{flex:1}.viewport{order:3;width:100%}.viewport button{flex:1}}

/* Menu hamburguesa: solo Inicio y Contactar */
.nav-toggle,.hamburger{display:none}.landing-header{position:relative}.hamburger{margin-left:auto;border:0;border-radius:10px;background:#111827;color:#fff;padding:9px 12px;font-size:22px;line-height:1;cursor:pointer}.page.mobile .hamburger{display:block}.page.mobile .landing-nav{display:none;position:absolute;z-index:30;left:18px;right:18px;top:72px;padding:14px;background:#fff;color:#172033;border-radius:15px;box-shadow:0 18px 50px #0003;flex-direction:column;align-items:stretch}.page.mobile .nav-toggle:checked~.landing-nav{display:flex}.page.mobile .landing-nav a{text-align:center}
@media(max-width:600px){.hamburger{display:block}.landing-nav{display:none!important;position:absolute;z-index:30;left:18px;right:18px;top:72px;padding:14px;background:#fff!important;color:#172033!important;border-radius:15px;box-shadow:0 18px 50px #0003;flex-direction:column;align-items:stretch}.nav-toggle:checked~.landing-nav{display:flex!important}.landing-nav a{text-align:center;color:#172033!important}}

/* Plantilla Curriculum y Portfolio */
[data-model-style="resume"].landing-header{background:#f7fbfa}[data-model-style="resume"].footer{background:#092925}[data-model-style="resume"] .btn{background:#0f766e}[data-model-style="resume"] .text-link{color:#0f766e;font-weight:800;text-underline-offset:4px}.cv-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center;min-height:650px;background:linear-gradient(135deg,#f3faf8,#dff2ed)}.cv-hero h1{font-size:clamp(48px,7vw,86px);line-height:1;letter-spacing:-.055em;margin:15px 0 22px}.cv-kicker,.cv-number{color:#0f766e;font-weight:900;letter-spacing:.14em;font-size:12px}.cv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn-outline{background:transparent!important;color:#0f766e!important;border:2px solid #0f766e}.cv-photo .image-placeholder{min-height:480px;background:linear-gradient(145deg,#cbe8df,#8acbb9);border:2px dashed #0f766e;color:#164e47}.cv-photo .uploaded-image{min-height:480px;max-height:620px;object-fit:cover;border-radius:180px 180px 20px 20px}.cv-about{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;background:#fff}.cv-timeline{border-left:2px solid #cfe4df;margin:35px 0 0 10px;padding-left:30px;display:grid;gap:32px}.cv-timeline article{position:relative}.cv-timeline article:before{content:'';position:absolute;width:13px;height:13px;border-radius:50%;background:#0f766e;left:-37px;top:4px}.cv-timeline span{font-size:12px;color:#0f766e;font-weight:900}.cv-portfolio{background:#092925;color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.portfolio-grid article{min-width:0}.portfolio-grid .image-placeholder,.portfolio-grid .uploaded-image{width:100%;height:260px;min-height:260px;object-fit:cover;border-radius:16px}.portfolio-grid .image-placeholder{background:#174a43;border:2px dashed #74b8aa;color:#fff}.portfolio-grid .text-link{color:#9de7d5}.link-editor{margin:14px 0;padding:13px;border:1px solid #33415f;border-radius:14px;background:#0a1020}.check-line{display:flex!important;align-items:center;gap:8px}.check-line input{width:auto!important}.text-link{color:var(--primary);font-weight:800;text-decoration:underline;text-underline-offset:4px}
.page.mobile .cv-hero,.page.mobile .cv-about,.page.mobile .portfolio-grid{grid-template-columns:1fr}.page.mobile .cv-photo .image-placeholder,.page.mobile .cv-photo .uploaded-image{min-height:350px}.page.mobile .portfolio-grid .image-placeholder,.page.mobile .portfolio-grid .uploaded-image{height:230px;min-height:230px}
@media(max-width:700px){.cv-hero,.cv-about,.portfolio-grid{grid-template-columns:1fr}.cv-hero{min-height:auto}.cv-hero h1{font-size:46px}.cv-photo .image-placeholder,.cv-photo .uploaded-image{min-height:350px}.portfolio-grid .image-placeholder,.portfolio-grid .uploaded-image{height:240px;min-height:240px}}

/* Vista responsive real dentro del editor */
.page.mobile .vb-section{padding-left:20px;padding-right:20px}.page.mobile .hero{min-height:500px;text-align:center}.page.mobile .hero h1{font-size:40px}.page.mobile .hero p{font-size:17px}.page.mobile .grid-3,.page.mobile .image-text,.page.mobile .stats,.page.mobile .editable-cols,.page.mobile .artist-hero,.page.mobile .contact-form{grid-template-columns:1fr}.page.mobile .footer-grid{flex-direction:column}.page.mobile img,.page.mobile audio{max-width:100%}.page.tablet .cols-4,.page.tablet .grid-3{grid-template-columns:repeat(2,1fr)}
@media(max-width:600px){.vb-section{padding:44px 20px}.hero{min-height:500px}.hero h1{font-size:40px!important}.grid-3,.image-text,.stats,.editable-cols,.artist-hero,.contact-form{grid-template-columns:1fr!important}.uploaded-image,audio{max-width:100%}.footer-grid{flex-direction:column}.section-title{font-size:34px}}

/* Experiencia y formacion mejoradas */
.cv-career{background:#f7fbfa}.cv-career>.lead{max-width:760px}.career-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:42px}.career-column{padding:30px;border:1px solid #d7e8e4;border-radius:22px;background:#fff;box-shadow:0 18px 45px #0f766e0c}.career-column.education{background:#092925;color:#fff;border-color:#174a43}.career-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:22px;border-bottom:1px solid #d7e8e4}.education .career-heading{border-color:#ffffff24}.career-heading span{font-size:11px;letter-spacing:.14em;font-weight:900;color:#0f766e;background:#dff2ed;padding:7px 10px;border-radius:999px}.education .career-heading span{color:#092925;background:#9de7d5}.career-heading h3{font-size:25px;margin:0}.career-list{display:grid;gap:0}.career-list article{position:relative;padding:27px 0 27px 24px;border-bottom:1px solid #d7e8e4}.career-list article:last-child{border-bottom:0;padding-bottom:0}.education .career-list article{border-color:#ffffff1f}.career-list article:before{content:'';position:absolute;left:0;top:34px;width:9px;height:9px;border-radius:50%;background:#0f766e;box-shadow:0 0 0 5px #dff2ed}.education .career-list article:before{background:#9de7d5;box-shadow:0 0 0 5px #174a43}.career-list time{display:block;font-size:12px;font-weight:900;color:#0f766e;margin-bottom:9px}.education .career-list time{color:#9de7d5}.career-list h4{font-size:20px;margin:0 0 6px}.career-list strong{display:block;font-size:13px;color:#64748b}.education .career-list strong{color:#b6d8d1}.career-list p{line-height:1.65;color:#64748b;margin-bottom:0}.education .career-list p{color:#d4e8e4}.cv-contact{text-align:center;background:linear-gradient(135deg,#dff2ed,#f7fbfa)}.cv-contact .lead{max-width:700px;margin-left:auto;margin-right:auto}.cv-contact .cv-actions{justify-content:center}.cv-contact-note{margin-top:22px;color:#64748b;font-size:13px}
.page.mobile .career-grid{grid-template-columns:1fr}.page.mobile .career-column{padding:22px}.page.mobile .career-heading{flex-direction:column}
@media(max-width:700px){.career-grid{grid-template-columns:1fr}.career-column{padding:22px}.career-heading{flex-direction:column}}
.add-career{width:100%;margin-top:20px;padding:12px;border:2px dashed #68aa9c;border-radius:12px;background:#e9f7f3;color:#0f766e;font-weight:900;cursor:pointer}.education .add-career{background:#123d37;color:#9de7d5;border-color:#4d8d80}.add-career:hover{filter:brightness(.96)}.remove-career{position:absolute;right:0;top:25px;width:27px;height:27px;border:0;border-radius:50%;background:#fee2e2;color:#991b1b;font-size:18px;cursor:pointer}.education .remove-career{background:#4c1d25;color:#fecaca}.career-list article{padding-right:36px}.career-list p{min-height:48px;white-space:normal}.editor-only{font-family:Inter,Arial,sans-serif}
.cv-hero h1{font-size:clamp(24px,3.5vw,43px)!important}@media(max-width:700px){.cv-hero h1,.page.mobile .cv-hero h1{font-size:23px!important}}

/* Botones modernos para subir fotografías, logo, favicon y MP3 */
input[type="file"]{width:100%;max-width:100%;padding:7px;border:1px solid #cbd5e1;border-radius:13px;background:#fff;color:#64748b;font-size:12px;cursor:pointer}input[type="file"]::file-selector-button{margin-right:12px;padding:10px 16px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--primary),#087f8c);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 7px 18px #0f766e33;transition:transform .18s,filter .18s}input[type="file"]::file-selector-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.image-placeholder input[type="file"],.audio-upload input[type="file"]{margin-top:16px;background:#ffffffed;color:#334155}.sidebar input[type="file"]{padding:6px;background:#111a2d;color:#b8c3da;border-color:#35435f}.sidebar input[type="file"]::file-selector-button{padding:8px 10px;font-size:11px}@media(max-width:600px){input[type="file"]::file-selector-button{display:block;width:100%;margin:0 0 8px;padding:11px}}
.footer a,.footer a:link,.footer a:visited,.footer .editable{color:#fff!important;text-decoration-color:#fff!important}.footer a:hover,.footer a:focus{color:#9de7d5!important;text-decoration-color:#9de7d5!important}
.preview-mode #canvas [contenteditable],.preview-mode #canvas .editable{outline:none!important;cursor:default}.preview-mode #canvas .vb-section{outline:none!important}.preview-mode #canvas .editor-only,.preview-mode #canvas input[type="file"]{display:none!important}
.cv-skills{background:#fff}.skills-grid{display:grid;grid-template-columns:1.1fr 1.1fr .8fr;gap:20px;margin-top:34px}.skills-grid article{padding:25px;border:1px solid #d7e8e4;border-radius:18px;background:#f7fbfa}.skills-grid h3{margin-top:0}.skill-tags{display:flex;flex-wrap:wrap;gap:8px}.skill-tags span{display:inline-block;padding:8px 11px;border-radius:999px;background:#dff2ed;color:#0b5f55;font-size:12px;font-weight:800}.language-list p{padding-bottom:10px;border-bottom:1px solid #d7e8e4}.availability{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center;margin-top:22px;padding:20px 25px;border-radius:16px;background:#0f766e;color:#fff}.availability p{margin:0;line-height:1.6}.page.mobile .skills-grid,.page.mobile .availability{grid-template-columns:1fr}@media(max-width:700px){.skills-grid,.availability{grid-template-columns:1fr}}
@media print{.sidebar,.toolbar,.block-tools,.editor-only,.cookie-banner,.whatsapp-float{display:none!important}.app{display:block!important}.workspace,.stage,.page{display:block!important;width:100%!important;padding:0!important;background:#fff!important;box-shadow:none!important}.vb-section{break-inside:avoid;max-width:none!important}.cv-hero{min-height:auto}.cv-photo .uploaded-image{max-height:360px}}