
        .planotangente-widget {
            margin: 0;
            display: flex;
            height: 48vh; /* Reducción del 20% (original 60vh) */
            font-family: Arial, sans-serif;
        }

        .planotangente-widget #plot3d { 
            width: 65%; 
            height: 100%; 
        }

        .planotangente-widget #plot2d-container { 
            width: 35%; 
            position: relative;
            background: white;
            border-left: 1px solid #ddd;
            display: flex;
            flex-direction: column;
        }

        .planotangente-widget #controls,
        .planotangente-widget #coords {
            padding: 5px;
            background: #f8f8f8;
            border-bottom: 1px solid #ddd;
            font-size: 0.9em;
        }

        .planotangente-widget #plot2d-wrapper {
            flex-grow: 1;
            position: relative;
            overflow: hidden;
        }

        .planotangente-widget #plot2d {
            width: 100%;
            height: 100%;
            display: block;
        }
 
